├── components ├── README.md ├── .DS_Store ├── demo │ ├── demo.html │ ├── index.html │ └── style.css ├── sidebar │ └── sidebar-desktop.html ├── loading icon mobile │ └── loading icon.html ├── frame-513 │ └── index.html ├── stepper │ ├── step-1.html │ ├── step-2.html │ ├── step-3.html │ ├── step-4.html │ └── index.html ├── Input │ └── index.html ├── footer │ └── index.html ├── frame-510 │ └── index.html ├── frame71 │ └── index.html ├── frame-509 │ └── index.html ├── pagination │ ├── index.html │ └── pagination.html ├── navbar-signup │ ├── index.html │ └── navbar-signup.html ├── forum-sidebar │ └── index.html ├── frame45 │ ├── index.html │ └── frame45.html ├── update-profile-01 │ └── index.html ├── update-profile-02 │ └── index.html ├── content1 │ └── index.html ├── content2 │ ├── index.html │ └── content2.html ├── content3 │ ├── index.html │ └── content3.html ├── frame-512 │ └── index.html ├── frame-512-mobile │ └── index.html ├── mobile-navbar │ ├── index.html │ └── mobile-navbar.html ├── Frame 514 │ └── index.html ├── index.html └── navbar-desktop │ ├── navbar-desktop-default.html │ ├── navbar-desktop-latest-news-active.html │ ├── navbar-desktop-trending-active.html │ ├── navbar-desktop-recent-active.html │ └── navbar-desktop-logged-in.html ├── .gitignore ├── vercel.json ├── assets ├── .DS_Store ├── Images │ ├── mtn.png │ ├── pfp.jpeg │ ├── Vector.png │ ├── airtel.png │ ├── glo-ad.png │ ├── profile.png │ ├── Ellipse 28.png │ ├── Ellipse 29.png │ ├── Frame 53.png │ ├── Frame 590.png │ ├── etisalat.png │ ├── Rectangle 19.png │ ├── Rectangle 20.png │ ├── Rectangle 23.png │ ├── Ellipse 28 (2).png │ ├── Ellipse 28 (3).png │ ├── Ellipse 28 (4).png │ ├── Ellipse 28 (5).png │ ├── create-post-1.png │ ├── create-post-2.png │ ├── create-post-3.png │ └── profileguy-on-glasses.png ├── images │ ├── abeg.png │ ├── img1.jpg │ ├── img2.jpg │ ├── img3.jpg │ └── segun.jpg ├── icons │ ├── chevron-down-green.svg │ ├── line.svg │ ├── vertical-green-line.svg │ ├── Vector.svg │ ├── tick.svg │ ├── chevron-down.svg │ ├── minus.svg │ ├── greater-than_next.svg │ ├── single-chevron-right.svg │ ├── verified.svg │ ├── back.svg │ ├── front.svg │ ├── x-icon.svg │ ├── arrow-left.svg │ ├── twitch.svg │ ├── arrow-right.svg │ ├── x.svg │ ├── celebrities-icon.svg │ ├── nav-icons │ │ ├── celebrities.svg │ │ ├── programming.svg │ │ ├── mobile-phones.svg │ │ ├── fashion.svg │ │ ├── security.svg │ │ ├── literature.svg │ │ ├── pets.svg │ │ ├── religion.svg │ │ ├── jobs.svg │ │ ├── health.svg │ │ ├── education.svg │ │ ├── jokes.svg │ │ ├── Computers.svg │ │ ├── politics.svg │ │ ├── business.svg │ │ ├── art-and-graphics.svg │ │ ├── romance.svg │ │ ├── tv-movies.svg │ │ ├── web-masters.svg │ │ ├── sports.svg │ │ ├── food.svg │ │ ├── automobiles.svg │ │ ├── culture.svg │ │ ├── investments.svg │ │ ├── events.svg │ │ ├── agriculture.svg │ │ ├── properties.svg │ │ ├── gaming.svg │ │ ├── travel-and-tours.svg │ │ └── technology-market.svg │ ├── chevrons-left.svg │ ├── chevrons-right.svg │ ├── bar-chart-2.svg │ ├── pets-icon.svg │ ├── italic.svg │ ├── eye.svg │ ├── underline.svg │ ├── mobile-phones.svg │ ├── message-square.svg │ ├── alert-circle.svg │ ├── align-center.svg │ ├── align-justify.svg │ ├── align-left.svg │ ├── align-right.svg │ ├── health-icon.svg │ ├── religion-icon.svg │ ├── facebookIcon.svg │ ├── programming-icon.svg │ ├── literature-icon.svg │ ├── topic.svg │ ├── education-icon.svg │ ├── share.svg │ ├── bell.svg │ ├── search-topic.svg │ ├── bold.svg │ ├── security-icon.svg │ ├── job-icon.svg │ ├── topics-icon.svg │ ├── jokes-icon.svg │ ├── business-icon.svg │ ├── Search.svg │ ├── bell-with-shadow.svg │ ├── Search (1).svg │ ├── list.svg │ ├── bell-for-profile.svg │ ├── MobileSearchIcon.svg │ ├── fashion-icon.svg │ ├── twitter-for-profile.svg │ ├── more-horizontal.svg │ ├── texticon-with-shadow.svg │ ├── paperclip.svg │ ├── love-heart-icon.svg │ ├── politics-icon.svg │ ├── arts-graphics-icon.svg │ ├── computers-icon.svg │ ├── likes.svg │ ├── linkedin-for-profile.svg │ ├── webmasters-icon.svg │ ├── sports-icon.svg │ ├── twitter.svg │ ├── automobile-icon.svg │ ├── ellipsis-right.svg │ ├── instagram-on-profile.svg │ ├── video.svg │ ├── link.svg │ ├── tv-movies.svg │ ├── thumbs-up.svg │ ├── instagramIconOutline.svg │ ├── link-2.svg │ ├── Filter 2.svg │ ├── filter-blue.svg │ ├── food-icon.svg │ ├── link-down-2.svg │ ├── picture.svg │ ├── linkedinIcon.svg │ ├── instagramIconSolid.svg │ ├── culture-icon.svg │ ├── events-icon.svg │ ├── investment-icon.svg │ ├── agriculture-icon.svg │ ├── properties-icon.svg │ ├── 3dots-icon.svg │ ├── gaming-icon.svg │ ├── travels-icon.svg │ ├── technology-market-icon.svg │ ├── community.svg │ ├── web-search.svg │ └── lock icon.svg ├── css │ └── main.css └── js │ └── main.js ├── pages ├── _demo.html ├── Desktop-28 │ └── Desktop-28.html ├── Desktop-30 │ └── Desktop-30.html ├── index.html ├── posts │ ├── index.html │ └── post-two.html ├── forgotPasswordPageScreen2.html ├── forgotPasswordPageScreen4.html └── AuthenticationPage[screen 1].html └── README.md /components/README.md: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | .gitignore 3 | notes.md 4 | .vscode -------------------------------------------------------------------------------- /vercel.json: -------------------------------------------------------------------------------- 1 | { 2 | "github": { 3 | "silent": true 4 | } 5 | } -------------------------------------------------------------------------------- /assets/.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/GenZtechies/nairaland/HEAD/assets/.DS_Store -------------------------------------------------------------------------------- /components/.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/GenZtechies/nairaland/HEAD/components/.DS_Store -------------------------------------------------------------------------------- /assets/Images/mtn.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/GenZtechies/nairaland/HEAD/assets/Images/mtn.png -------------------------------------------------------------------------------- /assets/Images/pfp.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/GenZtechies/nairaland/HEAD/assets/Images/pfp.jpeg -------------------------------------------------------------------------------- /assets/images/abeg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/GenZtechies/nairaland/HEAD/assets/images/abeg.png -------------------------------------------------------------------------------- /assets/images/img1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/GenZtechies/nairaland/HEAD/assets/images/img1.jpg -------------------------------------------------------------------------------- /assets/images/img2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/GenZtechies/nairaland/HEAD/assets/images/img2.jpg -------------------------------------------------------------------------------- /assets/images/img3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/GenZtechies/nairaland/HEAD/assets/images/img3.jpg -------------------------------------------------------------------------------- /assets/images/segun.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/GenZtechies/nairaland/HEAD/assets/images/segun.jpg -------------------------------------------------------------------------------- /assets/Images/Vector.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/GenZtechies/nairaland/HEAD/assets/Images/Vector.png -------------------------------------------------------------------------------- /assets/Images/airtel.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/GenZtechies/nairaland/HEAD/assets/Images/airtel.png -------------------------------------------------------------------------------- /assets/Images/glo-ad.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/GenZtechies/nairaland/HEAD/assets/Images/glo-ad.png -------------------------------------------------------------------------------- /assets/Images/profile.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/GenZtechies/nairaland/HEAD/assets/Images/profile.png -------------------------------------------------------------------------------- /assets/Images/Ellipse 28.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/GenZtechies/nairaland/HEAD/assets/Images/Ellipse 28.png -------------------------------------------------------------------------------- /assets/Images/Ellipse 29.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/GenZtechies/nairaland/HEAD/assets/Images/Ellipse 29.png -------------------------------------------------------------------------------- /assets/Images/Frame 53.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/GenZtechies/nairaland/HEAD/assets/Images/Frame 53.png -------------------------------------------------------------------------------- /assets/Images/Frame 590.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/GenZtechies/nairaland/HEAD/assets/Images/Frame 590.png -------------------------------------------------------------------------------- /assets/Images/etisalat.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/GenZtechies/nairaland/HEAD/assets/Images/etisalat.png -------------------------------------------------------------------------------- /components/demo/demo.html: -------------------------------------------------------------------------------- 1 |

Hello World - Demo Component

2 | -------------------------------------------------------------------------------- /assets/Images/Rectangle 19.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/GenZtechies/nairaland/HEAD/assets/Images/Rectangle 19.png -------------------------------------------------------------------------------- /assets/Images/Rectangle 20.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/GenZtechies/nairaland/HEAD/assets/Images/Rectangle 20.png -------------------------------------------------------------------------------- /assets/Images/Rectangle 23.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/GenZtechies/nairaland/HEAD/assets/Images/Rectangle 23.png -------------------------------------------------------------------------------- /assets/Images/Ellipse 28 (2).png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/GenZtechies/nairaland/HEAD/assets/Images/Ellipse 28 (2).png -------------------------------------------------------------------------------- /assets/Images/Ellipse 28 (3).png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/GenZtechies/nairaland/HEAD/assets/Images/Ellipse 28 (3).png -------------------------------------------------------------------------------- /assets/Images/Ellipse 28 (4).png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/GenZtechies/nairaland/HEAD/assets/Images/Ellipse 28 (4).png -------------------------------------------------------------------------------- /assets/Images/Ellipse 28 (5).png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/GenZtechies/nairaland/HEAD/assets/Images/Ellipse 28 (5).png -------------------------------------------------------------------------------- /assets/Images/create-post-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/GenZtechies/nairaland/HEAD/assets/Images/create-post-1.png -------------------------------------------------------------------------------- /assets/Images/create-post-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/GenZtechies/nairaland/HEAD/assets/Images/create-post-2.png -------------------------------------------------------------------------------- /assets/Images/create-post-3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/GenZtechies/nairaland/HEAD/assets/Images/create-post-3.png -------------------------------------------------------------------------------- /assets/Images/profileguy-on-glasses.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/GenZtechies/nairaland/HEAD/assets/Images/profileguy-on-glasses.png -------------------------------------------------------------------------------- /components/sidebar/sidebar-desktop.html: -------------------------------------------------------------------------------- 1 |
2 |
3 |
4 | -------------------------------------------------------------------------------- /assets/icons/chevron-down-green.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/icons/line.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/icons/vertical-green-line.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/icons/Vector.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/icons/tick.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/icons/chevron-down.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/icons/minus.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/icons/greater-than_next.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/icons/single-chevron-right.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/icons/verified.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/icons/back.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /assets/icons/front.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /assets/icons/x-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /assets/icons/arrow-left.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /assets/css/main.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; 4 | html, 5 | body { 6 | scroll-behavior: smooth; 7 | } 8 | 9 | /* use this to debug sizing errors - Tochi*/ 10 | /* *{ 11 | background: #000 !important; 12 | color: #0f0 !important; 13 | outline: solid #f00 1px !important; 14 | } */ 15 | -------------------------------------------------------------------------------- /assets/icons/twitch.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/icons/arrow-right.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /assets/icons/x.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /assets/icons/celebrities-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /assets/icons/nav-icons/celebrities.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /assets/icons/chevrons-left.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /assets/icons/chevrons-right.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /assets/icons/nav-icons/programming.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /components/loading icon mobile/loading icon.html: -------------------------------------------------------------------------------- 1 |
2 | 3 | 4 | 5 | 6 | 7 | 8 |
-------------------------------------------------------------------------------- /assets/icons/nav-icons/mobile-phones.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /assets/icons/bar-chart-2.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /assets/icons/nav-icons/fashion.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /assets/icons/pets-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /assets/icons/italic.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /assets/icons/eye.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /assets/icons/nav-icons/security.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /assets/icons/underline.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /assets/icons/mobile-phones.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /assets/icons/message-square.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/icons/nav-icons/literature.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /assets/icons/alert-circle.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /assets/icons/nav-icons/pets.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /assets/icons/nav-icons/religion.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /assets/icons/align-center.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /assets/icons/align-justify.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /assets/icons/nav-icons/jobs.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /assets/icons/align-left.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /assets/icons/nav-icons/health.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /assets/icons/align-right.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /assets/icons/health-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /assets/icons/religion-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /assets/icons/facebookIcon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /assets/icons/nav-icons/education.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /assets/icons/programming-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /assets/icons/literature-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /assets/icons/nav-icons/jokes.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /assets/icons/topic.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /assets/icons/education-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /assets/icons/nav-icons/Computers.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /assets/icons/share.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /assets/icons/bell.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /assets/icons/search-topic.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /assets/icons/bold.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /assets/icons/security-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /assets/icons/job-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /assets/icons/nav-icons/politics.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /assets/icons/nav-icons/business.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /assets/icons/topics-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /assets/icons/jokes-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /assets/icons/business-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /assets/icons/Search.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/icons/bell-with-shadow.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /assets/icons/Search (1).svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/icons/list.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /assets/icons/bell-for-profile.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /assets/icons/MobileSearchIcon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/icons/fashion-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /assets/icons/twitter-for-profile.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /assets/icons/more-horizontal.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /assets/icons/texticon-with-shadow.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /assets/icons/paperclip.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/icons/love-heart-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/icons/nav-icons/art-and-graphics.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /assets/icons/nav-icons/romance.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/icons/politics-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /pages/_demo.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Demo Page 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | -------------------------------------------------------------------------------- /pages/Desktop-28/Desktop-28.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Demo Page 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | -------------------------------------------------------------------------------- /pages/Desktop-30/Desktop-30.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Demo Page 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | -------------------------------------------------------------------------------- /assets/icons/arts-graphics-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /assets/icons/computers-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /components/frame-513/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Frame 513 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | -------------------------------------------------------------------------------- /components/stepper/step-1.html: -------------------------------------------------------------------------------- 1 |
2 | 3 |
4 | 5 | 6 |
7 | 8 |
9 |
10 |
11 | 12 | 13 |
14 | 15 | 16 |
17 | 18 | 19 |
20 |
21 |
-------------------------------------------------------------------------------- /components/stepper/step-2.html: -------------------------------------------------------------------------------- 1 |
2 | 3 |
4 | 5 | 6 |
7 | 8 |
9 | 10 | 11 |
12 |
13 |
14 | 15 | 16 |
17 | 18 | 19 |
20 |
21 |
-------------------------------------------------------------------------------- /assets/icons/likes.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /components/stepper/step-3.html: -------------------------------------------------------------------------------- 1 |
2 | 3 |
4 | 5 | 6 |
7 | 8 |
9 | 10 | 11 |
12 | 13 | 14 |
15 |
16 |
17 | 18 | 19 |
20 |
21 |
-------------------------------------------------------------------------------- /components/stepper/step-4.html: -------------------------------------------------------------------------------- 1 |
2 | 3 |
4 | 5 | 6 |
7 | 8 |
9 | 10 | 11 |
12 | 13 | 14 |
15 | 16 | 17 |
18 |
19 |
20 |
21 |
-------------------------------------------------------------------------------- /components/Input/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Demo Page 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | -------------------------------------------------------------------------------- /components/footer/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Demo Page 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | -------------------------------------------------------------------------------- /components/frame-510/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Demo Page 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | -------------------------------------------------------------------------------- /components/frame71/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Demo Page 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | -------------------------------------------------------------------------------- /components/frame-509/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Demo Page 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | -------------------------------------------------------------------------------- /components/pagination/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Demo Page 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | -------------------------------------------------------------------------------- /assets/icons/nav-icons/tv-movies.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /components/navbar-signup/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Demo Page 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | -------------------------------------------------------------------------------- /assets/icons/linkedin-for-profile.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /assets/icons/nav-icons/web-masters.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /components/forum-sidebar/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Forum sidebar component 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | -------------------------------------------------------------------------------- /components/frame45/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Demo Page 9 | 10 | 11 | 12 | 13 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | -------------------------------------------------------------------------------- /components/update-profile-01/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Forum sidebar component 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | -------------------------------------------------------------------------------- /components/update-profile-02/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Forum sidebar component 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | -------------------------------------------------------------------------------- /components/content1/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Demo Page 9 | 10 | 11 | 12 | 13 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | -------------------------------------------------------------------------------- /components/content2/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Demo Page 9 | 10 | 11 | 12 | 13 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | -------------------------------------------------------------------------------- /components/content3/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Demo Page 9 | 10 | 11 | 12 | 13 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | -------------------------------------------------------------------------------- /components/frame-512/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Frame 512 9 | 10 | 11 | 12 | 13 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | -------------------------------------------------------------------------------- /components/frame-512-mobile/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Frame 512 9 | 10 | 11 | 12 | 13 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | -------------------------------------------------------------------------------- /components/mobile-navbar/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Demo Page 9 | 10 | 11 | 12 | 13 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | -------------------------------------------------------------------------------- /assets/icons/nav-icons/sports.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /assets/icons/webmasters-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /assets/icons/sports-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /assets/icons/twitter.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /components/Frame 514/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Demo Page 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | -------------------------------------------------------------------------------- /assets/icons/nav-icons/food.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /assets/icons/automobile-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /assets/icons/ellipsis-right.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /assets/icons/instagram-on-profile.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /assets/icons/nav-icons/automobiles.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /assets/icons/video.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /assets/icons/link.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /assets/icons/tv-movies.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /assets/icons/thumbs-up.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /components/stepper/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Steppers Component 8 | 9 | 10 | 11 | 15 | 16 | 17 | 18 | 19 | 20 | 21 |

