https://github.com/adityamamta/responsive-navbar
Responsive Navbar made with HTML CSS (SCSS) and Javascript
https://github.com/adityamamta/responsive-navbar
html-css-javascript navbar responsive-navbar scss
Last synced: about 1 month ago
JSON representation
Responsive Navbar made with HTML CSS (SCSS) and Javascript
- Host: GitHub
- URL: https://github.com/adityamamta/responsive-navbar
- Owner: adityamamta
- Created: 2024-11-03T04:53:04.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2024-11-17T13:30:20.000Z (6 months ago)
- Last Synced: 2025-02-14T13:44:58.977Z (3 months ago)
- Topics: html-css-javascript, navbar, responsive-navbar, scss
- Language: SCSS
- Homepage: https://adityamamta.github.io/responsive-navbar/
- Size: 666 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Responsive Navbar
## 
This project features a responsive navigation bar created with HTML, CSS, and JavaScript, designed for smooth user interaction on both desktop and mobile devices.
### Key Features
- Responsive Design: The layout adapts to different screen sizes, including a collapsible menu for mobile view.
- Dropdown Menu: Under "Resources," a dropdown menu displays additional links, opening smoothly on hover in desktop view and tapping in mobile.
- Menu Toggle Button: A rotating toggle button switches icons to open and close the navigation menu on mobile.
- Custom Styling: Clean and modern design, styled using CSS to complement the overall UI.
- Automatic Adjustments: JavaScript dynamically updates the menu height and resets styles based on screen resizing.
### Tech Stack
- HTML & CSS for layout and styling
- JavaScript for dynamic functionality
### 💼 Contact me
- linkedin. [Linkedin](https://www.linkedin.com/in/adityamamta/)
- Email: [email protected]
