watermark logo

10 Views· 15/12/23· How to

HTML CSS and Javascript Website Design Tutorial - Beginner Project Fully Responsive


TechInfo
Subscribers

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/channe....l/UCsKsymTY_4BYR-wyt

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
https://youtu.be/C0CNIhRzhYg

CSS Mega Dropdown Menu
https://youtu.be/lG2FWdY-s0k

Adobe XD to HTML & CSS Website
https://youtu.be/qcCCsdEN2tc

Show more


0 Comments