Skip to content

Create a Solar System Explorer with HTML & CSS! Embark on an interstellar journey by creating a stunning Solar System Explorer using just HTML and CSS! 🌠 ✨ **HTML:** Build the foundation of your cosmic adventure. Structure your celestial objects, from the Sun to the distant planets.

Notifications You must be signed in to change notification settings

SachinPundir78/Solar-System-Explorer

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

9 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

🌌 Solar System Explorer

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.

✨ Features

  • 🌍 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.

πŸ”— Demo

Live Demo (https://github.com/SachinPundir78/Solar-System-Explorer) Live Demo vercel Link (https://solar-system-explorer-bay.vercel.app/)

βš™οΈ Installation

  1. Clone this repository to your local machine:
    git clone https://github.com/sachinpundir0078/solar-system-explorer.git
  2. Navigate to the project folder:
    cd solar-system-explorer
  3. Open index.html in your preferred web browser to explore the solar system.

πŸš€ Usage

  • 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.

πŸ› οΈ Technologies Used

  • HTML5: Structure and content of the webpage.
  • CSS3: Styling, animations, and layout.

πŸ’‘ Acknowledgments

πŸ“œ License

This project is licensed under the MIT License. See the LICENSE file for details.

πŸ“Έ Screenshots

(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. πŸ“

About

Create a Solar System Explorer with HTML & CSS! Embark on an interstellar journey by creating a stunning Solar System Explorer using just HTML and CSS! 🌠 ✨ **HTML:** Build the foundation of your cosmic adventure. Structure your celestial objects, from the Sun to the distant planets.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published