Movatterモバイル変換


[0]ホーム

URL:


Skip to content

Navigation Menu

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up

A traditional top navigation bar with responsive adjustments.

License

NotificationsYou must be signed in to change notification settings

wyfir/classic_navbar

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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>:

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

License

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

Contributing

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


[8]ページ先頭

©2009-2025 Movatter.jp