Meta Description" name="description" />
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Types of Forests</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<!-- Navbar with Logo -->
<nav>
<div class="logo">
<img src="forest-logo.png" alt="Forest Logo">
<h2>FOREST SITE</h2>
</div>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#types">Types</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
<!-- Header Section -->
<header>
<h1>FOREST</h1>
</header>
<!-- About Section -->
<section id="about" class="about">
<div>
<h2>About Forest</h2>
<p>Forests are vital ecosystems that house a diverse array of plant and animal species.
They play a crucial role in maintaining the Earth's ecological balance and providing
resources for human survival.</p>
</div>
<img src="about-forest.jpg" alt="Forest Image">
</section>
<!-- Types Section -->
<section id="types">
<h2>Types of Forests</h2>
<div class="types">
<div class="type">
<img src="tropical.jpg" alt="Tropical Forest">
<h3>Tropical Forest</h3>
</div>
<div class="type">
<img src="temperate.jpg" alt="Temperate Forest">
<h3>Temperate Forest</h3>
</div>
<div class="type">
<img src="coniferous.jpg" alt="Coniferous Forest">
<h3>Coniferous Forest</h3>
</div>
</div>
</section>
<!-- Footer -->
<footer id="contact">
<p>Contact us: forestinfo@gmail.com | © 2025 Forest Awareness</p>
</footer>
</body>
</html>
7
1
2KB
3KB
190.0ms
224.0ms
206.0ms