Stepper Components

22 |
23 | 24 |
25 |
26 |
27 |
28 |
29 | 30 | 31 | -------------------------------------------------------------------------------- /assets/icons/instagramIconOutline.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /assets/icons/link-2.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /components/pagination/pagination.html: -------------------------------------------------------------------------------- 1 |
2 | 15 |
-------------------------------------------------------------------------------- /assets/icons/Filter 2.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /pages/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | All Available Components 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 |
22 |
23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | -------------------------------------------------------------------------------- /assets/icons/filter-blue.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/icons/food-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /assets/icons/link-down-2.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /components/demo/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Demo Page 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | -------------------------------------------------------------------------------- /assets/icons/picture.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /assets/icons/linkedinIcon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /assets/icons/instagramIconSolid.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /assets/icons/nav-icons/culture.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | -------------------------------------------------------------------------------- /assets/icons/culture-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | -------------------------------------------------------------------------------- /assets/icons/nav-icons/investments.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /pages/posts/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | All Available Components 9 | 10 | 11 | 12 | 13 | 17 | 18 | 19 | 20 | 23 | 24 |
27 | 28 | 29 | 30 |
31 |
32 |
33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | -------------------------------------------------------------------------------- /assets/icons/nav-icons/events.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /assets/icons/nav-icons/agriculture.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | -------------------------------------------------------------------------------- /assets/icons/events-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /assets/js/main.js: -------------------------------------------------------------------------------- 1 | /* =========== TAILWIND CSS CONFIG ========= */ 2 | tailwind.config = { 3 | theme: { 4 | container: { 5 | padding: { 6 | DEFAULT: "1rem", 7 | sm: "2rem", 8 | lg: "4rem", 9 | xl: "5rem", 10 | "2xl": "6rem", 11 | }, 12 | }, 13 | extend: { 14 | fontFamily: { 15 | primary: ["DM Sans", "sans-serif"], 16 | }, 17 | colors: { 18 | primary: "#149F75", 19 | }, 20 | }, 21 | }, 22 | }; 23 | 24 | /* =========== OTHER JS CODE ========= */ 25 | 26 | // HTML Includes 27 | (function includeHTML() { 28 | var z, i, elmnt, file, xhttp; 29 | /* Loop through a collection of all HTML elements: */ 30 | z = document.getElementsByTagName("*"); 31 | for (i = 0; i < z.length; i++) { 32 | elmnt = z[i]; 33 | /*search for elements with a certain atrribute:*/ 34 | file = elmnt.getAttribute("include-component"); 35 | if (file) { 36 | /* Make an HTTP request using the attribute value as the file name: */ 37 | xhttp = new XMLHttpRequest(); 38 | xhttp.onreadystatechange = function () { 39 | if (this.readyState == 4) { 40 | if (this.status == 200) { 41 | elmnt.innerHTML = this.responseText; 42 | } 43 | if (this.status == 404) { 44 | elmnt.innerHTML = "Page not found."; 45 | } 46 | /* Remove the attribute, and call this function once more: */ 47 | elmnt.removeAttribute("include-component"); 48 | includeHTML(); 49 | } 50 | }; 51 | xhttp.open("GET", file, true); 52 | xhttp.send(); 53 | /* Exit the function: */ 54 | return; 55 | } 56 | } 57 | })(); 58 | -------------------------------------------------------------------------------- /assets/icons/investment-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | -------------------------------------------------------------------------------- /assets/icons/agriculture-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # NairaLand + GenZTechies 2 | 3 | Let's get started 🚀🚀 4 | 5 | ## About 6 | We aim to build the new [NairaLand Design](https://www.figma.com/file/HwRRwdEXA5Nx6GhbUHM04F/Nairaland-Web-Design?node-id=19%3A3791) using plain HTML/CSS. The reason for this is to allow more people to contribute. Yes, the code will later be implemented using a framework when approved. 7 | 8 | ## Contributing Code 9 | There are three folders: 10 | - `assets/` 11 | - `components/` 12 | - `pages/` 13 | 14 | ### Components 15 | - The project will start off by building out each component specified in the design file. 16 | - Each component will have its own folder in the components directory. 17 | - The folder should contain all the elements required to build the component and be implemented in an index.html file. 18 | - All images, CSS, or JavaScript files should be in their corresponding folder. 19 | - Do not create any new JS or CSS file. Use the one already in place. 20 | - Do not alter code where you are not supposed to. 21 | - When the component is complete, implement it in "components/index.html" using the demo guide. 22 | 23 | ### Assets 24 | - Place images in the "images/" folder. 25 | - Place icons in the "icons/" folder. 26 | - CSS and JavaScript go into the main.css or main.js 27 | 28 | ### Pages 29 | 30 | 31 | ## Guidelines 32 | - Each task you pick up or are assigned must have a corresponding GitHub issue. 33 | - Issues can be opened by anyone and will be approved by the admins 34 | - Follow this guide on [How to commit](https://dev.to/tuasegun/a-guide-to-writing-industry-standard-git-commit-message-2ohl). 35 | - When making a pull request, you must tag the issue, or it will not be accepted. 36 | - Ensure your code follows the rules stated above. 37 | - Your contributions will be credited. 38 | -------------------------------------------------------------------------------- /assets/icons/nav-icons/properties.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | -------------------------------------------------------------------------------- /assets/icons/properties-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | -------------------------------------------------------------------------------- /assets/icons/3dots-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /components/content2/content2.html: -------------------------------------------------------------------------------- 1 |
2 |
3 |
4 |
5 |

