Skip to content

This is a super duper Responsive floating Navigation Bar that you can use to change content in the webpage.

License

Notifications You must be signed in to change notification settings

Subhajeetch/Super-Cool-Floating-Nav-Bar

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Super Cool Floating Nav Bar

GIF Overview

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.

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:

git clone https://github.com/Subhajeetch/Super-Cool-Floating-Nav-Bar.git

License

This project is open-source and available under the MIT License. Use & modify the code however you want.

About

This is a super duper Responsive floating Navigation Bar that you can use to change content in the webpage.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published