CompleteEarthHub

<!DOCTYPE html>
<html>
<head>
<title>CompleteEarthHub</title>

<style>

body{
    margin:0;
    font-family: Arial, sans-serif;
    background-color:#f4f7f4;
}

/* Header */
header{
    background:#2e7d32;
    color:white;
    padding:20px;
    text-align:center;
}

/* Hero section */
.hero{
    background-image:url('https://images.unsplash.com/photo-1501785888041-af3ef285b470');
    background-size:cover;
    background-position:center;
    height:400px;
    color:white;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
}

.hero h1{
    font-size:50px;
    background:rgba(0,0,0,0.4);
    padding:20px;
    border-radius:10px;
}

/* Content */
.container{
    padding:40px;
    max-width:1000px;
    margin:auto;
}

.section{
    margin-bottom:40px;
}

.section h2{
    color:#2e7d32;
}

/* Button */
.button{
    display:inline-block;
    padding:12px 25px;
    background:#2e7d32;
    color:white;
    text-decoration:none;
    border-radius:5px;
    margin-top:10px;
}

.button:hover{
    background:#1b5e20;
}

/* Footer */
footer{
    background:#222;
    color:white;
    text-align:center;
    padding:20px;
}

</style>
</head>


<body>

<header>
<h1>CompleteEarthHub</h1>
<p>Exploring Everything About Our Planet</p>
</header>


<div class="hero">
<h1>Discover the Wonders of Earth</h1>
</div>


<div class="container">

<div class="section">
<h2>Welcome</h2>
<p>
Welcome to <strong>CompleteEarthHub</strong>, a place dedicated to exploring the beauty,
science, and mysteries of our planet. Here you will learn about ecosystems,
wildlife, oceans, forests, climate, and the incredible diversity of life on Earth.
</p>

<a href="#" class="button">Start Exploring</a>
</div>


<div class="section">
<h2>What You Will Find Here</h2>

<ul>
<li>🌍 Information about Earth's ecosystems</li>
<li>🌳 Forests, plants, and biodiversity</li>
<li>🐾 Wildlife and animal life</li>
<li>🌊 Oceans, rivers, and water systems</li>
<li>☀️ Climate and environmental science</li>
</ul>

</div>


<div class="section">
<h2>Our Mission</h2>
<p>
Our mission is to educate, inspire, and encourage people to understand and protect
our planet. Earth is our only home, and knowledge is the first step toward
preserving it for future generations.
</p>
</div>

</div>


<footer>
<p>© 2026 CompleteEarthHub | Protecting Knowledge of Our Planet</p>
</footer>

</body>
</html>