Who do you think is better?

6 |
7 | 10 |
11 |
12 |
13 |

Christiano Ronaldo - 0%

14 | 17 |
18 |
19 |

Messi - 0%

20 | 23 |
24 |
25 |

Neymar - 0%

26 | 29 |
30 |
31 |
32 |
-------------------------------------------------------------------------------- /pages/forgotPasswordPageScreen2.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Forgot Password Page 9 | 10 | 11 | 12 | 13 | 17 | 18 | 19 | 20 | 21 | 22 |
25 | 26 |
27 |
28 | 29 | 30 |
31 | 32 | 33 | check email icon 38 | 39 |

42 | Check your email for the password
reset link sent to you. 43 |

44 | 45 | 46 | 49 | 50 |
51 |
52 |
53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | -------------------------------------------------------------------------------- /pages/forgotPasswordPageScreen4.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Forgot Password Page 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 |
27 | 28 |
29 | 30 | 31 |
32 | 33 | 34 |
35 | 36 |
37 |

Account secured successfully

38 |
39 | 40 | 41 |
42 | 44 |
45 | 46 | 47 |
48 |
49 | 50 | 51 |
52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | -------------------------------------------------------------------------------- /assets/icons/gaming-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /assets/icons/nav-icons/gaming.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /components/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | All Available Components 9 | 10 | 11 | 12 | 13 | 17 | 18 | 19 | 20 | 30 | 31 | 32 | 33 | 34 |
35 |
38 |
41 |
42 |
43 |
44 |
45 |
46 |
47 |
48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | -------------------------------------------------------------------------------- /assets/icons/nav-icons/travel-and-tours.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /assets/icons/travels-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /assets/icons/nav-icons/technology-market.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | -------------------------------------------------------------------------------- /assets/icons/technology-market-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | -------------------------------------------------------------------------------- /assets/icons/community.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /components/frame45/frame45.html: -------------------------------------------------------------------------------- 1 | 2 |
3 | 4 |

