https://github.com/mehmet-github06/circle-navigation
This project is a simple example of HTML, CSS, and JavaScript that enables opening and closing navigation within a circle.
https://github.com/mehmet-github06/circle-navigation
css3 html5 js
Last synced: 7 months ago
JSON representation
This project is a simple example of HTML, CSS, and JavaScript that enables opening and closing navigation within a circle.
- Host: GitHub
- URL: https://github.com/mehmet-github06/circle-navigation
- Owner: Mehmet-github06
- Created: 2023-10-29T19:10:51.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-02-03T21:04:40.000Z (about 2 years ago)
- Last Synced: 2025-01-16T05:25:28.232Z (about 1 year ago)
- Topics: css3, html5, js
- Language: HTML
- Homepage: https://youtube-al-ma-3.vercel.app
- Size: 128 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Circle Navigation
This project is a simple example of HTML, CSS, and JavaScript that enables opening and closing navigation within a circle.
[Live Demo](https://youtube-al-ma-3.vercel.app/)
## Features
- Allows toggling of navigation open/close with menu buttons inside a circle.
- Applies an animation effect by rotating the main content section when the menu is opened.
- Displays menu items as a neatly arranged navigation menu at the bottom.
## Usage
1. Open the `index.html` file in your web browser.
2. Click on the menu buttons inside the circle to open or close the navigation menu.
## Files
- `index.html`: Main HTML file defining the page structure and content.
- `style.css`: CSS file managing the appearance and style of the page.
- `app.js`: JavaScript file controlling the opening/closing of the menu.
## Additional Information
- The project utilizes the Font Awesome library for icons.
- Google Fonts API provides the font for text on the page.
## License
This project is licensed under the MIT License. See the [LICENSE file](LICENSE) for more information.