Parallax Adventure Website

This is a simple parallax scrolling website showcasing adventure activities like biking, paragliding, and surfing. The project is built with HTML and Tailwind CSS, demonstrating parallax effects with background images and descriptive text sections.

Features:

Parallax Scrolling: Multi-layered background and foreground images that move at different speeds, creating a 3D depth effect.

Responsive Design: The layout adjusts for different screen sizes.

Adventure Sections: Dedicated sections for adventure sports like biking, paragliding, and surfing.

Clean and Minimal Design: Uses Tailwind CSS for a simple and clean look with smooth transitions.

Project Structure:

parallax-website/
│
├── index.html       # Main HTML file for the website
├── parallax.css     # Custom CSS file for styling and parallax effect
├── background.png   # Background image used in the parallax container
├── foreground.png   # Foreground image used in the parallax container
├── sport-1.jpg      # Image for biking section
├── sport-2.jpg      # Image for paragliding section
├── sport-3.jpg      # Image for surfing section

Technologies Used:

HTML5: Markup for structuring the webpage.

Tailwind CSS: Utility-first CSS framework for styling.

CSS3: Custom styles for the parallax effects and layout adjustments.

How to Use:

Clone the repository: git clone <repository-url>
Navigate to the project folder: cd parallax-website
Open index.html in your browser:open index.html
Customize the images in the background, foreground, and sports sections as needed.

License:

This project is licensed under the MIT License. Feel free to use and modify it for your own purposes.