https://github.com/wyfir/classic_navbar
A traditional top navigation bar with responsive adjustments.
https://github.com/wyfir/classic_navbar
css html html-css-javascript javascript navbar navbar-css navigation navigation-menu navigationmenu responsive-nav responsive-nav-bar responsive-navigation
Last synced: 6 months ago
JSON representation
A traditional top navigation bar with responsive adjustments.
- Host: GitHub
- URL: https://github.com/wyfir/classic_navbar
- Owner: wyfir
- License: mit
- Created: 2024-07-18T20:27:26.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-07-19T16:20:59.000Z (almost 2 years ago)
- Last Synced: 2024-11-11T01:07:48.998Z (over 1 year ago)
- Topics: css, html, html-css-javascript, javascript, navbar, navbar-css, navigation, navigation-menu, navigationmenu, responsive-nav, responsive-nav-bar, responsive-navigation
- Language: CSS
- Homepage: https://wyfir.github.io/classic_navbar/
- Size: 7.81 KB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.txt
Awesome Lists containing this project
README
# 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](wyfir.github.io/classic_navbar/)
## Installation
1. **Clone the repository:**
```bash
git clone https://github.com/wyfir/classic_navbar.git
```
2. **Navigate to the project directory:**
```bash
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 ``:
```html
```
## License
This project is licensed under the MIT License - see the [LICENSE](LICENSE.txt) file for details.
# Contributing
Contributions are welcome! Feel free to open issues or submit pull requests to improve this project.