Skip to content

I created a sidebar menu using HTML, CSS, and JS. JS adds event listeners to show/hide the sidebar. It's a simple project demonstrating basic web development skills.

Notifications You must be signed in to change notification settings

paribhandarkar/sidebar-menu

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Sidebar menu

I created a sidebar menu using HTML, CSS, and JavaScript. It has a hamburger icon that toggles the visibility of the sidebar. When the icon is clicked, the sidebar appears with a header, a logo, and a list of menu items. I styled the menu links and the hamburger icon using CSS. To add interactivity, I used JavaScript to create event listeners for the icon and the close button. When the icon is clicked, the sidebar is shown by adding a "show-sidebar" class to the HTML element, and when the close button is clicked, the class is removed, hiding the sidebar. It's a simple project, but it demonstrates the use of basic web development skills to create an interactive user interface.

Demo

You can try out the application by visiting this link.

Technologies Used

  • HTML
  • CSS
  • JavaScript

Getting Started

To get started with this project, clone the repository and open the index.html file in your preferred web browser.

image

About

I created a sidebar menu using HTML, CSS, and JS. JS adds event listeners to show/hide the sidebar. It's a simple project demonstrating basic web development skills.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published