Do It Yourself – Tutorials – HTML CSS and Javascript Website Design Tutorial – Beginner Project Fully Responsive

by | Jul 22, 2021 | 0 comments

Do It Yourself – Tutorials – HTML CSS and Javascript Website Design Tutorial – Beginner Project Fully Responsive

by | Jul 22, 2021 | Do It Yourself - Build Your Own Website | 0 comments

Do It Yourself – Website Tutorials



Learn how to build a website using HTML, CSS, and Javascript in this beginner project tutorial. The site will be fully responsive and you can navigate to other pages and add your own custom design.

If you want to follow me along my coding journey, be sure to subscribe 🙂
https://www.youtube.com/channel/UCsKsymTY_4BYR-wytLjex7A?sub_confirmation=1

Timeline
0:00 Web Design Intro
1:15 Creating our Project Files
4:26 Adding our Navbar code
9:44 Adding our Navbar CSS
33:08 Adding Fontawesome Icons
34:48 Creating Hero Section
37:20 Getting our illustration
39:00 Adding Hero Section CSS
43:50 Adding Google Fonts
52:38 Adding Our Services Section
54:23 Adding Services Section CSS
57:38 Getting our images
1:07:17 Adding Footer Section
1:13:52 Adding Footer CSS
1:24:15 Navigating to another page

Source Code starter images
https://github.com/briancodex/html-css-website-v1

Host your website for Free

CSS Mega Dropdown Menu

Adobe XD to HTML & CSS Website


source