Sidebar Navigation Project

A simple, responsive sidebar navigation menu built with HTML, CSS, and JavaScript. This sidebar provides quick links to your resume, LinkedIn, GitHub, and other resources. The sidebar can be toggled open or closed with a button.

Features

• Collapsible sidebar navigation
• Responsive design for desktop and mobile
• Easy customization of links and icons
• Smooth transition animation

Getting Started

Installation

1. Clone this repository:

   git clone https://github.com/amrelkotit/sidebar.git
   cd sidebar

2. Add your logo and icon images (e.g., my logo.png, cv.png, linkedin.png, git.png, g yt.png) to the project folder.

3. Open index.html in your web browser.

Files

• index.html: Main HTML file with sidebar and toggle button
• styles.css: All styles for layout and sidebar
• ind.js: JavaScript for sidebar toggle functionality
• Image files: Logo and icons for sidebar links

Usage

• Click the ☰ button to open the sidebar.
• Click the ✖ button or the toggle button to close the sidebar.
• Use the sidebar to access your resume, LinkedIn, GitHub, and other links.

Customization

• Edit the links and icons in index.html to point to your personal resources.
• Update or add new icons as needed in the images folder.
• Adjust styles in styles.css for different colors or layouts.

Live Demo If you want to try it, click on https://amrelkotit.github.io/sidebar/

License

MIT License

Author

amrelkotit](https://github.com/amrelkotit