-
Notifications
You must be signed in to change notification settings - Fork 0
/
products.html
114 lines (111 loc) · 6.31 KB
/
products.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>PRODUTOS | AluraGeek</title>
<link href="https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;600;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.3.0/css/all.min.css"
integrity="sha512-SzlrxWUlpfuzQ+pcUCosxcglQRNAq/DZjVsC0lE40xsADsfeQoEypE+enwcOiGjk/bSuGGKHEyjSoQ1zVisanQ=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="./asset/css/base/base.css">
<link rel="stylesheet" href="./asset/css/products-page.css">
<link rel="stylesheet" href="./asset/css/components/header-home.css">
<link rel="stylesheet" href="./asset/css/components/header-login.css">
<link rel="stylesheet" href="./asset/css/components/header-products.css">
<link rel="stylesheet" href="./asset/css/components/login.css">
<link rel="stylesheet" href="./asset/css/components/images.css">
<link rel="stylesheet" href="./asset/css/components/inputs.css">
<link rel="stylesheet" href="./asset/css/components/buttons.css">
<link rel="stylesheet" href="./asset/css/components/products.css">
<link rel="stylesheet" href="./asset/css/components/nav-footer.css">
<link rel="stylesheet" href="./asset/css/components/contact.css">
<link rel="stylesheet" href="./asset/css/components/home-by-develop.css">
<link rel="stylesheet" href="./asset/css/components/products-by-develop.css">
</head>
<body>
<header>
<div class="borda container header flex">
<div class="borda header__box-image">
<a href="index.html"><img class="brand" src="./asset/img/svg/logo.svg" alt="Brand AluraGeek"></a>
</div>
<div class="borda header-login__box flex">
<div class="flex">
<div id="box-search" class="borda input__container input-search__container">
<input id="search" class="borda input input-search" type="search" name="search" id="search"
placeholder="O que deseja encontar?" data-tipo="">
</div>
<div class="glass__container">
<img id="glass" class="glass" src="./asset/img/svg/magnifyingGlass.svg" alt="Search">
</div>
</div>
</div>
</div>
</header>
<main>
<section class="borda products container flex flex--column">
<div class="borda products__box-section-title flex flex--column">
<div class="borda products__box-title">
<h2 class="borda products__title">Todos os produtos</h2>
</div>
<div class="borda products__box-button">
<a href="register_product.html"><button class="button products__button"> Adicionar produto
</button></a>
</div>
</div>
<div class="borda products__box-section-itens flex flex--wrap" data-products>
</div>
</section>
</main>
<footer>
<div class="container box-info-footer flex flex--column">
<div class="borda nav-footer">
<nav class="borda nav-footer__box flex flex--column flex--center">
<div class="borda nav-footer__box-brand">
<img class="nav-footer__brand" src="./asset/img/svg/logo.svg" alt="Brand AluraGeek">
</div>
<ul class="borda nav-footer__box-itens">
<li class="nav-footer__item"><a href="#">Quem somos nós</a></li>
<li class="nav-footer__item"><a href="#">Política de privacidades</a></li>
<li class="nav-footer__item"><a href="#">Programa fidelidade</a></li>
<li class="nav-footer__item"><a href="#">Nossas lojas</a></li>
<li class="nav-footer__item"><a href="#">Quero ser franqueado</a></li>
<li class="nav-footer__item"><a href="#">Anuncie aqui</a></li>
</ul>
</nav>
</div>
<div class="borda contact">
<h2 class="borda contact__title">Fale conosco</h2>
<form class="borda contact__form flex flex--column" action="">
<fieldset>
<div class="borda contact__input-container flex flex--column">
<input id="name" name="name" class="borda shadow-input input contact__input" type="text" placeholder="Nome" data-type="name" required>
<label class="borda contact__input-label" for="name">Nome</label>
<span class="borda input-message-error">Este campo não pode estar vazio.</span>
</div>
<div class="borda contact__input-container flex flex--column">
<textarea id="text" name="text" class="borda shadow-input contact__textarea" placeholder="Escreva sua ensagem" data-type="text" required></textarea>
<label class="borda contact__textarea-label" for="text">Escreva sua mensagem</label>
<span class="borda input-message-error">Este campo não pode estar vazio.</span>
</div>
</fieldset>
<div class="borda contact__button-container">
<button class="borda button contact__button">Enviar mensagem</button>
</div>
</form>
</div>
</div>
<div class="by-develop products_by-develop flex flex--column flex--center">
<div class="borda by-develop__box">
<p class="by-develop__paragraph">Desenvolvido por Vanessa Bonfim</p>
<p class="by-develop__paragraph">2023</p>
</div>
</div>
</footer>
<script src="./validators/validator.js"></script>
<script src="./services/products-service.js"></script>
<script src="./controllers/listProducts-controller.js"></script>
<script src="./controllers/search-controller.js"></script>
</body>
<html>