Learn how to build a complete navbar from scratch with HTML , CSS and Javascript. Build a complex layout using css grid and flexbox. And add a dropdown menu that is responsive on all screen sizes.
Get The Source Code From All Of My Videos:
https://www.buymeacoffee.com/webcode/posts
What you will learn:
How to -
- Build advanced navbar layouts with CSS grid and flexbox
- Make any navbar and menu fully responsive
- Make a full dropdown menu with Javascript
- Hide and show elements based on the screen width
- Create scrollable fixed navigation menus
- Change the style of the navbar on window scroll
- Add forms and custom search bars into a navbar
- And much more...
Images used in the video:
https://i.ibb.co/5rcgncR/logo.png
https://unsplash.com/photos/wxJscL5ZzDA
Font Awesome:
https://fontawesome.com
Don't hesitate to ask for help if you face any trouble re-creating a project from any of my videos. I will gladly help :)
All of my project are made from scratch by yours truly. I don't take anyone's code as my own, but I do often see my code being copied and pasted into other channels for their tutorials, so of you see an exact copy of a project on another tutorial, just know that the one on my channel is the original one.
Extra Links:
-----------------
Follow me on Instagram:
https://www.instagram.com/quickcodingtuts/
My Products:
https://www.buymeacoffee.com/webcode/extras
Support Me To Keep Creating And Improving My Content:
https://paypal.me/quickcodingtuts?locale.x=en_US
https://www.buymeacoffee.com/webcode/
Tags:
-----------------
#navbar
#menu
#javascript
Get The Source Code From All Of My Videos:
https://www.buymeacoffee.com/webcode/posts
What you will learn:
How to -
- Build advanced navbar layouts with CSS grid and flexbox
- Make any navbar and menu fully responsive
- Make a full dropdown menu with Javascript
- Hide and show elements based on the screen width
- Create scrollable fixed navigation menus
- Change the style of the navbar on window scroll
- Add forms and custom search bars into a navbar
- And much more...
Images used in the video:
https://i.ibb.co/5rcgncR/logo.png
https://unsplash.com/photos/wxJscL5ZzDA
Font Awesome:
https://fontawesome.com
Don't hesitate to ask for help if you face any trouble re-creating a project from any of my videos. I will gladly help :)
All of my project are made from scratch by yours truly. I don't take anyone's code as my own, but I do often see my code being copied and pasted into other channels for their tutorials, so of you see an exact copy of a project on another tutorial, just know that the one on my channel is the original one.
Extra Links:
-----------------
Follow me on Instagram:
https://www.instagram.com/quickcodingtuts/
My Products:
https://www.buymeacoffee.com/webcode/extras
Support Me To Keep Creating And Improving My Content:
https://paypal.me/quickcodingtuts?locale.x=en_US
https://www.buymeacoffee.com/webcode/
Tags:
-----------------
#navbar
#menu
#javascript
- Category
- Web design
Be the first to comment