-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
188 lines (186 loc) · 11.3 KB
/
index.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
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta http-equiv="refresh" content="10000">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Game Mania</title>
<meta name="description" content="Site e-commerce Game Mania" />
<meta name="keywords" content="gamer, jogos, monitor, computador" />
<meta author="" content="Brener Pittner" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="css/style.css">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous" defer></script>
<script src="js/jquery.js" defer></script>
<script src="js/script.js" defer></script>
<link rel="shortcut icon" type="imagex/png" href="./img/logo.ico">
</head>
<body style="background-color: white">
<header class="container-header d-flex justify-content-end align-items-center">
<a href="index.html"><img class="logo" src="img/GAME MANIA_white.png" alt="Logo do site Game Mania"></a>
<nav id="menu" class="menu">
<a href="#" target="_self" title="Vai para página de Lançamentos">Lançamentos</a>
<a href="#" target="_self" title="Vai para página de Sobre">Sobre</a>
<a href="./workform.html" target="_self" title="Vai para página de Contato">Contato</a>
<a href="./login.html" target="_self" title="Vai para página de Login">Login</a>
</nav>
<!--Menu de barras-->
<!-- <a id="menubar" onclick="mostrarMenu()"><img class="menubar" src="img/menu.png" alt="menu do site Game Mania"></a> -->
<!--Menu de barras Jquey-->
<a id="menubar"><img class="menubar" src="img/menu.png" alt="menu do site Game Mania"></a>
</header>
<section> <!-- BANNER -->
<div class="container-banner d-flex justify-content-around align-content-center">
<div id="carousel" class="container-img img-1" alt="imagem do banner"></div>
<div class="container-text flex_column_between">
<p>mais de<br />
<span class="text_span">3 MIL</span><br />
entregas todos os meses</p>
<p>mais de<br />
<span class="text_span">20 MIL</span><br />
equipamentos para você !</p>
<p>Entrega para todo o território nacional</p>
</div>
<div class="flex_column_evenly"><img class="watermark" src="img/watermark.png" alt="imagem do watermark"></div>
</div>
</section>
<section> <!-- Fabricantes -->
<div class="container-fab">
<div class="d-flex justify-content-around flex-wrap">
<img src="img/fab/dell.png" alt="imagem do dell">
<img src="img/fab/intel.png" alt="imagem do intel">
<img src="img/fab/logotipo-ibm.jpg" alt="imagem do ibm">
<img src="img/fab/amd.png" alt="imagem do amd">
<img src="img/fab/nvidia-removebg-preview.png" alt="imagem do nvidia" style="height: 100px; mix-blend-mode: normal">
</div>
</div>
</section>
<section> <!-- Promoções -->
<div class="container_promo d-flex justify-content-around flex-wrap">
<div class="container_menu_sec flex_column_between">
<a href="#" class="button_menu_sec">PC Gamer</a>
<a href="#" class="button_menu_sec">Notebooks</a>
<a href="#" class="button_menu_sec">jogos</a>
<a href="#" class="button_menu_sec">Teclado/Mouse</a>
<a href="#" class="button_menu_sec">Headsets</a>
<a href="#" class="button_menu_sec">Monitores</a>
<a href="#" class="button_menu_sec">Acessórios</a>
</div>
<div class="flex_column_evenly container-itens">
<div class="flex_center"><img class="img" src="img/equipamentos/pc montado/pc.jpg" alt="pc"></div>
<a href="#" class="tit">Pc completo gamer i9-7700k</a>
<a href="#" class="desc">Pc gamer Completo I9 7º geração GTX 1650 4GB 32GB RAM DDR3 HD 1TB SSD 480GB Fonte 750w Monitor 27 Pol ...</a>
<a href="#" class="desc_link flex_center">Ver detalhes do produto</a>
<a href="#" class="desc price_olde">R$ 11.199,90</a>
<a href="#" class="tit">R$ 8.899,90</a>
<a href="#" class="button-send">Comprar</a>
</div>
<div class="flex_column_evenly container-itens">
<div class="flex_center"><img class="img" src="img/equipamentos/headsets/headset.jpg" alt="pc"></div>
<a href="#" class="tit">Headset Arctis Pro RGB 7.1</a>
<a href="#" class="desc">Envolva-se com um som poderoso enquanto joga com o atual fone de ouvido sem fio SteelSeries Arctis 9X ...</a>
<a href="#" class="desc_link flex_center">Ver detalhes do produto</a>
<a href="#" class="desc price_olde">R$ 2.199,90</a>
<a href="#" class="tit">R$ 1.899,90</a>
<a href="#" class="button-send">Comprar</a>
</div>
<div class="flex_column_evenly container-itens">
<div class="flex_center"><img class="img" src="img/equipamentos/keyboards/teclado.png" alt="pc"></div>
<a href="#" class="tit">Teclado Dell Alienware RGB</a>
<a href="#" class="desc">Feito para proporcionar o melhor desempenho. Repleto de recursos e com belíssimo design ...</a>
<a href="#" class="desc_link flex_center">Ver detalhes do produto</a>
<a href="#" class="desc price_olde">R$ 1.499,90</a>
<a href="#" class="tit">R$ 1.299,90</a>
<a href="#" class="button-send">Comprar</a>
</div>
</div>
</section>
<section> <!-- About -->
<div class="container_about flex_evenly">
<div class="font_about flex_column_evenly">
<p>Nossa missão<br />
Inspirar e valorizar a paixão pela tecnologia, jogos, conteúdos, entretenimento<br />
e inovação, causando uma emoção inédita, criando experiências e prazeres.</p>
<p>Nossa visão<br />
Ampliar o público-alvo e as nossas ações no mundo gamer e tecnológico.</p>
<p>Nossos valores<br />
Ética, inovação, respeito aos clientes e à lei.</p>
</div>
<div class="flex_column_evenly"><img class="watermark" src="img/watermark.png" alt="imagem do watermark"></div>
</div>
</section>
<footer> <!-- Footer -->
<div class="container_footer d-flex justify-content-around flex-wrap">
<div class="container_column">
<div>
<p>Atendimento</p>
<p class="desc">avenida Brasil, 45 - SP<br />
[email protected]<br />
+55 (11) 3999-8999<br />
atendimento seg. sex. 8:00-18:00</p>
</div>
</div>
<div class="container_column">
<div>
<p>Redes Sociais</p>
<div>
<img class="social" src="img/social/facebook.png" alt="imagem do facebook">
<img class="social" src="img/social/instagram.png" alt="imagem do instagram">
<img class="social" src="img/social/youtube.png" alt="imagem do youtube">
</div>
</div>
<div>
<form action="" class="">
<br />
<p>NewsLetter</p>
<p class="desc">cadastre=se para receber novidades!<br />
<input id="campo-email" type="email" placeholder="E-mail" required class="input-NewsLetter">
<button onclick="cadastrarNewsLetter()" class="button-NewsLetter">Cadastrar</button>
</form>
</div>
</div>
<div class="container_column">
<div>
<p>Formas de pagamento</p>
<div>
<img class="flags" src="img/flags/pag_pd_peqcartaohiper.webp" alt="imagem do pag_pd_peqcartaohiper">
<img class="flags" src="img/flags/pag_peqamextraycheckout.webp" alt="imagem do pag_peqamextraycheckout">
<img class="flags" src="img/flags/pag_peqbase.webp" alt="imagem do pag_peqbase">
<img class="flags" src="img/flags/pag_peqboletotraycheckout.webp" alt="imagem do pag_peqboletotraycheckout">
<img class="flags" src="img/flags/pag_peqcartaohiperit.webp" alt="imagem do pag_peqcartaohiperit">
<img class="flags" src="img/flags/pag_peqcartavisatraycheckout.webp" alt="imagem do pag_peqcartavisatraycheckout">
</div>
<div>
<img class="flags" src="img/flags/pag_peqdinerstraycheckout.webp" alt="imagem do pag_peqdinerstraycheckout">
<img class="flags" src="img/flags/pag_peqelotraycheckout.webp" alt="imagem do pag_peqelotraycheckout">
<img class="flags" src="img/flags/pag_peqitaushoplinetraycheckout.webp" alt="imagem do pag_peqitaushoplinetraycheckout">
<img class="flags" src="img/flags/pag_peqmastercardtraycheckout.webp" alt="imagem do pag_peqmastercardtraycheckout">
<img class="flags" src="img/flags/pag_peqmercadopago.webp" alt="imagem do pag_peqmercadopago">
<img class="flags" src="img/flags/pag_peqpaypal.webp" alt="imagem do pag_peqpaypal">
</div>
<div>
<img class="flags" src="img/flags/pag_peqtransfbbtraycheckout.webp" alt="imagem do pag_peqtransfbbtraycheckout">
<img class="flags" src="img/flags/pag_peqtransfbradescotraycheckout.webp" alt="imagem do pag_peqtransfbradescotraycheckout">
</div>
</div>
<div>
<p>Aplicativos de celular</p>
<div>
<img class="apps" src="img/appstore/android.svg" alt="imagem do android">
<img class="apps" src="img/appstore/ios.svg" alt="imagem do ios">
</div>
<div>
<img class="apps" src="img/appstore/AppGallery.svg" alt="imagem do AppGallery">
</div>
</div>
</div>
</div>
<div class="container_copyright text_copyright font_about flex_center">
<p>Copyright 2022 © Todos os direitos reservados.<br />
O conteúdo do site não pode ser editado, copiado ou distribuído sem expressa autorização.</p>
</div>
</footer>
</body>
</html>