How To Make Sidebar Menu On Website Using HTML And CSS

How To Make Sidebar Menu On Website Using HTML And CSS
#WebDesign #HTMLAndCSS
❤️ SUBSCRIBE: goo.gl/tTFmPb
In this video we will learn to make a sidebar menu step by step using HTML and CSS. We will add hover effect on this sidebar. This sidebar will have menu icons and when we will take cursor on the sidebar then it will expand it's width and display the menu links also.
Download Images: drive.google.com/file/d/1c-Ea...
-----------------------------------------
Suggested Course:
❤️ Complete website Using HTML and CSS
✔️ 8 Complete website step by step
✔️ Source Code Download
✔️ 76 Lectures, 12 Hours Video
✔️ Course Completion certificate
👉 easytutorialspro.com/go/course/
-------------------------------------
Recommended Videos:
Learn Complete HTML and CSS from basics:
► • HTML And CSS Tutorial ...
Make A Complete Website for college using HTML & CSS:
► • How To Make A College ...
How to make a Business website step by step:
► • How To Make Website Us...
How to make personal resume website step by step:
► • How To Make A Website ...
How to make fitness website design using HTML CSS:
► • How To Make A Website ...
How to make an Ecommerce Website Design:
► • How To Make eCommerce ...
How to make a Job Portal website design with HTML & CSS:
► • How To Make Website Us...
How to make travel website design with HTML CSS Bootstrap:
► • How To Make A Website ...
-------------------------------------
Affordable web hosting (coupon- EASYTUTORIALS)
👉 easytutorialspro.com/hosting/
My recommended tools and tutorials
👉 easytutorialspro.com/
-------------------------------------
◼️ Source code link is shared in community post for all my coding videos exclusively for channel members (only channel members can see)
Join Channel Membership:
► / @greatstackdev
-------------------------------------
Images Credit:
www.freepik.com/
-------------------------------------
Connect with me:
👉 linktr.ee/iamavinashkr

[@lemonyth]

just watched your video notifying us of the change of name and I came to verify on an old video I had saved some time back. BTW, I absolutely love the new name and logo.

[@m.ehtizan]

Hey Easy Tutorials, I just watched your video and I must say that it was really informative and well-made. I loved your videos. I was wondering if I could help you edit your videos and also make highly engaging shorts for you to grow your business.

[@hassanau5653]

Clean work, love it.

[@vaishnavibhosale6438]

Your tutorials aree veryyy good 😍

[@isekaiacademy7602]

Works very well , thank you !

[@photoinshot1355]

Great tutorial, thanks

[@cristianferreira3350]

Super!!! How does this behave on a cell phone? is it responsive? Thank you !!

[@bigyan_sapkota8641]

Love from Nepal vai

[@TheKnight001]

You can add a transition to the text....it appears before the background

[@legittutorial4565]

We need more tailwind css tutorial

[@user-xq6hf1rc6s]

thank you soooo much🌷🌷🌷🌷🤝

[@hasegawamasao]

Good Job

[@DINNAlk]

Wow ...

[@hassanau5653]

The text shows up fast before the nav expands fully, do you think a delay will fix the problem or you would use another method?

[@SohaibHasan]

❤ love it, thanks for sharing,

[@GreatStackDev]

You are so welcome!

[@jollymusiq]

good stuff boss

[@ghost_gaming4476]

Why did you use PNG files as your Icons?

[@oghenefejiroprinceimene6090]

Nice video thanks 😊

[@adnankhan3509]

I wrote code exactly like you did, but the fonts on the side-bar are still below the icon..
I cross-checked with your codes. both are same but the result at 8:11 are different than mine..

[@samueldayo9261]

That can happen but it simply means you didn't apply the code well

[@heyy_adi._]

How to get image for backgrounds?

[@memeplay7142]

Is it responsive?

[@mekomaxxing]

i have the same thing as him but my text doesnt go away and then reappear and im not sure why.

[@ashunegi358]

sir from where you get the images and icons

[@user-hs7fn8sc6p]

sir can you show how to create smooth sliding transition between pages, when user clicks on a button, the page doesn’t instantly switch to another page, but there’s for example green yellow red full screen size empty pages scrolling/sliding from right to left before it’s gonna preview the clicked page by user)

[@user-hs7fn8sc6p]

@Math alves dude did you even read my comment, i don’t need to scroll to a section, i need an animation before showing the section, nvm i guess it’s impossible to explain

[@v.atuando7406]

it's hard to create navbar when u build this code

[@KeijiAkuma]

use propper html tags pls

[@funnyedits012]

Can you add 2 to 3 pages on button
For example in home page 3 buttons are there if i click on 1 button then i will redirect to next page like this please make a video on this topic

[@yavuzbey5097]

index

[@ifidiWEphod]

There is a video he made on how to design a multi level form and another on a simple portfolio. Use the concept of that to do it.

[@djfago6240]

Hi I sent you an email but u haven't reply yet.

[@Rahmanullah-iu9tf]

Hello sir make java-script tutorial thanks's

[@zohramanzoor3473]

please give a source code

[@Millionaire-quote]

sir where can i contact u whatsapp or any other social media . i need to contact u