-
Notifications
You must be signed in to change notification settings - Fork 0
/
queroVer.html
143 lines (133 loc) · 5.88 KB
/
queroVer.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
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
<!DOCTYPE html>
<html lang="PT">
<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">
<link rel="stylesheet" href="style.css">
<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=Raleway:wght@400;500&display=swap" rel="stylesheet">
<title>Chocolates Alura-Geek Personalizados</title>
</head>
<body>
<header>
<nav>
<div class="logo-busca">
<div class="logo"><img src="assets/logo.png" alt="logo">
<p class="logo-marrom">Doceria Chocolalura</p>
</div>
<input i type="text" placeholder="o que desejo encontrar">
</div>
<div class="login">
<form target="_blank" action="login.html">
<a href="login.html"><button type="submit">Login</button></a>
</form>
</div>
</nav>
</header>
<section class="geral-prods">
<div class="prod-titulo">
<div class="titulo">
<p>Aproveite a promoção de 33% de desconto</p>
</div>
<div class="mostrar-mais">
<p>Ver Tudo <img src="assets/seta.png" alt="seta"></p>
</div>
</div>
<section class="sessao-produtos">
<div class="prod-chocopersonalizados">
<div class="produto">
<img src="assets/personalizados/personalizado1.jpg" style="height: 133px"alt="pirulitochocolate">
<p class="descricao">Pirulitos de chocolate</p>
<p class="preco">13,40</p>
<a href="">Ver Produto</a>
</div>
</div>
<div class="prod-chocopersonalizados">
<div class="produto">
<img src="assets/personalizados/personalizado2.jpg" alt="chocolove">
<p class="descricao">Chocolates love</p>
<p class="preco">54,90</p>
<a href="">Ver Produto</a>
</div>
</div>
<div class="prod-chocopersonalizados">
<div class="produto">
<img src="assets/personalizados/personalizado3.jpg" alt="chocobrigadeirocombranco">
<p class="descricao">Brigadeiros com plaquinha personalizada</p>
<p class="preco">64,90</p>
<a href="">Ver Produto</a>
</div>
</div>
<div class="prod-chocopersonalizados">
<div class="produto">
<img src="assets/personalizados/personalizado4.jpg" alt="chocoCupcakes">
<p class="descricao">Cupcakes personalizados de Chocolate</p>
<p class="preco">44,90</p>
<a href="">Ver Produto</a>
</div>
</div>
<div class="prod-chocopersonalizados">
<div class="produto">
<img src="assets/personalizados/personalizado5.jpg" alt="bombomchocolate">
<p class="descricao">Bombom chocolate branco e preto</p>
<p class="preco">24,90</p>
<a href="">Ver Produto</a>
</div>
</div>
<div class="prod-chocopersonalizados">
<div class="produto">
<img src="assets/personalizados/personalizado6.jpg" alt="chocolatecoracao">
<p class="descricao">Chocolate coracao</p>
<p class="preco">14,90</p>
<a href="">Ver Produto</a>
</div>
</div>
</section>
<!--seção contato -->
<section class="contato">
<div class="referencia">
<div class="logo">
<img src="assets/logo.png" alt="logo">
<p class="logo-marrom">Doceria Chocolalura</p>
</div>
</div>
<div class="links-uteis">
<a href="">Quem somos nós</a><br>
<a href="">Política de Privacidade</a><br>
<a href="">Programa de fidelidade Chocólatras</a><br>
<a href="">Nossas lojas</a><br>
<a href="">Quero ser franqueado</a><br>
<a href="">Anuncie aqui</a><br>
</div>
<form class="form" action="form" method="post">
<div>
<h1>Fale Conosco</h1>
<input type="text" id="nome" placeholder="Digite o seu nome" required="required"/>
</div>
<div>
<textarea id="msg" type="text" placeholder="Escreva sua mensagem" required="required"></textarea>
</div>
<div class="button">
<button type="submit">Enviar mensagem</button>
</div>
</form>
</div>
</div>
</section>
</body>
</html>
<footer>
<p class="footer-nome">Alura Geek - Desenvolvendo as funcionalidades do e-commerce
<a href="https://www.alura.com.br/challenges/oracle-one-front-end/semana11e12-desenvolvendo-as-funcionalidades-do-e-commerce">
<p>Challenge Oracle_Alura© 2022 - by Mírian Cristina </p>
</a>
<a href="https://www.linkedin.com/in/mirian-cristina">
<img class="linke" src="assets/linkedin.png" alt="Linkedin">
</a>
<a href="https://github.com/MirianCr">
<img class = "linke" src="assets/github.png" alt="github">
</a>
</p>
</footer>