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.
- 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.
- Clone the repository:
git clone https://github.com/wyfir/classic_navbar.git
- Navigate to the project directory:
cd classic_navbar
Include the styles and script files in your project. Customize the CSS variables to fit your design requirements.
Ensure you include the Boxicons CSS in your <head>:
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/boxicons@latest/css/boxicons.min.css"
/>This project is licensed under the MIT License - see the LICENSE file for details.
Contributions are welcome! Feel free to open issues or submit pull requests to improve this project.