Untitled

<!DOCTYPE html>
<html lang="pl">
    <head>
        <meta charset="UTF-8">
        <title>SPA and Wellness</title>
        <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,700" rel="stylesheet">
        <link href="https://use.fontawesome.com/releases/v5.0.8/css/all.css" rel="stylesheet">
        <link rel="stylesheet" href="css/style.css">
        <script type="text/javascript" src="js/app.js"></script>
    </head>
    <body>
        <header>
            <nav>
                <ul>
                    <li class="main-site"><a href="#">Strona Główna</a></li>
                    <li><a href="#">Dlaczego my?</a></li>
                    <li><a href="#">Zabiegi</a></li>
                    <li><a href="#">Galeria</a></li>
                    <li><a href="#">Pakiety</a></li>
                    <li><a href="#">Kontakt</a></li>
                </ul>
            </nav>
        </header>
        <section class="main-img">
            <section class="main-text">
                <h1>Spa &amp Wellness</h1>
                <h2>
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit,<br> sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
                </h2>
                <button class="offer-btn">Zapoznaj się z ofertą</button>
            </section>
        </section>
        <section class="why-us">
            <section class="points">
                <h3>Dlaczego SPA &amp; WELLNESS?</h3>
                <ul>
                    <li>
                        <i class="fas fa-check"></i>
                        Lorem ipsum <span>dolor sit amet</span>, consectetur adipiscing elit
                    </li>
                    <li>
                        <i class="fas fa-check"></i>
                        Sed do eiusmod tempor <span>incididunt ut labore</span>  et dolore magna
                    </li>
                    <li>
                        <i class="fas fa-check"></i>
                        Ut enim ad minim <span>veniam, quis nostrud</span> exercitation
                    </li>
                    <li>
                        <i class="fas fa-check"></i>
                        Ullamco laboris nisi <span>ut aliquip ex ea</span> commodo consequat
                    </li>
                    <li>
                        <i class="fas fa-check"></i>
                        Duis aute irure <span>dolor in reprehenderit in</span> voluptate velit
                    </li>
                </ul>
            </section>
            <section class="image">
                <img src="images/3135.jpg" alt="why us massage">
            </section>
        </section>
        <section class="offer">
            <figure>
                <div class="circle-img skin-therapy"></div>
                <h5>Luskusowe terapie skóry</h5>
                <p>
                    Dbałość o wygląd oraz chęć zachowania młodości jak najdłużej zmusza nas do nieustannej pracy nad kondycją skóry. Dlatego przychodzimy Państwu z pomocą.
                </p>
                <button class="read-more-less-btn">Czytaj więcej</button>
            </figure>
            <figure></figure>
            <figure></figure>
        </section>
    </body>
</html>