Responsive Navigation with Animated Multi Level dropdown | HTML and CSS Tutorial
In this video we will create a responsive navigation bar with an animated dropdown menu for your website. I decided to add a few cool animations, borders, and arrows to make this menu stand out!. This was achieved without using any frameworks or libraries just plain HTML and CSS.
Don't forget to leave a thumbs up if you found the video useful. Also, click on the bell icon to turn on notifications. This way you'll be notified the moment new videos are uploaded.
Subscribe ► https://bit.ly/2Q3pCiB
⭐ Kite is a free AI-powered coding assistant that will help you code faster and smarter. The Kite plugin integrates with all the top editors and IDEs to give you smart completions and documentation while you’re typing. I've been using Kite for 6 months and I love it! https://www.kite.com/get-kite/?utm_medium=referral&utm_source=youtube&utm_campaign=juliocodes&utm_content=description-only
[ PROJECT FILES ]
GitHub ► https://bit.ly/2ZtxSgq
[ SUPPORT ME ]
Get exclusive Patreon perks.
Patreon ► https://www.patreon.com/juliocodes
[ SOCIAL MEDIA ]
Instagram ► https://www.instagram.com/juliocodes
[ GET IN TOUCH ]
Email ► codingwithjulio@outlook.com
[ HOSTGATOR ]
Get affordable domain and web hosting with HostGator. Save up to 60% off of your entire purchase with the coupon code below.
HostGator ► https://bit.ly/2ZfR0u3
Coupon code ► JULIOCODES60
Video tutorial ► https://youtu.be/5B_LQqR0zsE
[ MY GEAR ]
Programming/Video editing laptop Specs & extras
Laptop: Dell XPS 15 7590
Processor: 9th Generation Intel Core i7-9750h
RAM: 32GB (Upgraded)
Graphics Card: Nvidia GeForce GTX 1650 4GB GDDR5
Storage: 500GB M. 2 PCIe NVMe SSD (Upgraded)
--- Extras ---
Monitor: Dell Ultrasharp 27"
Keyboard: Logitech MX Keys
Mouse: Logitech MX Master 3
Microphone: Blue Yeti
[ DISCLAIMER No. 1 ]
In order to speed up the development process CSS prefix are not used. In order to ensure cross browser compatibility please use prefixes where necessary.
[ DISCLAIMER No. 2 ]
This video description contain affiliate links, which means that if you click on one of the product links, I’ll receive a small commission. This helps support the channel and allows me to continue to make videos like this. Thank you for the support!
Видео Responsive Navigation with Animated Multi Level dropdown | HTML and CSS Tutorial канала Julio Codes
Don't forget to leave a thumbs up if you found the video useful. Also, click on the bell icon to turn on notifications. This way you'll be notified the moment new videos are uploaded.
Subscribe ► https://bit.ly/2Q3pCiB
⭐ Kite is a free AI-powered coding assistant that will help you code faster and smarter. The Kite plugin integrates with all the top editors and IDEs to give you smart completions and documentation while you’re typing. I've been using Kite for 6 months and I love it! https://www.kite.com/get-kite/?utm_medium=referral&utm_source=youtube&utm_campaign=juliocodes&utm_content=description-only
[ PROJECT FILES ]
GitHub ► https://bit.ly/2ZtxSgq
[ SUPPORT ME ]
Get exclusive Patreon perks.
Patreon ► https://www.patreon.com/juliocodes
[ SOCIAL MEDIA ]
Instagram ► https://www.instagram.com/juliocodes
[ GET IN TOUCH ]
Email ► codingwithjulio@outlook.com
[ HOSTGATOR ]
Get affordable domain and web hosting with HostGator. Save up to 60% off of your entire purchase with the coupon code below.
HostGator ► https://bit.ly/2ZfR0u3
Coupon code ► JULIOCODES60
Video tutorial ► https://youtu.be/5B_LQqR0zsE
[ MY GEAR ]
Programming/Video editing laptop Specs & extras
Laptop: Dell XPS 15 7590
Processor: 9th Generation Intel Core i7-9750h
RAM: 32GB (Upgraded)
Graphics Card: Nvidia GeForce GTX 1650 4GB GDDR5
Storage: 500GB M. 2 PCIe NVMe SSD (Upgraded)
--- Extras ---
Monitor: Dell Ultrasharp 27"
Keyboard: Logitech MX Keys
Mouse: Logitech MX Master 3
Microphone: Blue Yeti
[ DISCLAIMER No. 1 ]
In order to speed up the development process CSS prefix are not used. In order to ensure cross browser compatibility please use prefixes where necessary.
[ DISCLAIMER No. 2 ]
This video description contain affiliate links, which means that if you click on one of the product links, I’ll receive a small commission. This helps support the channel and allows me to continue to make videos like this. Thank you for the support!
Видео Responsive Navigation with Animated Multi Level dropdown | HTML and CSS Tutorial канала Julio Codes
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
Pure CSS Hamburger Menu & OverlayDropdown Menu Tutorial | Responsive HTML & CSS (no javascript)Responsive Animated Navigation Bar With Multi-level Dropdown Using Only HTML & CSSYour Mobile Navigations STINK! Better UX AWAITS!Building Tailwind CSS Navbars - Mobile Navigation Too!Side Navigation with Dropdown | HTML and CSS || JDBCODECreate a responsive navigation nav with no JS!Responsive Multi Level Dropdown Menu with CSS | CSS3 Animated Hamburger MenuCreate Multi Level Dropdown Navigation Menu with HTML & CSSAnimated Navigation Bar (Responsive code in the description) | HTML and CSS TutorialAnimated Hamburger Menu Tutorial - CSS EffectsResponsive Multilevel Dropdown Menu With HTML And CSS #webtrickshomeResponsive Navigation Menu Bar using HTML & CSS | CSS Media QueryHow To Create a HTML Dropdown Menu | CSS Dropdown TutorialMulti-level Sidebar Menu ExampleResponsive Dropdown Menu Bar With HTML CSS And JAVASCRIPT | Mobile FirstResponsive Mega Menu and Dropdown Menu using only HTML & CSSHow to Create Responsive Navigation Bar using HTML and CSSPure HTML and CSS drop down navigation bar