https://github.com/anurag1101/parallax1

my first parallax website
https://github.com/anurag1101/parallax1

Last synced: about 8 hours ago
JSON representation

my first parallax website

• Host: GitHub
• URL: https://github.com/anurag1101/parallax1
• Owner: Anurag1101
• Created: 2023-01-22T09:14:41.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2023-01-22T09:18:29.000Z (almost 2 years ago)
• Last Synced: 2023-08-04T09:08:30.250Z (over 1 year ago)
• Language: HTML
• Size: 5.69 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
**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 

    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.