Untitled

mail@pastecode.io avatar
unknown
plain_text
a year ago
4.5 kB
1
Indexable
Never
 <header>
    <div class="logo_container">
      <a href="#">
        <img id="logo" src="./assets/logo_branco.svg" alt="Logo">
      </a>
    </div>
    <input type="text" placeholder="O que você está procurando?" name="search_input" id="search_input">
    <div class="buttons_container">
      <a href="#"><img src="./assets/account.svg" alt="Minha conta"></a>
      <a href="#"><img src="./assets/icon_cart.svg" alt="Carrinho"></a>
    </div>
  </header>

<main>
    <div class="hero">
      <div class="hero_text">
        <h1>Modelos variados e confortáveis por um preço justo</h1>
      </div>
      <div class="hero_image">
        <img src="../assets/prateleiras_de_sapatos.webp" alt="">
      </div>
    </div>
    <div class="products">
      <h2>Confira nossos produtos:</h2>
      <div class="products_list">
        <a href="./view/product.html" class="card">
          <div class="image_container">
            <img src="../assets/sapato_amarelo.webp" alt="Sapato amarelo">
          </div>
          <h3 class="title">Salto Fino</h3>
          <span class="description">
            Calçado Vizzano de salto fino verde
          </span>
          <span class="price">R$ 119,00</span>
        </a>

        <a href="./view/product.html" class="card">
          <div class="image_container">
            <img src="../assets/alpargata_azul.webp" alt="Alpargata azul">
          </div>
          <h3 class="title">Alpargata azul</h3>
          <span class="description">
            Alpargata azul Havaianas
          </span>
          <span class="price">R$ 89,90</span>
        </a>

        <a href="./view/product.html" class="card">
          <div class="image_container">
            <img src="../assets/sapatilha_cinza.webp" alt="Sapatilha cinza">
          </div>
          <h3 class="title">Sapatilha Cinza</h3>
          <span class="description">
            Sapatilha cinza confortável Moleca
          </span>
          <span class="price">R$ 79,90</span>
        </a>

        <a href="./view/product.html" class="card">
          <div class="image_container">
            <img src="../assets/sapato_branco.webp" alt="Sapato branco">
          </div>
          <h3 class="title">Laço Branco</h3>
          <span class="description">
            Sapatilha confortável com laço branco na ponta
          </span>
          <span class="price">R$ 81,50</span>
        </a>

        <a href="./view/product.html" class="card">
          <div class="image_container">
            <img src="../assets/alpargata_cinza.webp" alt="Alpargata cinza">
          </div>
          <h3 class="title">Alpargata Cinza</h3>
          <span class="description">
            Alpargata cinza Havaianas
          </span>
          <span class="price">R$ 89,90</span>
        </a>

        <a href="./view/product.html" class="card">
          <div class="image_container">
            <img src="../assets/sapatilha_preta.webp" alt="Sapatilha preta">
          </div>
          <h3 class="title">Sapatilha Preta</h3>
          <span class="description">
            Sapatilha preta confortável Moleca
          </span>
          <span class="price">R$ 79,90</span>
        </a>

        <a href="./view/product.html" class="card">
          <div class="image_container">
            <img src="../assets/tamanco_verde.webp" alt="Tamanco verde">
          </div>
          <h3 class="title">Tamanco Verde</h3>
          <span class="description">
            Tamanco verde limão almofadado
          </span>
          <span class="price">R$ 120,00</span>
        </a>
        <a href="./view/product.html" class="card">
          <div class="image_container">
            <img src="../assets/sapato_vermelh.webp" alt="Sapato vermelho">
          </div>
          <h3 class="title">Vizzano Vermelho</h3>
          <span class="description">
            Calçado vermelho Vizzano elegante
          </span>
          <span class="price">R$ 119,00</span>
        </a>
      </div>
    </div>
  </main>

<footer>
    <div class="rights_container">
      <img src="../assets/light_logo.png" alt="Logo">
      <span> © 2022 - Dos Anjos. All rights reserved </span>
    </div>
    <div class="rights_container">
      <img src="../assets/github_icon.svg" alt="Github">
      <a href="https://github.com/yagomouro/dos-anjos-website/">Dos Anjos Website</a>
    </div>
  </footer>