Learn how to build a website using HTML, CSS, and Javascript in this beginner tutorial. The site is fully responsive and has a smooth scroll effect that highlights the navbar menu based on your position scrolled. Easy beginner Javascript project that you can refactor and add your own design.

Timeline:

• 0:00 What we are building
• 3:30 Open up VSCode
• 4:03 Editing our index.html file
• 4:42 Creating our Navbar
• 11:34 Styling our Navbar
• 35:04 Toggle Mobile Menu with Javascript
• 40:40 Creating Hero Section
• 42:40 Styling the Hero Section
• 50:25 Creating About Section
• 53:02 Styling About Section
• 1:14:26 Creating Services Section
• 1:26:38 Creating Sign up Section
• 1:29:35 Creating Footer Section
• 1:37:14 Styling Footer Section
• 1:46:18 Adding Javascript Smooth Scroll

Source Code
https://github.com/briancodex/html-css-js-website-smooth-scroll

#html #css #javascript