Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/wyfir/portfolio_navbar
This responsive portfolio navbar is a customizable, mobile-friendly navigation solution with integrated social media icons and smooth scroll functionality. It's built using HTML, CSS, and JavaScript.
https://github.com/wyfir/portfolio_navbar
css html html-css-javascript javascript javascript-navigation-menu navbar navbar-css navigation-menu portfolio-navbar portfolio-website
Last synced: about 2 months ago
JSON representation
This responsive portfolio navbar is a customizable, mobile-friendly navigation solution with integrated social media icons and smooth scroll functionality. It's built using HTML, CSS, and JavaScript.
- Host: GitHub
- URL: https://github.com/wyfir/portfolio_navbar
- Owner: wyfir
- License: mit
- Created: 2024-07-21T21:59:21.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2024-07-22T10:27:21.000Z (5 months ago)
- Last Synced: 2024-07-22T12:36:53.043Z (5 months ago)
- Topics: css, html, html-css-javascript, javascript, javascript-navigation-menu, navbar, navbar-css, navigation-menu, portfolio-navbar, portfolio-website
- Language: HTML
- Homepage: https://wyfir.github.io/portfolio_navbar/
- Size: 6.84 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.txt
Awesome Lists containing this project
README
# Responsive Portfolio Navbar
This responsive portfolio navbar is a customizable, mobile-friendly navigation solution with integrated social media icons and smooth scroll functionality. It's built using HTML, CSS, and JavaScript.
## Features
- Responsive design adapts to various screen sizes.
- Integrated social media icons for GitHub, LinkedIn, and Telegram.
- Smooth scroll behavior for seamless navigation.
- Stylish animations and transitions for hover states.
- Simplified minimalist design with hidden labels for a clean look.
## Demo
[Live Demonstration](https://wyfir.github.io/portfolio_navbar/)
## Installation
1. **Clone the repository:**
```bash
git clone https://github.com/wyfir/portfolio_navbar.git
```
2. **Navigate to the project directory:**
```bash
cd portfolio_navbar
```
## Usage
Include the necessary files in your project and set up the HTML structure as demonstrated in the provided example files.
# Css and JavaScript
Include the styles and script files in your project. Customize the CSS variables to fit your design requirements.
# Contributing
Contributions are welcome! Feel free to open issues or submit pull requests to improve this project.