๐ Welcome back to Code It Down! In this tutorial, we're going to design a professional Construction Landing Page using React and Tailwind CSS. Join me as we create a sleek and modern landing page for a building and construction company, showcasing the power of React components and the design flexibility of Tailwind CSS.
๐๏ธ Original Figma Design by Templates Jungle : https://templatesjungle.com/downloads/boldiz-contractor-and-building-free-figma-website-design/
๐ Source Code: https://github.com/CodeItDownYt/React-Building
๐ป Intro video Made By Canva.com
๐จ My VS Code Theme And Extensions :
- Auto Import
- Glasslt-VSC
- Material Icon theme
- Simple React Snippets
- One Dark Palenight
- Prettier Code Formatter
- Tailwind CSS IntelliSense
๐ Don't forget to hit that like button, subscribe, and ring the notification bell to stay updated on future coding projects! Have a question or a suggestion for the next tutorial? Drop them in the comments below.
๐ Happy Coding!
๐Timestamps:
00:00 Intro (what we're building)
01:21 Project Setup
04:34 Header
11:41 About
15:52 Projects
21:14 Banner
24:28 Companies
26:25 Team
29:28 Comments
33:29 Results
35:53 Blog
38:50 Contact
41:26 Footer
#react #tailwindcss #building #construction #landingpage
