How To Make Sidebar Menu On Website Using HTML And CSS

How To Make Sidebar Menu On Website Using HTML And CSS
#WebDesign #HTMLAndCSS

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.

-----------------------------------------
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

-------------------------------------
Recommended Videos:

Learn Complete HTML and CSS from basics:

Make A Complete Website for college using HTML & CSS:

How to make a Business website step by step:

How to make personal resume website step by step:

How to make fitness website design using HTML CSS:

How to make an Ecommerce Website Design:

How to make a Job Portal website design with HTML & CSS:

How to make travel website design with HTML CSS Bootstrap:

-------------------------------------

Affordable web hosting (coupon- EASYTUTORIALS)

My recommended tools and tutorials

-------------------------------------

◼️ 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:

-------------------------------------
Images Credit:

-------------------------------------
Connect with me:

[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.

[cristianferreira]

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

[hassanau]

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?

[funnyedits]

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

[adnankhan]

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..

[mekomaxxing]

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

[ashunegi]

sir from where you get the images and icons

[ghost_gaming]

Why did you use PNG files as your Icons?

[советник-бф]

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)

[knockerboygaming]

Background image ta Full screen nahi ho raha hai kya kaur

[djfago]

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

[v.atuando]

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

[Rahmanullah-iutf]

Hello sir make java-script tutorial thanks's

[Millionaire-quote]

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