Untitled

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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">


    <title>nowa</title>

    <link href="https://fonts.googleapis.com/css2?family=Anton&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Open+Sans+Condensed:wght@300;700&display=swap"
        rel="stylesheet">
    <script src="https://kit.fontawesome.com/2996784a0c.js" crossorigin="anonymous"></script>

    <link href="dist/css/lightbox.min.css" rel="stylesheet" />
    <link rel="stylesheet" href="style.css/style.css">
</head>

<body>

    <header>

        <div>
            <img src="img/logo.png" alt="Freepik">
            <h1>dreamers</h1>


        </div>

    </header>

    <main>
        <div class="tlo">
            <nav>
                <ul>
                    <li>o nas</li>
                    <li>galeria</li>
                    <li>kontakt</li>
                </ul>
            </nav>

            <div class="description">
                <a href=""><i class="fab fa-facebook"></i></a>
                <a href=""><i class="fab fa-google"></i></a>
                <a href=""><i class="fab fa-instagram"></i></a>
                <h1>lorem ipsum</h1>
                <h2>Lorem ipsum dolor sit amet consectetur adipisicing elit. C ex, quam at, itaque omnis animi iure
                    atque quasi tempora.</h2>
            </div>
            <div class="movie">
                <video loop autoplay>
                    <source src="img/video.mp4" type="video/mp4">

                    Your browser does not support the video tag.
                </video>
            </div>

        </div>
    </main>


    <section>

        <div class="person">
            <div class="photo"><img src="img/s2.png" alt="Ryszard Andrzejewski"></div>
            <h1>Ryszard Andrzejewski</h1>
            <h2>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab, ipsa tempora eius repellat facilis ipsam
                velit nostrum reiciendis accusamus </h2>
        </div>

        <div class="person">
            <div class="photo"><img src="img/s1.png" alt="Katarzyna Sznurówka"></div>
            <h1>Katarzyna Sznurówka</h1>
            <h2>Magnam cumque doloribus molestias fuga eum assumenda ut necessitatibus officiis facilis </h2>
        </div>

        <div class="person">
            <div class="photo"><img src="img/s3.png" alt="Ryszard Zklanu"></div>
            <h1>Ryszard Sklanu</h1>
            <h2>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quos exercitationem voluptate doloremque
                libero? </h2>
        </div>

    </section>

    <section class="galeria">
        <h1>Galeria</h1>
        <div class="images">
            <a href="img/o4.jpg" data-lightbox="galeria"><img src="img/o4.jpg" alt=""></a>
            <a href="img/o2.jpg" data-lightbox="galeria"><img src="img/o2.jpg" alt=""></a>
            <a href="img/o3.jpg" data-lightbox="galeria"><img src="img/o3.jpg" alt=""></a>
            <a href="img/o1.jpg" data-lightbox="galeria"><img src="img/o1.jpg" alt=""></a>
            <a href="img/o5.jpg" data-lightbox="galeria"><img src="img/o5.jpg" alt=""></a>
            <a href="img/o6.jpg" data-lightbox="galeria"><img src="img/o6.jpg" alt=""></a>
        </div>
    </section>
    <footer>
        <Span class="author">© Daniel Stojecki </Span>
        <p>
            <a href="https://www.freepik.com/free-photos-vectors/design">Design vector created by freepik -
                www.freepik.com</a>


            <a href="https://pl.freepik.com/darmowe-zdjecie-wektory/biznes">Biznes plik wektorowy utworzone przez
                rawpixel.com - pl.freepik.com</a>

            <a href="https://pl.freepik.com/darmowe-zdjecie-wektory/tlo">Tło plik wektorowy utworzone przez freepik -
                pl.freepik.com</a>

            <span>Wideo (autor: fauxels) z Pexels</span>
        </p>
    </footer>


    <script src="dist/js/lightbox-plus-jquery.min.js"></script>
    <script>
        lightbox.option({
            albumLabel: "Zdjęcie %1 z %2"
        })
    </script>
    <script src="script/script.js"></script>

</body>

</html>