https://github.com/alizayayesha/responsive-navigation-bar-with-slide-effect

using jQuery for a hamburger menu and a parallax scrolling effect. n some new hover effect https://alizayayesha.github.io/Responsive-Navigation-Bar-With-Slide-Effect/
https://github.com/alizayayesha/responsive-navigation-bar-with-slide-effect

css3 html-css-javascript javascript jquery jquery-ajax jquery-ui js responsive-web-design

Last synced: about 2 months ago
JSON representation

using jQuery for a hamburger menu and a parallax scrolling effect. n some new hover effect https://alizayayesha.github.io/Responsive-Navigation-Bar-With-Slide-Effect/

• Host: GitHub
• URL: https://github.com/alizayayesha/responsive-navigation-bar-with-slide-effect
• Owner: AlizayAyesha
• License: mit
• Created: 2024-07-10T03:04:30.000Z (6 months ago)
• Default Branch: main
• Last Pushed: 2024-10-24T23:17:18.000Z (3 months ago)
• Last Synced: 2024-10-26T11:47:35.811Z (3 months ago)
• Topics: css3, html-css-javascript, javascript, jquery, jquery-ajax, jquery-ui, js, responsive-web-design
• Language: HTML
• Homepage: https://alizayayesha.github.io/Responsive-Navigation-Bar-With-Slide-Effect/
• Size: 1.67 MB
• Stars: 5
• Watchers: 1
• Forks: 2
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Responsive-Navigation-Bar-With-Slide-Effect

This project demonstrates a responsive webpage using jQuery for a hamburger menu and a parallax scrolling effect + hover effect to make it more cool

## Features

Hamburger menu with animated toggle


Smooth slide-in/out menu animation


Parallax effect on the background image


## Technologies Used

HTML5

CSS3

jQuery 3.5.1

## Usage

Click the hamburger menu icon (☰) in the top left corner to toggle the menu.


Scroll down the page to see the parallax effect on the background image.


## Structure

The project structure is as follows:

index.html: Contains the HTML structure of the webpage.


style.css: Stylesheet for the webpage.


script.js: JavaScript (jQuery) for interactivity, including hamburger menu functionality and parallax effect.


images/: Directory containing any images used in the project.


## Contributing

Contributions are welcome! If you find any issues or have suggestions for improvement, please open an issue or create a pull request.

## License

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

## Results

![image](https://github.com/AlizayAyesha/Responsive-Navigation-Bar-With-Slide-Effect/assets/68489612/2dfb9354-9205-42b0-84ce-a215029decdb)