Code to create a website about deep sea creatures

 




<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Deep Sea Creatures 🐙</title>

<style>

body{margin:0;font-family:Poppins,Arial,sans-serif;background:linear-gradient(135deg,#001f3f,#003366);color:#e0f7fa;line-height:1.6;}

header{background:#003366;color:#e0f7fa;text-align:center;padding:70px 20px;}

header h1{font-size:3rem;}

header p{font-size:1.2rem;color:#66b2ff;}

nav{text-align:center;background:#001f3f;padding:15px;}

nav a{color:#66b2ff;margin:0 20px;text-decoration:none;font-weight:600;}

nav a:hover{color:#e0f7fa;}

section{padding:60px 20px;text-align:center;}

section h2{color:#66b2ff;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:#003366;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:#0059b3;}

.card h3{color:#e0f7fa;}

footer{background:#001f3f;color:#e0f7fa;text-align:center;padding:30px;font-size:22px;}

footer a{color:#66b2ff;text-decoration:none;font-weight:bold;}

footer a:hover{text-decoration:underline;}

</style>

</head>

<body>


<header>

<h1>🐙 Deep Sea Creatures</h1>

<p>Exploring the Mysteries of the Ocean Depths 🌊</p>

</header>


<nav>

<a href="#intro">🌊 Introduction</a>

<a href="#species">🐡 Species</a>

<a href="#adaptations">🔬 Adaptations</a>

<a href="#threats">⚠️ Threats</a>

<a href="#conservation">🌱 Conservation</a>

</nav>


<section id="intro">

<h2>🌊 What are Deep Sea Creatures?</h2>

<p>Deep sea creatures are organisms living in the dark, high-pressure regions of the ocean. These extreme environments have shaped bizarre and fascinating adaptations, from bioluminescent fish to giant squids. 🌌🐠</p>

</section>


<section id="species">

<h2>🐡 Amazing Species</h2>

<div class="cards">

<div class="card"><h3>🦑 Giant Squid</h3><p>Reaching up to 13 meters, rarely seen by humans, legendary in sailors’ tales.</p></div>

<div class="card"><h3>🐙 Dumbo Octopus</h3><p>Named for its ear-like fins, it hovers gracefully in the deep ocean.</p></div>

<div class="card"><h3>💡 Lanternfish</h3><p>Bioluminescent fish that light up the dark waters to attract prey.</p></div>

<div class="card"><h3>🦀 Yeti Crab</h3><p>Covered in silky white hair, it cultivates bacteria on its claws for food.</p></div>

</div>

</section>


<section id="adaptations">

<h2>🔬 Adaptations to Survive</h2>

<p>Deep sea creatures survive extreme pressure, cold, and darkness. Adaptations include: bioluminescence, slow metabolism, expandable jaws, and strong sensory organs. These strategies allow them to hunt, mate, and thrive in near-freezing, pitch-black waters.</p>

</section>


<section id="threats">

<h2>⚠️ Threats to Deep Sea Life</h2>

<p>Deep-sea mining, plastic pollution, and climate change are damaging these fragile ecosystems. Many species may go extinct before even being discovered. Conservation is urgent! 🌊</p>

</section>


<section id="conservation">

<h2>🌱 Conservation Efforts</h2>

<p>Protecting deep sea life involves marine reserves, sustainable fishing, and limiting human impact. Each effort helps maintain biodiversity and balance in the oceanic ecosystem. 🌍🐡</p>

</section>


<footer>

© 2025 <a href="https://freecodesforwebsites.blogspot.com/" target="_blank">Free Codes for Websites</a> | All rights reserved.

</footer>


</body>

</html>


Comments