html\galeria.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

    <link rel="stylesheet" href="../css/galeria.css">
</head>
<body>
    <div id="container">
        <div id="banner">
            <img src="../img/banner.png">
        </div>
        <div id="navbar">
            <input type="button" class="topbutton" onclick="location.href='../index.html'" value="HOME">
            <input type="button" class="topbutton" onclick="location.href='nawigacja.html'" value="NAWIGACJA">
            <input type="button" class="topbutton" onclick="location.href='galeria.html'" value="GALERIA">
            <input type="button" class="topbutton" onclick="location.href='podstrona.html'" value="UKŁADY">
            <input type="button" class="topbutton" onclick="location.href='podstrona.html'" value="KONTAKT">
        </div>


        <div id="menu2">
            <ul>
              <li><a href="galeria.html"><b>Koty drapieżne</b></a></li>
              <li><a href="galeria1.html"><b>Zamki Polski</b></a></li>
              <li><a href="galeria2.html"><b>Liście polskich drzew</b></a></li>
              <li><a href="galeria3.html"><b>miasta Europy</b></a></li>

            </ul>
        </div>

        <div class="container">
            <div class="card">
              <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/d/d9/Salzkatze.jpg/1280px-Salzkatze.jpg">
              <div class="card__head">Ocelot argentyński</div>
            </div>
            <div class="card">
              <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/1/12/Caracal_on_the_road%2C_early_morning_in_Kgalagadi_%2836173878220%29.jpg/1024px-Caracal_on_the_road%2C_early_morning_in_Kgalagadi_%2836173878220%29.jpg">
              <div class="card__head">Karakal stepowy</div>
            </div>
            <div class="card">
              <img src="https://www.wykop.pl/cdn/c3201142/comment_8lczu6dH1aT4MhECZkXnXkQ32BILVWg2.jpg">
              <div class="card__head">Leopardus pajeros</div>
            </div>
            <div class="card">
              <img src="https://zasoby.ekologia.pl/artykulyNew/22682/xxl/shutterstock-705339076_800x600.jpg">
              <div class="card__head">Ryś euroazjatycki</div>
            </div>
            <div class="card">
              <img src="https://tvn24.pl/tvnmeteo/najnowsze/cdn-zdjeciea3e51c5b1fd574da3b05e16dfd456339-rys-iberyjski-byl-uznany-za-wymarly-5148010/1cac5eb7-f9e8-44f4-a381-32dd80d2f7fb.jpg">
              <div class="card__head">Ryś iberyjski</div>
            </div>
            <div class="card">
              <img src="https://upload.wikimedia.org/wikipedia/commons/8/8c/Manul_close.jpg">
              <div class="card__head">Manul stepowy</div>
            </div>
            <div class="card">
              <img src="https://upload.wikimedia.org/wikipedia/commons/9/9c/Rohrkatze-6218.jpg">
              <div class="card__head">Kot błotny</div>
            </div>
          </div>
    </div>
</body>
</html>