index.html

<!DOCTYPE html>
html lang="en">
head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Fantastic Frogs</title>
   <link rel="stylesheet" href="styles.css">
/head>
body>
   <nav>
       <div class="logo">🐸 Fantastic Frogs</div>
       <ul>
           <li><a href="#home">Home</a></li>
           <li><a href="#gallery">Gallery</a></li>
           <li><a href="#facts">Facts</a></li>
       </ul>
   </nav>
    <header id="home">
       <h1>Discover the Amazing World of Frogs</h1>
       <p>Explore these fascinating amphibians in all their glory</p>
   </header>
    <section id="gallery">
       <h2>Frog Gallery</h2>
       <div class="gallery-grid">
           <div class="gallery-item">
               <img src="https://images.unsplash.com/photo-1538438253612-287c9fc9217e" alt="Red-eyed Tree Frog">
               <p>Red-eyed Tree Frog</p>
           </div>
           <div class="gallery-item">
               <img src="https://images.unsplash.com/photo-1579380656108-f98e4df8ea62" alt="Green Tree Frog">
               <p>Green Tree Frog</p>
           </div>
           <div class="gallery-item">
               <img src="https://images.unsplash.com/photo-1598537179958-687e6cc625fb" alt="Poison Dart Frog">
               <p>Poison Dart Frog</p>
           </div>
       </div>
   </section>
    <section id="facts">
       <h2>Fun Frog Facts</h2>
       <div class="facts-grid">
           <div class="fact-card">
               <h3>🌍 Global Presence</h3>
               <p>Frogs can be found on every continent except Antarctica!</p>
           </div>
           <div class="fact-card">
               <h3>👀 Night Vision</h3>
               <p>Most frogs have excellent night vision and are nocturnal.</p>
           </div>
           <div class="fact-card">
               <h3>💧 Skin Facts</h3>
               <p>Frogs don't need to drink water - they absorb it through their skin!</p>
           </div>
       </div>
   </section>
    <footer>
       <p>Created with 💚 for frog enthusiasts</p>
   </footer>
/body>
/html>