5 | Today's Stats 6 |

7 | 8 | 9 |
10 | 11 |
14 |
15 | community 16 |
17 |
18 |

3,650,000

19 |

Members

20 |
21 |
22 | 23 | 24 |
27 |
28 | community 29 |
30 |
31 |

3,650,000

32 |

Topics Discussed

33 |
34 |
35 | 36 | 37 |
40 |
41 | community 42 |
43 |
44 |

620,000

45 |

Members Online

46 |
47 |
48 |
49 | 50 | 51 |
52 | abeg 57 |
58 | 59 | 60 |
63 |

Want to place an Ad?

64 | 67 |
68 |
69 | -------------------------------------------------------------------------------- /pages/posts/post-two.html: -------------------------------------------------------------------------------- 1 |
2 | 3 |
6 | 7 | 8 |
9 |
10 | 11 |
12 |

13 | Help Us Beg Atiku To Allow Southern Presidency in 2023, Afegbua tells 14 | Nigerians 15 |

16 |

Read through the post

17 |
18 | 19 |
20 |

Nairaland

21 |
22 |

Trending

23 |
24 |

25 | Help Us Beg Atiku To Allow Southern Presidency in 2023, Afegbua tells 26 | Nigerians 27 |

28 |
29 |
30 |
31 |

Back

