https://github.com/twentytwo777/slide-navbar

🐱‍👤 Navbar with full customization
https://github.com/twentytwo777/slide-navbar

css frontend frontend-web navbar navbars portfolio portfolio-site portfolio-website website websites

Last synced: about 1 year ago
JSON representation

🐱‍👤 Navbar with full customization

• Host: GitHub
• URL: https://github.com/twentytwo777/slide-navbar
• Owner: twentytwo777
• License: mit
• Created: 2021-06-19T15:51:25.000Z (almost 5 years ago)
• Default Branch: info
• Last Pushed: 2022-07-04T06:16:18.000Z (almost 4 years ago)
• Last Synced: 2023-03-07T20:44:15.853Z (over 3 years ago)
• Topics: css, frontend, frontend-web, navbar, navbars, portfolio, portfolio-site, portfolio-website, website, websites
• Language: CSS
• Homepage: https://twentytwo777.github.io/Slide-Navbar/
• Size: 832 KB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

          
# Slide-Navbar

![Nabvar-Desktop](https://i.imgur.com/rDtUUle.jpg)

![Nabvar-Mobile](https://i.imgur.com/hqUzlye.jpg)

![Nabvar-MobileOpened](https://i.imgur.com/rr6tvch.jpg)

## How to install?

- Download this repository

- Upload it to your project

- Change the file type on which you will call navbar to module

- Import Navbar class

- Call the navbar

## Peculiarities

- Easy to install

- Open source code

- Change beyond recognition through CSS

### Example CSS

`@import url(./your_folder/navbar.css);`

### Example JS

`import {Navbar} from './your_folder/Navbar.js';`

#### Example call

`window.onload = new Navbar;`

## [License](LICENSE)

MIT License