Skip to content

wyfir/classic_navbar

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Classic Navigation Menu

Classic Navigation Menu is a responsive bottom navigation menu with a modern design. The menu includes smooth scroll effects, active link highlights, and a hamburger menu for smaller screens. The navigation menu is built using HTML, CSS, and JavaScript.

Features

  • Responsive design that works on different screen sizes.
  • Navigation links that highlight the active section.
  • Smooth scrolling between sections.
  • Sticky header that changes appearance on scroll.
  • Hamburger menu for better navigation on mobile devices.
  • Easy to customize with CSS variables.

Demo

Live Demonstration

Installation

  1. Clone the repository:
    git clone https://github.com/wyfir/classic_navbar.git
  2. Navigate to the project directory:
    cd classic_navbar

Css and JavaScript

Include the styles and script files in your project. Customize the CSS variables to fit your design requirements.

Important!

Ensure you include the Boxicons CSS in your <head>:

<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net/npm/boxicons@latest/css/boxicons.min.css"
/>

License

This project is licensed under the MIT License - see the LICENSE file for details.

Contributing

Contributions are welcome! Feel free to open issues or submit pull requests to improve this project.