An interactive visualization of our solar system created using only HTML and CSS. π Explore the planets, their moons, and fascinating details about each celestial body.
- π Interactive Navigation: Click on any planet to reveal detailed information about it.
- πͺ Realistic Textures: High-quality planet textures enhance the immersive experience.
- π± Responsive Design: Optimized for various screen sizes, providing a seamless user experience across devices.
- π Educational Content: Learn interesting facts about each planet, including its moons, size, and history.
Live Demo (https://github.com/SachinPundir78/Solar-System-Explorer) Live Demo vercel Link (https://solar-system-explorer-bay.vercel.app/)
- Clone this repository to your local machine:
git clone https://github.com/sachinpundir0078/solar-system-explorer.git
- Navigate to the project folder:
cd solar-system-explorer
- Open
index.html
in your preferred web browser to explore the solar system.
- Click on a planet in the left-hand menu to zoom in and view its details.
- Learn about its distance from the Sun, unique characteristics, and historical significance.
- Explore moons by hovering over their names when available.
- HTML5: Structure and content of the webpage.
- CSS3: Styling, animations, and layout.
- Planet textures sourced from various NASA repositories.
- Inspired by Jamie Coulter's CodePen.
This project is licensed under the MIT License. See the LICENSE
file for details.
(Add screenshots of the project here)
![Solar System Explorer](./Screenshot 2024-11-18 231428.png)
Feel free to contribute to this project by submitting pull requests or reporting issues. π