How To Make Sidebar Menu On Website Using HTML And CSS

Подписаться 1,1 млн

Просмотров 92 тыс.

50% 1

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.c...
-----------------------------------------
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
👉 easytutorialsp...
-------------------------------------
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)
👉 easytutorialsp...
My recommended tools and tutorials
👉 easytutorialsp...
-------------------------------------
◼️ 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/iama...

Опубликовано:

28 сен 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 42

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

@hassanau5653 Год назад

Clean work, love it.

@bigyan_sapkota8641 Год назад

Love from Nepal vai

@SelfMasteryZone697 7 месяцев назад

Works very well , thank you !

@knockerboygaming 2 месяца назад

Background image ta Full screen nahi ho raha hai kya kaur

@sebastian18059 29 дней назад

Background size: cover in style tag

@mekomaxxing 9 месяцев назад

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

@Fatima99-g4s 9 месяцев назад

thank you soooo much🌷🌷🌷🌷🤝

@DINNAlk Год назад

Wow ...

@ghost_gaming4476 Год назад

Why did you use PNG files as your Icons?

@supportme-o3n 3 месяца назад

❤great

@djfago6240 Год назад

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

@v.atuando7406 5 месяцев назад

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

@zohramanzoor3473 11 месяцев назад

please give a source code

@KeijiAkuma 8 месяцев назад

use propper html tags pls

@Jarvis-12 4 дня назад

finally found a video with voiceover

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

@sebastian18059 29 дней назад

Sir pls give the source code

@cristianferreira3350 Год назад

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

@legittutorial4565 Год назад

We need more tailwind css tutorial

@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 11 месяцев назад

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

@memeplay7142 Год назад

Is it responsive?

@vaishnavibhosale6438 Год назад

Your tutorials aree veryyy good 😍

@hasegawamasao Год назад

Good Job

@photoinshot1355 Год назад

Great tutorial, thanks

@heyy_adi._ Год назад

How to get image for backgrounds?

@jollymusiq 7 месяцев назад

good stuff boss

@SohaibHasan Год назад

❤ love it, thanks for sharing,

@GreatStackDev Год назад

You are so welcome!

@smokegamer5560 4 месяца назад

Great video

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

@ashunegi358 Год назад

sir from where you get the images and icons

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

@Rahmanullah-iu9tf Год назад

Hello sir make java-script tutorial thanks's

@oghenefejiroprinceimene6090 Год назад

Nice video thanks 😊

@Millionaire-quote Год назад

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

@советник-б9ф Год назад

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)

@советник-б9ф Год назад

@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