Demo2 - html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css">
</head>

<body>
    <div class="main">
        <div class="navigation">
            <div class="logo">
                <i class="fa-solid fa-paw"></i>
                <span> Zoo</span>World
            </div>
            <ul class="menu">
                <li><a href="http://">Животни</a></li>
                <li><a href="#">Храни</a></li>
                <li><a href="#">Аксесоари</a></li>
            </ul>
        </div>
        <div class="info">
            <div class="fish">
                <h2><i class="fa-solid fa-fish-fins"></i> Риби</h2>
                <a href="">
                    <img src="https://t4.ftcdn.net/jpg/06/04/49/83/360_F_604498339_QGVYrPvNxTIP3vFZcyh3M5123BN7RpQI.jpg" alt="">
                </a>
            </div>
            <div class="reptile">
                <h2><i class="fa-solid fa-worm"></i> Влечуги</h2>
                <a href="">
                    <img src="reptile.png" alt="">
                </a>
            </div>
            <div class="rodent">
                <h2><i class="fa-solid fa-otter"></i> Гризачи</h2>
                <a href="">
                    <img src="https://img.freepik.com/premium-vector/small-rodent-mammal-animal_313877-12954.jpg?w=2000" alt="">
                </a>
            </div>
            <div class="bird">
                <h2><i class="fa-solid fa-dove"></i> Птици</h2>
                <a href="">
                    <img src="https://images.twinkl.co.uk/tw1n/image/private/t_630/u/ux/chafinch-flying-flight-bird-animal-ks1_ver_1.png" alt="">
                </a>
            </div>
        </div>
    </div>
</body>

</html>