Responsive Bottom Navigation Bar Using HTML CSS & JavaScript | Dot Bar Navigation

Published: 21 September 2021
on channel: Bedimcode

82,583

2.5k

Responsive Bottom Navigation Bar Using HTML CSS & JavaScript | Dot Bar Navigation

In this video, I have shown you how to create a bottom navigation bar using HTML, CSS, and JavaScript. It has two layouts, navigation with icons and labels, navigation with icons and dotted bars.

📁 Assets
Icons: https://boxicons.com/
Fonts: https://fonts.google.com/
GitHub: https://github.com/bedimcode
HSL color: https://www.w3schools.com/colors/colo...

👨‍💻 Start project from scratch
https://github.com/bedimcode/responsi...

🔗 Source code
https://github.com/bedimcode/responsi...

🔔 Subscribe for more!
https://www.youtube.com/c/Bedimcode?s...

⏱ Timestamps
0:00 Intro Navigation Bar Labels
0:59 Intro Navigation Dot Bar
1:54 Project setup
3:16 Variables Css
4:44 Reset Html
5:43 Reusable Css
6:38 Navigation Bottom HTML
10:06 Navigation Bottom CSS
14:19 Sections HTML
15:32 Navigation Bottom Js
18:49 Media Queries
23:37 Minimalist Design Dot Bar
26:00 Final Project

☕️ Support me, buy me a coffee
https://www.buymeacoffee.com/bedimcode

💙 Support me by PayPal
https://ko-fi.com/bedimcode

👍 Thanks for watching!
Make sure to like + Subscribe For More! ❤

🎵 Music
Song: Classic by Joakim Karud
• Classic (Loudness & Clarity EP) by Jo...

#responsivenavigationbar #navigationbar #navbarhtmlcss

Watch video Responsive Bottom Navigation Bar Using HTML CSS & JavaScript | Dot Bar Navigation online, duration hours minute second in high quality that is uploaded to the channel Bedimcode 21 September 2021. Share the link to the video on social media so that your subscribers and friends will also watch this video. This video clip has been viewed 82,583 times and liked it 2.5 thousand visitors.

1,988