Learn to construct a web site utilizing HTML, CSS, and Javascript on this newbie tutorial. The location is totally responsive and has a {smooth} scroll impact that highlights the navbar menu based mostly in your place scrolled. Straightforward newbie Javascript undertaking you can refactor and add your personal design.
If you wish to comply with me alongside my coding journey, you’ll want to subscribe 🙂
https://www.youtube.com/channel/UCsKsymTY_4BYR-wytLjex7A?sub_confirmation=1
Timeline:
0:00 What we’re constructing
3:30 Open up VSCode
4:03 Modifying our index.html file
4:42 Creating our Navbar
11:34 Styling our Navbar
35:04 Toggle Cellular Menu with Javascript
40:40 Creating Hero Part
42:40 Styling the Hero Part
50:25 Creating About Part
53:02 Styling About Part
1:14:26 Creating Companies Part
1:26:38 Creating Enroll Part
1:29:35 Creating Footer Part
1:37:14 Styling Footer Part
1:46:18 Including Javascript Clean Scroll
Supply Code
https://github.com/briancodex/html-css-js-website-smooth-scroll
Different HTML, CSS, Javascript Web site Tutorial
High 10 VS Code Themes
Host your web site for Free
source
Get the source code here:
https://www.codavilla.com/posts/html-css-and-javascript-website-with-smooth-scroll
@briandesign Can I use the code as a template for my own projects? I will link your ytbe-channel?
1:18:00
It’s really great. Can this be done in replit
11:59
Thank you for this 🎉
I followed the guide up til @39:43 where I found out I don't have that menu drop down thing (the 3 lines), even tho I literally have written the exact same things as you
Edit: Even doing the code at@32:35 didn't fix it
plz tell me what is your vs code theme
CTRL+B closes file tab on windows
Simple, great tutorial to follow along. I am grateful for this as it is helping me develop a website for tutoring and learn programming at the same time
So Thankful rn, you saved my grade in school. Thank you a lot
For some reason my navbar__logo is not updating with the CSS
very rich content thank you
hey there!
anyone please tell me how you did "top: -1000px;" to /* top: -1000px; */ at 28:48
I beg you @Brian Design
17:02 the gradient doesnt work for me exact same code and everything someone please help
question can you create a navbar without adding the javascript?
Yo my toggle menu isnt doing that cool Criss Cross effect. do you have any idea what might be the issue? i made sure all my code matched yours and i even used your source code and the issue still persisted.
Hi.
At 1:04:15 where ".main__img–card" comes, it does not work for me with the icon. Does someone know how to fix it?
Don't mind me i'm just checkpoint 18:45
Thanks so much for this video!! It was super helpful ❤
"You got iPhone 5 viewers out there… shout out to you" lmaooooo