-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
195 lines (175 loc) · 6.81 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
189
190
191
192
193
194
195
<!DOCTYPE html>
<html lang="pt-br">
<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="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Lora&family=Montserrat:wght@400;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="assets/css/style.css" />
<title>BikeWi</title>
</head>
<body>
<header class="header">
<div class="header-flex header-container">
<a class="header-logo" href="#">BikeWi</a>
<nav class="header-menu">
<ul class="header-lista">
<li><a href="#bicicletas">Bicicletas</a></li>
<li><a href="#garantia">Garantia</a></li>
<li><a href="#contatos">Contatos</a></li>
</ul>
</nav>
</div>
</header>
<main>
<section aria-label="banner" class="banner">
<div class="container">
<div class="banner-principal">
<div class="banner-imagem">
<img
src="assets/img/bikepreta3.jpg"
alt="bicicleta de corrida na cor preta"
/>
</div>
<div class="banner-contexto">
<h1 class="titulos" >Bicicletas na medida certa para você.</h1>
<p>
Explore o mundo com bicicletas elétricas de qualidade e
precisão, todas as bicicletas são feita sobre medida.
</p>
<a class="botao" href="">Explorar mais</a>
</div>
</div>
</div>
</section>
<section aria-label="tecnologia" class="tecnologia">
<div class="tecnologia-principal">
<div class="tecnologia-descricao">
<h3>Tecnologia de ponta</h3>
<h2 class="titulos">As cores e componentes é você que escolhe.</h2>
<p>A personalização das cores fica a gosto do cliente, cada BikeWi é única e possui sua cara.
Garantindo mairo conforto e ergonomia no dia a dia as medidas são exatas para seu corpo e altura.
</p>
<div class="tecnologia-modelo">
<h3>Escolha um modelo</h3>
<ul>
<li>
<h4>Motor Elétrico</h4>
<p>BikeWi e equipada com um motor elétrico que possui duração de até 100h.
A bateria carrega sozinha quando você aciona o modo pedalar.
</p>
</li>
<li>
<h4>Garantia Tecnologica</h4>
<P>
Essa tecnologia tem rastreador e função
anti-furto que quando acionado ela aciona o policia na mesma hora e envia um mapa do rastreio,
além de diminuir a velocidade até trava-la.
</P>
</li>
</ul>
</div>
</div>
<div>
<img src="assets/img/variosmodelos.jpg" alt="a parte de traseira da bicicleta" class="tecnologia-bike">
</div>
</div>
</section>
<section aria-label="Escolha sua bicicleta" class="escolha container">
<h2 class="escolha-bicicleta titulos">Escolha sua bicicleta.</h2>
<ul class="escolha-lista">
<li>
<a href="">
<img src="assets/img/bike2.jpg" alt="bicicleta">
<h3>Bike Supreme</h3>
<span>R$ 6999</span>
</a>
</li>
<li>
<a href="">
<img src="assets/img/bikepreta.jpg" alt="bicicleta">
<h3>Bike Confort</h3>
<span>R$ 4999</span>
</a>
</li>
<li>
<a href="">
<img src="assets/img/bike3.jpg" alt="bicicleta">
<h3>Bike Stantard</h3>
<span>R$ 3999</span>
</a>
</li>
</ul>
</section>
<section aria-label="depoimento" class="depoimento">
<div>
<img src="assets/img/beatriz-bike.jpg" alt="beatriz andando de bicicleta">
</div>
<div class="depoimento-descricao">
<blockquote>
<p> Há todos que amam pedalar a BikeWi intensificou o amor por esse esporte produzindo qualidade e
conforto para mim, pedalar sempre foi minha alegria.</p>
</blockquote>
<span>María Alejandra</span>
</div>
</section>
<section class="garantia">
<div class="garantia-personalizada container">
<h2 class="titulos">Garantia Personalizada.</h2>
<div class="garantia-lista">
<h3>Diamante</h3>
<span>R$ 800 <span>Anual</span></span>
<ul>
<li>Uma trocas por ano</li>
<li>Assistência técnica</li>
<li>Suporte em horario comercial</li>
<li>Cobertura Municipio e região metropolitana</li>
</ul>
<a class="botao-diamante" href="">Inscreva-se</a>
</div>
<div class="garantia-lista">
<h3>Platinum</h3>
<span>R$ 1300 <span>Anual</span></span>
<ul>
<li>Três trocas por ano</li>
<li>Assistência técnica</li>
<li>Suporte 24 horas</li>
<li>Cobertura Nacional</li>
<li>Desconto nas lojas parceiras</li>
<li>Acesso a eventos da BikeWi</li>
<li>BikeWi Club</li>
</ul>
<a class="botao-platinum" href="">Inscreva-se</a>
</div>
</div>
</section>
</main>
<footer>
<div class="footer-container container">
<div class="footer-personalizado">
<a href="" class="footer-logo">BikeWi</a>
<div class="footer-contato">
<h3>Contato</h3>
<span>+55 41 99999-9999</span>
<span>contato@bikewi.com</span>
<span>Rua bicicletis, 42 - Londrina</span>
<span>Paraná - PR</span>
</div>
<div class="footer-informacoes">
<nav class="footer-menu">
<h3>Informações</h3>
<ul class="footer-lista">
<li><a href="#bicicletas">Bicicletas</a></li>
<li><a href="#garantia">Garantia</a></li>
<li><a href="#contatos">Contatos</a></li>
</ul>
</nav>
</div>
</div>
<p>Todos direitos reservados a BikeWi</p>
</div>
</footer>
</body>
</html>