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: 14 days 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 (2 months ago)
• Default Branch: main
• Last Pushed: 2024-11-03T13:48:18.000Z (2 months ago)
• Last Synced: 2024-11-12T06:51:30.641Z (about 2 months ago)
• Topics: html-css-javascript, navbar, responsive-navbar, scss
• Language: SCSS
• Homepage: https://adityamamta.github.io/responsive-navbar/
• Size: 664 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]

![preview img](img/navbar-mockup.png)