This project demonstrates a responsive webpage using jQuery for a hamburger menu and a parallax scrolling effect + hover effect to make it more cool
Hamburger menu with animated toggle
Smooth slide-in/out menu animation
Parallax effect on the background image
HTML5 CSS3 jQuery 3.5.1
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.
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.
Contributions are welcome! If you find any issues or have suggestions for improvement, please open an issue or create a pull request.
This project is licensed under the MIT License - see the LICENSE file for details.