Full timelapse + walkthrough of building my website

🔥 Learn how to build this website in my course, Responsive Design for Beginners! https://coder-coder.com/responsive/

🪁 Code faster with Kite, AI-powered autocomplete that integrates into VS Code!

Get Kite

SUPPORT THE CHANNEL
👏🏽 Hit the Applaud button in any video!
🏆 GitHub sponsors: https://github.com/sponsors/thecodercoder

_____________________________________

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!

_____________________________________

WANT TO LEARN WEB DEV?

Learn to code with a free 7-day trial to Team Treehouse:
https://treehouse.7eer.net/c/1296848/228915/3944

Check out my courses:

🌟 Gulp for Beginners: https://coder-coder.com/gulp-course/

_____________________________________

RECOMMENDATIONS

💻 My Gear — https://www.amazon.com/shop/thecodercoder?listId=1LMCKGUTMVYXD
📚 My Favorite Books — https://coder-coder.com/best-web-development-books/
📺 My Favorite Courses — https://coder-coder.com/best-web-development-courses/
_____________________________________

FOLLOW CODER CODER

Blog — https://coder-coder.com/
Twitter — https://twitter.com/thecodercoder
Instagram — https://www.instagram.com/thecodercoder

_____________________________________

#webdevelopment #html #css #learntocode

You May Also Like