Untitled

avatar
unknown
html
3 years ago
1.7 kB
6
Indexable
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" type="text/css" href="/assets/styles/global.css" />
    <link rel="stylesheet" type="text/css" href="/assets/styles/card.css" />

    <link
      rel="icon"
      type="image/png"
      sizes="32x32"
      href="/assets/images/favicon-32x32.png"
    />

    <title>Product Preview Card</title>
  </head>
  <body>
    <article class="product">
      <div class="product__image">
        <picture>
          <source
            srcset="/assets/images/image-product-desktop.jpg"
            media="(min-width: 768px)"
          />
          <img src="/assets/images/image-product-mobile.jpg" alt="" />
        </picture>
      </div>

      <div class="product__info">
        <p class="product__category uppercase">Perfume</p>
        <p class="product__title">Gabrielle Essence Eau De Parfum</p>
        <div class="product__body">
          <p>
            A floral, solar and voluptuous interpretation composed by Olivier
            Polge, Perfumer-Creator for the House of CHANEL.
          </p>
        </div>
        <div class="product__prices">
          <span class="price__current">$149.99</span>
          <p class="price__original">$169.99</p>
        </div>
        <button class="button icon__cart" data-icon="shopping-cart">
          Add to Cart
        </button>
      </div>
    </article>
    <footer>
      Challenge by
      <a href="https://www.frontendmentor.io" target="_blank">Frontend Mentor</a
      >. Created by
      <a href="https://github.com/somadevv" target="_blank">Josh H</a>.
    </footer>
  </body>
</html>
Editor is loading...