Untitled

avatar
unknown
html
3 years ago
4.6 kB
12
Indexable
<!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" />
    <link rel="stylesheet" href="style.css" />
    <title>Document</title>
  </head>
  <body>
    <div class="logo">
      <h1>FLORIST</h1>
    </div>
    <nav>
      <ul>
        <li><a href="#">HOME</a></li>
        <li><a href="#">ABOUT</a></li>
        <li><a href="#">CONTACT</a></li>
      </ul>
    </nav>
    <div class="banner">
      <img
        src="https://cdn.shopify.com/s/files/1/0271/5533/3229/files/3209D464-0CDE-4DC1-84FA-45A7DAB35C24_1400x.jpg?v=1662190270"
        alt=""
        width="100%" />
    </div>
    <div class="products">
      <div class="container">
        <h1 class="text-light">Fresh Flower</h1>
        <div class="product-items">
          <div class="product">
            <div class="product-content">
              <div class="product-img">
                <img
                  src="https://cdn.shopify.com/s/files/1/0271/5533/3229/products/IMG_0067_600x.jpg?v=1654011313"
                  alt="" />
              </div>
            </div>
            <div class="product-info">
              <a href="#" class="product-name">EVELINE BOUQUET</a>
              <p class="product-price">RP 1.800.000</p>
            </div>
          </div>
          <div class="product">
            <div class="product-content">
              <div class="product-img">
                <img
                  src="https://cdn.shopify.com/s/files/1/0271/5533/3229/products/a2_38492e27-31af-408d-a5ff-c786fce28788_600x.jpg?v=1653117620"
                  alt="" />
              </div>
            </div>
            <div class="product-info">
              <a href="#" class="product-name">SAMANTHA BOUQUET</a>
              <p class="product-price">RP 1.800.000</p>
            </div>
          </div>
          <div class="product">
            <div class="product-content">
              <div class="product-img">
                <img
                  src="https://cdn.shopify.com/s/files/1/0271/5533/3229/products/a2_38492e27-31af-408d-a5ff-c786fce28788_600x.jpg?v=1653117620"
                  alt="" />
              </div>
            </div>
            <div class="product-info">
              <a href="#" class="product-name">SAMANTHA BOUQUET</a>
              <p class="product-price">RP 1.800.000</p>
            </div>
          </div>
          <div class="product">
            <div class="product-content">
              <div class="product-img">
                <img
                  src="https://cdn.shopify.com/s/files/1/0271/5533/3229/products/a2_38492e27-31af-408d-a5ff-c786fce28788_600x.jpg?v=1653117620"
                  alt="" />
              </div>
            </div>
            <div class="product-info">
              <a href="#" class="product-name">SAMANTHA BOUQUET</a>
              <p class="product-price">RP 1.800.000</p>
            </div>
          </div>
          <div class="product">
            <div class="product-content">
              <div class="product-img">
                <img
                  src="https://cdn.shopify.com/s/files/1/0271/5533/3229/products/IMG_0943_600x.jpg?v=1654010973"
                  alt="" />
              </div>
            </div>
            <div class="product-info">
              <a href="#" class="product-name">ELEGANCE FAIRY RED VASE</a>
              <p class="product-price">RP 2.300.000</p>
            </div>
          </div>
        </div>
      </div>
    </div>

    <footer>
      <div class="footer">
        <table class="linehei">
          <tr>
            <th>
              <p>Find Us on Social Media&emsp;&emsp;</p>
            </th>
            <th>&emsp;</th>
            <th>
              <p>Contact Us</p>
            </th>
          </tr>

          <tr>
            <td>
              <ul>
                <li>Instagram : @PuramdaShoes</li>
                <li>Twitter : @PuramdaShoes</li>
                <li>Facebook: @PuramdaShoes</li>
              </ul>
            </td>
            <td>&emsp;&emsp;&emsp;</td>
            <td>
              <ul>
                <li>Email : <a href="mailto: ">INI EMAIL</a></li>
                <li>Whatsapp : 082380535032</li>
              </ul>
            </td>
          </tr>
        </table>
      </div>
    </footer>
  </body>
</html>
Editor is loading...