watermark logo

2 Views· 15/12/23· How to

Full timelapse + walkthrough of building my website


TechInfo
Subscribers

🔥 My course: Responsive Design for Beginners! https://coder-coder.com/responsive/

💻 Become a full-stack web dev with Zero to Mastery: https://academy.zerotomastery.....io/a/aff_338z7xnj/ex


0:00 - Intro
0:24 - General setup
1:26 - Desktop navigation
3:08 - Mobile hamburger menu
4:25 - Hero section
7:56 - 3-column feature blocks
9:19 - Fullwidth feature block
9:54 - Alternating blocks
11:09 - Quote block
12:31 - Blog post section
15:24 - Fullwidth CTA block
15:44 - Signup form
17:31 - Footer
21:03 - The finished website!

_____________________________________


SUPPORT THE CHANNEL
⭐ Join channel members and get perks: https://www.youtube.com/channe....l/UCzNf0liwUzMN6_pix
👏🏽 Hit the THANKS button in any video!
🎨 Get my VS Code theme: https://marketplace.visualstud....io.com/items?itemNam


WANT TO LEARN WEB DEV?
Check out my courses:
🌟 Responsive Design for Beginners: https://coder-coder.com/responsive/
🌟 Gulp for Beginners: https://coder-coder.com/gulp-course/


RECOMMENDATIONS
⌨ My keyboard-- get 10% off with code THECODERCODER -- https://vissles.com/?ref=mu96kxst5w
💻 Other gear -- https://www.amazon.com/shop/th....ecodercoder?listId=1
📚 My Favorite Books -- https://coder-coder.com/best-w....eb-development-books
📺 My Favorite Courses -- https://coder-coder.com/best-w....eb-development-cours


🔽 FOLLOW CODER CODER
Blog -- https://coder-coder.com/
Twitter -- https://twitter.com/thecodercoder
Instagram -- https://www.instagram.com/thecodercoder


#webdevelopment #coding #programming

Show more


0 Comments