Curriculo/Ecomerce.html at main · BrendoGarcia/Curriculo · 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
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
  <meta name="viewport" : initial-scale="1,maximum-scale=1,minimum-scale=1">
  <link rel="stylesheet" href="style.css">
  <script src="script.js"></script>

<title>E-Commerce</title>
</head>

<body class="corpoEcomerce">
  <header class="cabecalho">
      <nav class="cabecalho__navbar">
          <a class="cabecalho__navbar__link" href="index.html">Home</a>
          <a class="cabecalho__navbar__link" href="aboutme.html">Sobre Mim</a>
        <a class="cabecalho__navbar__link" href="form.html">Fale Comigo</a>
        <a class="cabecalho__navbar__link" href="Ecomerce.html">E-commerce</a>
      </nav>
  </header>
  <br></b>


<header class="lojaminha">
    <h1>E-Commerce Garcias</h1>
  <a<div class="carinhocompras">
  <div class="imagemcarinho">
      <img src="https://img.icons8.com/material-outlined/24/000000/shopping-cart--v1.png"/>
      <span class="contadordeitens">0</span>
  </div>

    <div class="itensnocarinho" id="itensNoCarrinho">
        <!-- Lista de itens no carrinho -->
        <ul id="listaItensCarrinho">

        </ul>
    </div>
  </div></a>
</header>

  <div class="busca" >
    <input type="text" class="campoBusca" placeholder="Buscar produtos...">
    <img src="imgs/transferir-removebg-preview.png" width="40" height="40"/>
  </div>
<style>

  .busca{
    cursor:pointer;
    width: 100%;
    display: flex;
    justify-content: center;
    margin: 20px 0;
  }

  .campoBusca {
    width: 50%;
    padding: 10px;
    font-size: 1rem;
    border: 2px solid var(--cor-terciaria);
    border-radius: 5px;
  }
</style>

<div class="credprodutos">
    <div class="produtos">
        <img class="imgstamanha" src="imgs/xbox.png" alt="xbox" height="300" width="300">
        <h2 class="nomeProdutos">Console Xbox Series X</h2>
        <p class="precoProdutps">R$ 3.799,00</p>
        <button class="botaoadicionar">Adicionar ao Carrinho</button>
    </div>
    <div class="produtos">
        <img src="imgs/atari.png" alt="atari" height="300" width="300">
        <h2 class="nomeProdutos">Atari Flashback Preto</h2>
        <p class="precoProdutps">R$ 529,90</p>
        <button class="botaoadicionar">Adicionar ao Carrinho</button>
    </div>
    <div class="produtos">
        <img src="imgs/bebida.png" alt="Whisky Jack" height="300" width="300">
        <h2 class="nomeProdutos">Whisky Jack Single Barrel </h2>
        <p class="precoProdutps">R$ 270,00</p>
        <button class="botaoadicionar">Adicionar ao Carrinho</button>
    </div>
    <div class="produtos">
        <img src="imgs/fone.png" alt="JBL, Fone de Ouvido" height="300" width="300">
        <h2 class="nomeProdutos">Fone de Ouvido JBL</h2>
        <p class="precoProdutps">R$ 230,00</p>
        <button class="botaoadicionar">Adicionar ao Carrinho</button>
    </div>
    <div class="produtos">
        <img src="imgs/pc.png" alt="Pc Gamer Computador" height="300" width="300">
        <h2 class="nomeProdutos">Pc Gamer Computador</h2>
        <p class="precoProdutps">R$ 3.599,90</p>
        <button class="botaoadicionar">Adicionar ao Carrinho</button>
    </div>
    <div class="produtos">
        <img src="imgs/torre.png" alt="Torre Equilíbrio Clássica" height="300" width="300">
        <h2 class="nomeProdutos">Torre Equilíbrio Clássica</h2>
        <p class="precoProdutps">R$ 30,90</p>
        <button class="botaoadicionar">Adicionar ao Carrinho</button>
    </div>
    <div class="produtos">
        <img src="imgs/ps5.png" alt="PlayStation®5 Slim Edição Digital" height="300" width="300">
        <h2 class="nomeProdutos">PlayStation®5 Slim Edição Digital</h2>
        <p class="precoProdutps">R$ 3.781,00</p>
        <button class="botaoadicionar">Adicionar ao Carrinho</button>
    </div>
    <div class="produtos">
        <img src="imgs/mobi.png" alt="Banco Imobiliário Realidade Aumentada" height="300" width="300">
        <h2 class="nomeProdutos">Banco Imobiliário Realidade Aumentada</h2>
        <p class="precoProdutps">R$ 100,08</p>
        <button class="botaoadicionar" >Adicionar ao Carrinho</button>
    </div>
    <div class="produtos">
        <img src="imgs/silvamrioliom.jpg" alt="O Silmarillion" height="300" width="300">
        <h2 class="nomeProdutos">Livro O Silmarillion</h2>
        <p class="precoProdutps">R$ 48,58</p>
        <button class="botaoadicionar">Adicionar ao Carrinho</button>
    </div>
</div>

  <footer class="rodape">
      <p class="teste">Desenvolvido por Brendo Produções</p>
  </footer>
</body>
</html>