32 |
33 |
34 | 35 | 36 |
37 |
38 | glo ad 43 |
44 |
45 |

Want to place an ad?

46 |
47 |
48 |
49 | 50 | 51 |
52 | 53 | 54 |
55 |

All Comments

56 | 57 |
58 |
59 |
60 |
61 |
62 |
63 |
64 |
65 | 66 | 67 | 68 |
69 |
70 | -------------------------------------------------------------------------------- /components/navbar-desktop/navbar-desktop-default.html: -------------------------------------------------------------------------------- 1 |
2 | 52 |
-------------------------------------------------------------------------------- /components/content3/content3.html: -------------------------------------------------------------------------------- 1 |
2 |
3 |

Write your Discussion....

4 | 7 |
8 |
9 |
10 |
11 | 14 | 17 | 20 |
21 |
22 | 25 | 28 | 31 | 34 | 37 |
38 |
39 | 42 | 45 | 48 | 51 | 54 |
55 |
56 |
57 |
58 | 59 |
60 |
61 |
62 |
-------------------------------------------------------------------------------- /components/mobile-navbar/mobile-navbar.html: -------------------------------------------------------------------------------- 1 |
2 |
3 |

4 | Nairaland Forum 5 |

6 |
7 | 8 | 15 |
16 |
17 | 40 |
-------------------------------------------------------------------------------- /assets/icons/web-search.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /components/navbar-desktop/navbar-desktop-latest-news-active.html: -------------------------------------------------------------------------------- 1 |
2 | 69 |
-------------------------------------------------------------------------------- /components/navbar-desktop/navbar-desktop-trending-active.html: -------------------------------------------------------------------------------- 1 |
2 | 69 |
-------------------------------------------------------------------------------- /components/navbar-desktop/navbar-desktop-recent-active.html: -------------------------------------------------------------------------------- 1 |
2 | 70 |
-------------------------------------------------------------------------------- /assets/icons/lock icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /components/demo/style.css: -------------------------------------------------------------------------------- 1 | *{ 2 | margin: 0; 3 | } 4 | body{ 5 | background-color: #e6e6e6; 6 | font-family: 'DM Sans', sans-serif; 7 | } 8 | /* 9 | #whole-space{ 10 | width: 95%; 11 | height: 140vh; 12 | border: 2px solid black; 13 | margin: auto; 14 | text-align: center; 15 | }*/ 16 | table { 17 | table-layout: fixed; 18 | width: 100%; 19 | height: 92%; 20 | margin: auto; 21 | } 22 | table, td { 23 | border-spacing: 40px; 24 | vertical-align: top; 25 | text-align: left; 26 | } 27 | tr{ 28 | background-color: white; 29 | word-wrap: break-word; 30 | } 31 | .username { 32 | font-size: 20px; 33 | margin: 40px 0 32px 0; 34 | text-indent: 20px; 35 | font-weight: 400; 36 | } 37 | .box-1, .box-2{ 38 | background-color: #EDF7F4; 39 | width: 158px; 40 | height: 52px; 41 | padding-top: 5px; 42 | padding-right: 3px; 43 | border-radius: 8px; 44 | margin-left: 20px; 45 | display: inline-block; 46 | margin-bottom: 32px; 47 | } 48 | .total-topics{ 49 | font-weight: 700; 50 | color: #0B5B43; 51 | text-indent: 12px; 52 | font-size: 1em; 53 | margin-bottom: 6px; 54 | } 55 | .total-name{ 56 | font-size: 0.8em; 57 | text-indent: 5px; 58 | font-weight: 400; 59 | color: #666666; 60 | } 61 | .details{ 62 | clear: left; 63 | margin-bottom: 25px; 64 | } 65 | .image-border{ 66 | background-color: #F5F5F5; 67 | width: 40px; 68 | height: 40px; 69 | border-radius: 50%; 70 | margin: 0 12px 28px 20px; 71 | float: left; 72 | display: flex; 73 | justify-content: center; 74 | } 75 | svg{ 76 | margin: auto; 77 | display: block; 78 | width: 30px; 79 | height: 30px; 80 | color: #149F75; 81 | } 82 | .image-detail-1{ 83 | font-size: 14px; 84 | color: #595959; 85 | font-weight: 400; 86 | margin-bottom: 4px; 87 | } 88 | .image-detail-2{ 89 | font-size: 18px; 90 | color: black; 91 | font-weight: 400; 92 | } 93 | .sign{ 94 | font-size: 14px; 95 | color: #737373; 96 | font-weight: 400; 97 | margin: 4px 0 7px 0; 98 | text-indent: 20px; 99 | } 100 | .sign-details{ 101 | color: black; 102 | font-size: 14px; 103 | margin: 0 0 32px 22px; 104 | font-weight: 400; 105 | } 106 | .activity{ 107 | text-indent: 20px; 108 | font-size: 14px; 109 | font-weight: 400; 110 | color: #737373; 111 | margin-bottom: 12px; 112 | } 113 | .active-background{ 114 | display: inline; 115 | border-radius: 8px; 116 | width: 113px; 117 | height: 38px; 118 | padding: 8px 8px 9px 0; 119 | background-color: #F7F7F7; 120 | margin: 0 6px 31px 17px; 121 | font-weight: 400; 122 | font-size: 16px; 123 | } 124 | .active-background-2{ 125 | float: left; 126 | border-radius: 8px; 127 | width: 113px; 128 | height: 30px; 129 | padding-top: 5px; 130 | background-color: #F7F7F7; 131 | font-weight: 400; 132 | font-size: 16px; 133 | margin: 12px 6px 0 17px; 134 | } 135 | .heart, .business, .security{ 136 | width: 22px; 137 | height: 22px; 138 | display: inline; 139 | vertical-align: middle; 140 | margin-right: 9px; 141 | margin-left: 9px; 142 | } 143 | -------------------------------------------------------------------------------- /components/navbar-signup/navbar-signup.html: -------------------------------------------------------------------------------- 1 | 2 | 52 | 53 | 54 | 103 | -------------------------------------------------------------------------------- /pages/AuthenticationPage[screen 1].html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Authentication Page 9 | 10 | 11 | 12 | 13 | 17 | 18 | 19 | 20 | 21 | 22 | 23 |
25 | 26 | 27 |
29 |
30 |

31 | Welcome Back to Nairaland 32 |

33 |
34 | 36 | 42 |
43 |
44 | 47 |
49 | 54 |
55 |
56 |
57 |
58 |
59 | 62 |
63 |

Keep me signed in

64 |
65 |
66 | 70 |
71 |
72 |

Forgot password?

73 |
74 |
75 |
76 |
77 | 78 | 79 | 80 | 81 | 82 | 83 | 84 | -------------------------------------------------------------------------------- /components/navbar-desktop/navbar-desktop-logged-in.html: -------------------------------------------------------------------------------- 1 |
2 |
3 |

4 | Nairaland Forum 5 |

6 |
7 | 9 | 17 |
18 |
19 | 20 | 24 | 25 | 26 | 53 | 61 | 62 |
--------------------------------------------------------------------------------