Welcome to the Infinity Stones Webpage repository! This project showcases a visually appealing single-page website with a parallax scrolling effect, providing information about the Marvel Cinematic Universe's Infinity Stones. Below is a guide on the project details and how to use or customize the webpage.
-
File:
infinity-stone.html
This HTML file contains the structure and content of the Infinity Stones webpage. The page uses CSS styling and parallax scrolling for an engaging user experience.
-
Home Section (pimg1):
- Displays the title "Infinity Stones."
-
Soul Stone Section (pimg2):
- Provides information about the Soul Stone, its origin, and its significance in the Marvel Universe.
-
Time Stone Section (pimg3):
- Describes the Time Stone, its mysterious origin, and its ability to manipulate time.
-
Mind Stone Section (pimg4):
- Details the Mind Stone, its history, and its role in empowering characters like Loki.
-
Power Stone Section (pimg5):
- Covers the Power Stone and its destructive capabilities, as seen in "Guardians of the Galaxy."
-
Reality Stone Section (pimg6):
- Explores the Reality Stone, its creation, and its unique ability to convert matter.
-
Space Stone Section (pimg7):
- Discusses the Space Stone and its influence over space, housed within the Tesseract.
- The webpage uses parallax scrolling with background images for each section.
- Responsive design for optimal viewing on different devices.
- Font: Lato, sans-serif.
-
Clone the Repository:
- Clone this repository to your local machine using the following command:
git clone https://github.com/mahekdesai/infinity-stones.git
- Clone this repository to your local machine using the following command:
-
Open in Browser:
- Open the
infinity-stone.html
file in your preferred web browser to view the Infinity Stones webpage.
- Open the
-
Background Images:
- Replace the background image URLs in the CSS with images of your choice.
-
Content:
- Modify the content in each section to suit your preferences or provide information about a different topic.
Feel free to contribute to the project by enhancing the design, adding features, or improving the content. Create a pull request with your changes.
If you encounter issues or have questions, please open an issue on GitHub.
Enjoy exploring the Marvel Universe with the Infinity Stones Webpage! 🌌💎