<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>World Rivers 🌍</title>
<style>
body{margin:0;font-family:Poppins,Arial,sans-serif;background:linear-gradient(135deg,#c8e6c9,#a5d6a7);color:#1b5e20;line-height:1.6;}
header{background:#2e7d32;color:#e8f5e9;text-align:center;padding:70px 20px;}
header h1{font-size:3rem;}
header p{font-size:1.2rem;color:#a5d6a7;}
nav{text-align:center;background:#1b5e20;padding:15px;}
nav a{color:#a5d6a7;margin:0 20px;text-decoration:none;font-weight:600;}
nav a:hover{color:white;}
section{padding:60px 20px;text-align:center;}
section h2{color:#2e7d32;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:#e8f5e9;padding:25px;width:280px;border-radius:12px;box-shadow:0 5px 20px rgba(0,0,0,.2);transition:transform 0.3s;}
.card:hover{transform:translateY(-8px);background:#c8e6c9;}
.card h3{color:#1b5e20;}
table{border-collapse:collapse;width:85%;margin:0 auto;background:#a5d6a7;border-radius:10px;overflow:hidden;}
th, td{border:1px solid #81c784;padding:12px 15px;}
th{background:#2e7d32;color:white;}
footer{background:#1b5e20;color:#e8f5e9;text-align:center;padding:30px;font-size:22px;}
footer a{color:#a5d6a7;text-decoration:none;font-weight:bold;}
footer a:hover{text-decoration:underline;}
</style>
</head>
<body>
<header>
<h1>🌍 World Rivers</h1>
<p>Flowing Life and Civilization Across the Globe 💧</p>
</header>
<nav>
<a href="#intro">💧 Introduction</a>
<a href="#major">🏞 Major Rivers</a>
<a href="#importance">🌱 Importance</a>
<a href="#facts">📚 Fun Facts</a>
</nav>
<section id="intro">
<h2>💧 What are Rivers?</h2>
<p>Rivers are natural flowing watercourses, usually freshwater, flowing towards oceans, seas, or lakes. They shape landscapes, support biodiversity, and provide water, food, and transportation to human civilizations. 🌊</p>
</section>
<section id="major">
<h2>🏞 Major Rivers of the World</h2>
<div class="cards">
<div class="card"><h3>🌊 Nile</h3><p>The longest river in Africa, supporting agriculture and history for thousands of years.</p></div>
<div class="card"><h3>🌊 Amazon</h3><p>The largest river by discharge, flowing through the Amazon rainforest, rich in biodiversity.</p></div>
<div class="card"><h3>🌊 Yangtze</h3><p>China's longest river, crucial for transport, farming, and hydroelectric power.</p></div>
<div class="card"><h3>🌊 Mississippi</h3><p>Major river in the USA, central to trade, transport, and culture.</p></div>
</div>
</section>
<section id="importance">
<h2>🌱 Why Rivers are Important</h2>
<ul style="text-align:left;display:inline-block;font-size:1.1rem;">
<li>💧 Provide drinking water for humans, animals, and crops.</li>
<li>🛶 Serve as transportation routes and trade channels.</li>
<li>🌾 Support agriculture through irrigation.</li>
<li>🐟 Home to fish and aquatic ecosystems.</li>
<li>🌍 Influence cultures, religions, and settlements.</li>
</ul>
</section>
<section id="facts">
<h2>📚 Fun Facts</h2>
<table>
<tr><th>River</th><th>Length (km)</th><th>Interesting Fact</th></tr>
<tr><td>🌊 Nile</td><td>6650</td><td>Cradle of ancient Egyptian civilization.</td></tr>
<tr><td>🌊 Amazon</td><td>6400</td><td>Contains 20% of the world's freshwater.</td></tr>
<tr><td>🌊 Yangtze</td><td>6300</td><td>Hosts the famous Three Gorges Dam.</td></tr>
<tr><td>🌊 Mississippi</td><td>3778</td><td>Flows through 10 US states.</td></tr>
</table>
</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