<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Black Holes 🌌</title>
<style>
body{margin:0;font-family:Poppins,Arial,sans-serif;background:linear-gradient(135deg,#0b0c10,#1f2833);color:#c5c6c7;line-height:1.6;}
header{background:#1f2833;color:#66fcf1;text-align:center;padding:70px 20px;}
header h1{font-size:3rem;}
header p{font-size:1.2rem;color:#45a29e;}
nav{text-align:center;background:#0b0c10;padding:15px;}
nav a{color:#45a29e;margin:0 20px;text-decoration:none;font-weight:600;}
nav a:hover{color:#66fcf1;}
section{padding:60px 20px;text-align:center;}
section h2{color:#66fcf1;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:#1f2833;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:#45a29e;color:#0b0c10;}
.card h3{color:#66fcf1;}
footer{background:#0b0c10;color:#c5c6c7;text-align:center;padding:30px;font-size:22px;}
footer a{color:#45a29e;text-decoration:none;font-weight:bold;}
footer a:hover{text-decoration:underline;}
</style>
</head>
<body>
<header>
<h1>🌌 Black Holes</h1>
<p>Mysterious Giants of the Universe 🕳️</p>
</header>
<nav>
<a href="#intro">🌟 Introduction</a>
<a href="#types">🌀 Types</a>
<a href="#effects">💥 Effects</a>
<a href="#discovery">🔭 Discovery</a>
</nav>
<section id="intro">
<h2>🌟 What is a Black Hole?</h2>
<p>A black hole is a region in space where gravity is so strong that nothing, not even light, can escape. They form from collapsed stars and warp spacetime itself. 🌌</p>
</section>
<section id="types">
<h2>🌀 Types of Black Holes</h2>
<div class="cards">
<div class="card"><h3>⭐ Stellar</h3><p>Formed from collapsing massive stars; medium-sized.</p></div>
<div class="card"><h3>🪐 Supermassive</h3><p>Located in galaxy centers; millions or billions of times heavier than the sun.</p></div>
<div class="card"><h3>🕳️ Intermediate</h3><p>Size between stellar and supermassive; rare in the universe.</p></div>
<div class="card"><h3>⚫ Primordial</h3><p>Hypothetical tiny black holes formed after the Big Bang.</p></div>
</div>
</section>
<section id="effects">
<h2>💥 Effects on Space</h2>
<p>Black holes can pull in stars, gas, and dust. They emit powerful radiation and can bend light, creating gravitational lensing effects. Studying them helps us understand gravity and the universe’s evolution. 🌌</p>
</section>
<section id="discovery">
<h2>🔭 Discovery & Research</h2>
<p>From Einstein's predictions to modern observatories like LIGO and the Event Horizon Telescope, black holes have transitioned from theory to observed reality, captivating scientists and the public alike. 🪐🕳️</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