Responsive Header Navigation Menu For A Website | With Dropdown Menus - HTML CSS Javascript & Jquery
HTML-код
- Опубликовано: 20 май 2024
- Responsive Header Navigation Menu For A Website | With Dropdown Menus - HTML CSS Javascript & Jquery
In this video, you will learn how to design a responsive sticky header navigation menu bar for a website with dropdown menus, sub-dropdown menus and sticky scrolling effects using HTML, CSS, Vanilla Javascript and Jquery.
+ Like and Subscribe 🔔 for More! ❤
∎ Get This Project Source Codes - www.buymeacoffee.com/codingsn...
📚 Chapters
----------------------------
0:00 - Intro
3:00 - Files
3:09 - Header Navigation With Dropdowns (Html, Css)
16:53 - Header Navigation Sidebar (Media Query)
22:02 - Header Navigation Sidebar Toggle Dropdowns (Jquery)
24:25 - Header Navigation Sidebar Close btn & Menu btn (Html, Css, Javascript)
29:51 - Content Sections (Html, Css)
33:55 - Header Navigation Bar Effects On Scroll (Css, Javascript)
Book Me 🔖
-----------------------
∎ Book me to Fix your project Bugs & Issues - www.buymeacoffee.com/codingsn...
∎ Book me to Convert your Figma, PSD, and XD Design to an HTML Website - www.buymeacoffee.com/codingsn...
∎ Download File Setup - codingsnow.com
∎ Download All Source Files On Patreon - / 54503692
∎ Facebook Page - / codingsnow
∎ Instagram - / coding.snow
∎ Support From Paypal - paypal.me/codingsnowget
Support My Works ❤️❄️
-------------------------------------------
∎ Buymeacoffee - www.buymeacoffee.com/codingsnow
∎ Patreon - / codingsnow
#CodingSnow #WebDesign #NavigationMenu
____________________
Copyright Disclaimer under section 107 of the Copyright Act of 1976, allowance is made for “fair use” for purposes such as criticism, comment, news reporting, teaching, scholarship, education, and research. Fair use is a use permitted by copyright statute that might otherwise be infringing.
I am new to coding currently learning HTML and CSS and your videos are a good form of practicing and memorizing. Thanks bro.
Glad to hear that bro! :) Keep learning.
Wow..It's looking great! 😍 Amazing work man! 😎
Thank you my friend! ❤
muchas gracias, realmente necesitaba para un proyecto escolar
Wow really amazing tutorial
mở này nghe nhạc là chính :)) mãi yêu admin, code hay mà nhạc càng hay love you 3000
thank you very much! 😁👍
Wow..It's great! Amazing work man! Thanksssssss
You're most welcome! ❤️
Ohh, rly cool, i must write this!
Very nice menu......
Awesome 🤩
the start on BGM !!! n whole tone
Thanks
This gonna be awesome design (bro)(siS) thank you
You're most welcome! :)
Great Video Bro
Thanks bro ❤️
Thanks for your very nice video.
You're most welcome! ❤️
I want Background songs bro i really liked it.
very nice so beautiful
Thank you! :)
Great video
But I have a question, if I want to replace the "LOGO" with a picture which was the logo picture, how could I do that?
Insert the logo image using img tag. *And use necessary css styling for the image.
@@CodingSnow thanks for reply, I was doing the same thing and I thought it was a bad decision when I do that. Thanks for giving me the feedback 😍
Thanks for the video man ❤ if you add something for using video as a hero image i would be thankful to you
You're most welcome! ❤️
I needed this video brooooo THANNKKSSS
You're most welcome! ❤️
hey quick question... why when i reload the page the coding get reset?
slidetoggle is working in full screen too and hover navigation is not working properly
Nice...!! Songs name.please?
Great video
can u please add the link for fonts .
Greetings!
It's from google fonts. Font family name is Poppins.
When doing video, talk and explain how you did it instead of playing music at the background
12.44
i think this video is missing how u get the first web inside ur css?
the imported ones?
32