Advertisement
Guest User

Untitled

a guest
Jan 21st, 2020
110
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 2.98 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="pl">
  3.     <head>
  4.         <meta charset="UTF-8">
  5.         <title>SPA and Wellness</title>
  6.         <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,700" rel="stylesheet">
  7.         <link href="https://use.fontawesome.com/releases/v5.0.8/css/all.css" rel="stylesheet">
  8.         <link rel="stylesheet" href="css/style.css">
  9.         <script type="text/javascript" src="js/app.js"></script>
  10.     </head>
  11.     <body>
  12.         <header>
  13.             <nav>
  14.                 <ul>
  15.                   <li class="main-site"><a href="#">Strona Główna</a></li>
  16.                   <li><a href="#">Dlaczego my?</a></li>
  17.                   <li><a href="#">Zabiegi</a></li>
  18.                   <li><a href="#">Galeria</a></li>
  19.                   <li><a href="#">Pakiety</a></li>
  20.                   <li><a href="#">Kontakt</a></li>
  21.                 </ul>
  22.             </nav>
  23.         </header>
  24.         <section class="main-img">
  25.             <section class="main-text">
  26.                 <h1>SPA &amp; Wellness</h1>
  27.                 <h2>
  28.                     Lorem ipsum dolor sit amet, consectetur adipiscing elit,<br>
  29.                     sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
  30.                 </h2>
  31.                 <button class="offer-btn">Zapoznaj się z ofertą</button>
  32.             </section>
  33.         </section>
  34.         <section class="wh-us">
  35.             <section class="points">
  36.                <h3>Dlaczego SPA &amp;WELLNESS</h3>
  37.                <ul>
  38.                   <li>
  39.                      <i class="fas fa-check"></i>
  40.                      Lorem ipsum dolor sit amet, consectetur adipiscing elit
  41.                   </li>
  42.                   <li>
  43.                      <i class="fas fa-check"></i>
  44.                      Lorem ipsum dolor sit amet, consectetur adipiscing elit  
  45.                   </li>
  46.                   <li>
  47.                      <i class="fas fa-check"></i>
  48.                      Lorem ipsum dolor sit amet, consectetur adipiscing elit
  49.                   </li>
  50.                   <li>
  51.                      <i class="fas fa-check"></i>
  52.                      Lorem ipsum dolor sit amet, consectetur adipiscing elit
  53.                   </li>  
  54.                </ul>
  55.             </section>
  56.             <section class="image">
  57.                <img src="images/3135.jpg" alt="why us message">
  58.                
  59.             </section>
  60.         </section>
  61.         <section class="offer">
  62.             <figure>
  63.                 <div class="circle-img skin-therapy"></div>
  64.                 <h5>Luksusowe terapie skóry</h5>
  65.                 <p>
  66.                     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ą.
  67.                 </p>
  68.                 <button class="read-more-less-btn">Czytaj więcej</button>
  69.             </figure>
  70.             <figure></figure>
  71.             <figure></figure>
  72.         </section>
  73.     </body>
  74. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement