https://github.com/subhajeetch/super-cool-floating-nav-bar
This is a super duper Responsive floating Navigation Bar that you can use to change content in the webpage.
https://github.com/subhajeetch/super-cool-floating-nav-bar
navbar navigation-component navigation-drawer navigationbar responsivenavigationbar
Last synced: about 1 year ago
JSON representation
This is a super duper Responsive floating Navigation Bar that you can use to change content in the webpage.
- Host: GitHub
- URL: https://github.com/subhajeetch/super-cool-floating-nav-bar
- Owner: Subhajeetch
- License: mit
- Created: 2024-09-13T05:50:06.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-09-15T07:19:26.000Z (over 1 year ago)
- Last Synced: 2025-02-01T02:24:31.118Z (over 1 year ago)
- Topics: navbar, navigation-component, navigation-drawer, navigationbar, responsivenavigationbar
- Language: JavaScript
- Homepage: https://subhajeetch.github.io/Super-Cool-Floating-Nav-Bar/
- Size: 424 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Super Cool Floating Nav Bar
This project is a floating navigation bar with a sleek and modern design. The nav bar sticks to the bottom of the page and enhances the user interface by enabling users to switch between different content sections dynamically through the DOM.
You can experience the project yourself [here](subhajeetch.github.io/Super-Cool-Floating-Nav-Bar).
## Features
- **Floating Nav Bar**: The navigation bar is fixed to the bottom of the page, providing a clean and intuitive UI.
- **Collapsible Nav**: It features an open and close button, which triggers a smooth animation when the nav bar expands or collapses, revealing or hiding the navigation buttons.
- **Cool Animations**: When toggled, the nav bar appears with cool animations, making the user experience more engaging.
## Project Highlights
- The `nav` element is styled with `position: fixed` to make it float at the bottom.
- The open/close buttons toggle the visibility of the nav bar with smooth animations.
- Took 2 days to build and perfect.
## Languages Used
- **HTML**
- **CSS**
- **JavaScript**
## Installation
To clone and run this repository, you’ll need Git installed on your machine. From your command line:
```bash
git clone https://github.com/Subhajeetch/Super-Cool-Floating-Nav-Bar.git
```
## License
This project is open-source and available under the [MIT License](LICENSE). Use & modify the code however you want.