<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Astronomy 🌠</title>
<style>
body{margin:0;font-family:Poppins,Arial,sans-serif;background:linear-gradient(135deg,#0d1b2a,#1b263b);color:#e0e1dd;line-height:1.6;}
header{background:#1b263b;color:#e0e1dd;text-align:center;padding:70px 20px;}
header h1{font-size:3rem;}
header p{font-size:1.2rem;color:#778da9;}
nav{text-align:center;background:#0d1b2a;padding:15px;}
nav a{color:#778da9;margin:0 20px;text-decoration:none;font-weight:600;}
nav a:hover{color:#e0e1dd;}
section{padding:60px 20px;text-align:center;}
section h2{color:#778da9;font-size:2.3rem;margin-bottom:15px;}
section p{max-width:900px;margin:0 auto 25px;font-size:1.1rem;}
.cards{display:flex;flex-wrap:wrap;justify-content:center;gap:25px;margin-top:40px;}
.card{background:#1b263b;padding:25px;width:280px;border-radius:12px;box-shadow:0 5px 20px rgba(0,0,0,.3);transition:transform 0.3s;}
.card:hover{transform:translateY(-8px);background:#415a77;}
.card h3{color:#e0e1dd;}
footer{background:#0d1b2a;color:#e0e1dd;text-align:center;padding:30px;font-size:22px;}
footer a{color:#778da9;text-decoration:none;font-weight:bold;}
footer a:hover{text-decoration:underline;}
</style>
</head>
<body>
<header>
<h1>🌠 Astronomy</h1>
<p>The Study of the Universe Beyond Earth 🚀</p>
</header>
<nav>
<a href="#intro">🌌 Introduction</a>
<a href="#objects">🪐 Celestial Objects</a>
<a href="#telescopes">🔭 Telescopes</a>
<a href="#research">📚 Research</a>
</nav>
<section id="intro">
<h2>🌌 What is Astronomy?</h2>
<p>Astronomy is the scientific study of stars, planets, galaxies, and the cosmos. It helps us understand the origin, evolution, and ultimate fate of the universe. 🌟</p>
</section>
<section id="objects">
<h2>🪐 Celestial Objects</h2>
<div class="cards">
<div class="card"><h3>⭐ Stars</h3><p>Massive spheres of burning gas that generate light and heat.</p></div>
<div class="card"><h3>🪐 Planets</h3><p>Objects orbiting stars, including Earth, Mars, and Jupiter.</p></div>
<div class="card"><h3>☄️ Comets</h3><p>Ice-rich objects that produce glowing tails near the sun.</p></div>
<div class="card"><h3>🌌 Galaxies</h3><p>Vast systems of stars, planets, and cosmic dust bound by gravity.</p></div>
</div>
</section>
<section id="telescopes">
<h2>🔭 Telescopes and Observatories</h2>
<p>Telescopes, both ground-based and space-based, allow astronomers to observe distant objects. The Hubble Space Telescope and modern observatories provide unprecedented views of the cosmos. 🛰️</p>
</section>
<section id="research">
<h2>📚 Research and Discoveries</h2>
<p>Astronomy research uncovers exoplanets, black holes, dark matter, and cosmic background radiation. These discoveries expand human understanding of space and inspire exploration. 🌌</p>
</section>
<footer>
© 2025 <a href="https://freecodesforwebsites.blogspot.com/" target="_blank">Free Codes for Websites</a> | All rights reserved.
</footer>
</body>
</html>
Comments
Post a Comment