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