naju/detalhesKitkat.html at main · aronbarbosag/naju · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&family=Josefin+Sans:ital,wght@0,100..700;1,100..700&display=swap" rel="stylesheet">
  <link rel="stylesheet" href="./css/style.css">
  <title>Detalhes do Kit Kat</title>
  <link rel="icon" href="./imgs/favicon.svg" type="image/svg+xml">
  <meta name="description" content="A confeitaria onde o principal ingrediente é o amor">
</head>

<body id="detalhes">
  <header>
    <nav aria-label="primaria">
      <div class="voltar">
        <a href="./index.html">
          <img src="./imgs/arrow.svg" alt="">
        </a>
        <h1 class="titulo cor-0 b"><a href="./index.html">Voltar</a></h1>

      </div>

      <div class="logo">
        <a href="./"><img src="./imgs/Logo.svg" alt="logo naju" width="253" height="34"></a>
      </div>
      <div class="menu">

        <div id="carrinho">
          <div class="modal-carrinho hidden">
            <h1 class=" titulo cor-3">Carrinho está vazio</h1>
          </div>
          <span id="numero">0</span>
          <img src="./imgs/cart.svg" alt="">

        </div>
        <div class="perfil">

          <div class="bg-perfil">
            <div class="modal-perfil hidden">
              <div class="perfil">
                <img src="./imgs/user-circle.svg" alt="">
                <h1 class="titulo cor-3 medio" cor-3>Meu perfil</h1>
              </div>

              <div class="logout">
                <img src="./imgs/logout.svg" alt="">
                <h1 class="titulo alert medio">Sair</h1>
              </div>
            </div>
            <img src="./imgs/woman-user.svg" alt="">
          </div>

          <img src="./imgs/arrowPerfil.svg" alt="">
        </div>

      </div>
    </nav>
  </header>

  <div class="detalhes">

    <div class="img-produto">
      <img src="./imgs/detalhesKitkat.png" alt=" doce de pote kitkat">
    </div>

    <div class="conteudo-produto">
      <span class="titulo b cor-1 sm">DOCE DE POTE</span>
      <h1 class="titulo big ">Delícias KitKat</h1>
      <p class="titulo cor-0 md rg" id="corpoTexto">Uma fusão entre o chocolate cremoso e pedaços crocantes de KitKat, intercalados com um suave creme de baunilha.</p>
      <p class="titulo md" id="peso">50 gramas</p>
      <div class="preco">
        <p class="titulo cor-0 grande">R$ 7,00</p>
      </div>
      <button class="addCarrinho btn cor-3 sb">Adicionar ao carrinho</button>
    </div>

  </div>


  <script src="./js/modules/carrinho.js"></script>
</body>

</html>