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 class="menu-trigger-el"><a href="#">Zabiegi</a>
                         <ul class="nested-menu">
                          <li>Medyczne peelingi medyczne</li>
                          <li>Diagnoza skóry</li>
                          <li>Kino wodne</li>
                          <li>Rytułały w saunach</li>
                      </ul>
                    </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 adipiscting elit
                </li>
                <li>
                <i class="fas fa-check"></i>
                    Sed do eiusmod tempor <span>indidunt 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 labnoris 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>Luksusowe 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>
                  <!--  <p>
                       Samemu często ciężko jest zmobilizować się do regularnego wykywania zabiegów pielęgnacyjnych. Spa &amp wellness wychodząc naprzeciw Państwa potrzebom przygotowała specjalną ofertę.

                   </p>-->

                    <button class="read-more-less-btn">Czytaj więcej</button>
                </figure>
                <figure>
                <div class="circle-img face-therapy"></div>
                    <h5>Zabiegi na twarz</h5>
                    <p>
                 Pielęgnacją twarzy zajmujemy się profesjonalnie, pracując na wysokiej jakości kosmetykach firmy: Skeyndor, Kurland, Organique oraz The Secret Soap Store
                    </p>
                   <!-- <p>
                       Samemu często ciężko jest zmobilizować się do regularnego wykywania zabiegów pielęgnacyjnych. Spa &amp wellness wychodząc naprzeciw Państwa potrzebom przygotowała specjalną ofertę.

                   </p>-->
                    <button class="read-more-less-btn">Czytaj więcej</button>
                </figure>
                <figure>
                <div class="circle-img body-therapy"></div>
                    <h5>Okłady na ciało</h5>
                    <p>
                   Zabiegi prowadzone przez nasz personel sprzyjają wyciszeniu się, relaksacji, oczyszczaniu ciała i umysłu. Podczas zabiegów poczują się Państwo wyjątkowo i błogo.
                    </p>
                   <!-- <p>
                       Samemu często ciężko jest zmobilizować się do regularnego wykywania zabiegów pielęgnacyjnych. Spa &amp wellness wychodząc naprzeciw Państwa potrzebom przygotowała specjalną ofertę.

                   </p>-->
  <button class="read-more-less-btn">Czytaj więcej</button>
            </figure>
        </section>
        <section class="newsletter">
            <section>
                <h5>Zapisz się do newslettera SPA &amp; Wellness</h5>
                <form class="newsletter-form">
                    <input type="email" placeholder="Wpisz swój adres email">
                    <button>Subskrybuj</button>
                </form>
                <p class="form-info"></p>
            </section>
        </section>
        <section class="slider-container">
             <div class="previous-arrow"><i class="fas fa-chevron-left"></i></div>
             <div class="slider-stage">
                <ul class="slider">
                    <li><img src="images/O6RXLM0.jpg" alt="massage"></li>
                    <li><img src="images/O6YSAW0.jpg" alt="relax"></li>
                    <li><img src="images/OIFWTX0.jpg" alt="mask"></li>
                    <li><img src="images/3120.jpg" alt="needle"></li>
                </ul>
            </div>
            <div class="next-arrow"><i class="fas fa-chevron-right"></i></div>
        </section>
        <section class="go-up">
            <div>
                <i class="fas fa-chevron-up"></i>
            </div>
        </section>
        <footer>
            <section class="about-us">
                <h5>SPA &amp; WELLNESS</h5>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incidiunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit</p>
                <ul class="social-media">
                    <li>
                        <a href="https://www.facebook.com/" target="_blank"><i class="fab fa-facebook-f"></i></a>
                    </li>
                    <li>
                        <a href="https://twitter.com/" target="_blank"><i class="fab fa-twitter"></i></a>
                    </li>
                    <li>
                        <a href="https://www.instagram.com/" target="_blank"><i class="fab fa-instagram"></i></a>
                    </li>
                    <li>
                        <a href="https://plus.google.com/" target="_blank"><i class="fab fa-google"></i></a>
                    </li>
                    <li>
                        <a href="https://pl.pinterest.com/" target="_blank"><i class="fab fa-pinterest-p"></i></a>
                    </li>
                </ul>
            </section>
            <section class="contact-details">
                <ul>
                    <li>
                        <i class="fas fa-map-marker-alt"></i>
                        ul. Kochanowskiego 32B <br>
                        33-100 Tarnów
                    </li>
                    <li>
                        <i class="fas fa-phone"></i>
                        666 - 777 - 888
                    </li>
                    <li>
                        <i class="fas fa-fax"></i>
                        (22)256256
                    </li>
                    <li>
                        <i class="fas fa-clock"></i>
                        Pn-Pt: 8:00-16:00 <br>
                        Sb: 8:00-12:00
                    </li>
                    <li>
                        <i class="fas fa-envelope"></i>
                        <a href="mailto:info@spaandwellness.pl">info@spaandwellness.pl</a>
                    </li>
                    <li>
                        <i class="fas fa-globe"></i>
                        <a href="https://spaandwellness.pl">spaandwellness.pl</a>
                    </li>
               </ul>
            </section>
            <section class="quick-links">
               <ul>
                    <li>
                        <a href="#">
                            <i class="fas fa-chevron-right"></i>Rytuały saunowe
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <i class="fas fa-chevron-right"></i>Masaże
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <i class="fas fa-chevron-right"></i>Produkcja kosmetyków
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <i class="fas fa-chevron-right"></i>Pielęgnacja twarzy
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <i class="fas fa-chevron-right"></i>Spa dla dwojga
                        </a>
                    </li>
                </ul>
                <ul>
                    <li>
                        <a href="#">
                            <i class="fas fa-chevron-right"></i>Nasza lokalizacja
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <i class="fas fa-chevron-right"></i>Personel SPA &amp; WELLNES
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <i class="fas fa-chevron-right"></i>Certyfikaty
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <i class="fas fa-chevron-right"></i>Oferta dla firm
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <i class="fas fa-chevron-right"></i>Bony podarunkowe
                        </a>
                    </li>
                </ul>
            </section>
        </footer>
        <section class="Copyright">
            <p>&copy; Copyright 2018 SPA &amp; WELLNESS. Wszelkie prawa zastrzeżone</p>
            <p><a href="https://pl.freepik.com/" target="_blank">Photos from Freepik</a></p>
        </section >
    </body>
</html>