🌌 Space Explorer

An immersive, beautifully styled Solar System website built with pure HTML & CSS — no JavaScript required. ✨
It’s a responsive, animated project that visually explores planets, moons, and the magic of space.

---

🚀 Features

• Dynamic Visual Experience

  • Animated background with stars & shooting stars
  • Floating effects for planets and moons
  • Scroll-to-top button

• Planetary Database

  • Details for all 8 major planets (image, orbit, size, temperature, etc.)
  • Responsive grid-based layout
  • Gradient and parallax effects per planet

• Lunar Outposts

  • Floating moon badges like Titan, Europa, and more
  • Styled moon cards with delay animations

• Fully Responsive & CSS-Only

  • Works on all screen sizes
  • Flexbox & CSS Grid
  • Advanced hover, scroll, and pulse effects

---

📂 File Structure

space-explorer/ ├── index.html ├── style.css ├── images/ │ ├── mercury.png │ ├── venus.png │ ├── earth.png │ ├── mars.png │ ├── jupiter.png │ ├── saturn.png │ ├── uranus.png │ └── neptune.png

Copy Edit

---

🌎 Live Preview

https://keziah038.github.io/SpaceExplorer/

---

🧪 Built With HTML5 — Semantic structure

CSS3 — Styling, animation, and responsiveness

Google Fonts — Orbitron, Space Mono

SVG Backgrounds — For twinkling starfield

Nasa Data - Planet info & images

---

Made with 💙 & curiosity for the cosmos.... 🚀Designed & developed by: Keziah Mariam Raison