eCommerce2/index.html at main · FelipeNeb/eCommerce2 · 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
<!DOCTYPE html>
<html>
<head>
  <title>eCommerce2</title>
  <link rel="stylesheet" type="text/css" href="styles.css">
  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
</head>
<body>
  <div class="cabecalho" style="display: flex; background-color: grey;height: 110px;">
    <div class="titulo-e-nome" style="width: 70%;">
      <h1 style="height: 50%;">Loja FakeStore <p></p> </h1>
      Desenvolvido por: Felipe S Nébias </br>
    Curso: Engenharia de Software / 771834 </br>
    </div>

    <div class="filtro-pesquisa" style="width: 30%;">
      <div class="filter-section" style="display: flex; align-items: center;">
        <label for="filtro">Filtrar por categoria:</label>
        <select id="filtro">
          <option value="todos">Todos</option>
        </select>
        <button id="btn-filtrar">Filtrar</button>
      </div>

      <div class="search-section" style="display: flex; align-items: center;">
        <input type="text" id="pesquisa" placeholder="Digite uma categoria">
        <button id="btn-pesquisar">Pesquisar</button>
      </div>
      <div class="logos">
        <a href="https://replit.com/@FelipeNebias/eCommerce2#index.html"><img src="data:image/png;base64,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" alt="" style="height: 40px; width: 40px; border-radius: 20px;margin-top: 2px;"></a>
        <a href="https://github.com/FelipeNeb/eCommerce2"><img src="https://github.githubassets.com/images/modules/logos_page/GitHub-Mark.png" alt="" style="width: 40px; height: 40px; border-radius: 20px; margin: 2px;"></a>
      </div>
    </div>


  </div>


  <div class="container">
    <div class="row products">
    </div>
  </div>

  <script src="script.js"></script>
</body>
</html>