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

Publié le: 21 septembre 2021
sur la chaîne: 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

Sur cette page du site, vous pouvez voir la vidéo en ligne Responsive Bottom Navigation Bar Using HTML CSS & JavaScript | Dot Bar Navigation durée heure minute seconde en bonne qualité , qui a été Téléchargé par l'utilisateur Bedimcode 21 septembre 2021, Partagez le lien avec vos amis et connaissances, sur youtube cette vidéo a déjà été regardée 82,583 fois et il a aimé 2.5 mille téléspectateurs. Bon visionnage!

13,146

206