Skip to content

AlizayAyesha/Responsive-Navigation-Bar-With-Slide-Effect

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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