-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
263 lines (252 loc) · 8.69 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
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
<!DOCTYPE html>
<html lang="pt-br">
<head>
<title>Seguros</title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="./CSS/config.css">
</head>
<body>
<header id="header">
<h1>SEGUROS</h1>
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#solucoes">Soluções</a></li>
<li><a href="#sobre">Sobre</a></li>
<li><a href="#parceiros">Parceiros</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#contato">Contato</a></li>
</ul>
</nav>
</header>
<section id="banner">
<h1>O SEGURO DAQUILO QUE IMPORTA PARA VOCÊ É FEITO AQUI</h1>
</section>
<section id="solucoes">
<h2>NOSSAS SOLUÇÕES</h2>
<p>Oferecemos seguros que atendem a diferentes perfis. Dê uma olhada nos produtos abaixo</p>
<main>
<div class="imgVertical">
<div></div>
</div>
<!-- <img src="./IMGS/vertical.jpg"> -->
<ul>
<li>
<div>
<div>
<img src="./IMGS/seguros/vida.png">
</div>
</div>
<h5>Seguro Vida</h5>
<p>Garanta a proteção econômica nos momentos mais difíceis para quem é querido para você.</p>
<button>Saiba Mais</button>
</li>
<li>
<div>
<div>
<img src="./IMGS/seguros/residencial.png">
</div>
</div>
<h5>Seguro Residencial</h5>
<p>Suporte que facilita o reparo do seu imóvel e cobre bens que foram danificados em acidentes.</p>
<button>Saiba Mais</button>
</li>
<li>
<div>
<div>
<img src="./IMGS/seguros/auto.png">
</div>
</div>
<h5>Seguro Auto</h5>
<p>Guie seu carro com mais tranquilidade ao estar protegido de eventos adversos.</p>
<button>Saiba Mais</button>
</li>
<div class="separador">
<hr>
</div>
<li>
<div>
<div>
<img src="./IMGS/seguros/bicicleta.png">
</div>
</div>
<h5>Seguro Bicicleta</h5>
<p>Fique livre de prejuízos em casos de roubos, furtos e acidentes envolvendo a sua bicicleta.</p>
<button>Saiba Mais</button>
</li>
<li>
<div>
<div>
<img src="./IMGS/seguros/previdenciaPrivada.png">
</div>
</div>
<h5>Previdência Privada</h5>
<p>Viaje com mais conforto ao ter a certeza de que terá o suporte necessário em imprevistos.</p>
<button>Saiba Mais</button>
</li>
<li>
<div>
<div>
<img src="./IMGS/seguros/celular.png">
</div>
</div>
<h5>Seguro Celular</h5>
<p>Proteja-se contra prejuízos envolvendo danos, o roubo e o furto do seu smartphone.</p>
<button>Saiba Mais</button>
</li>
</ul>
</main>
<button class="verMais">Veja todos os seguros para você</button>
</section>
<section id="depoimentos">
<h2>DEPOIMENTOS</h2>
<main>
<button class="left"></button>
<p>Sou cliente há mais de 20 anos, creio que dispensaria comentários adicionais, mas se você procura uma consultoria em seguros, profissional, áustera, sólida, confiável, honesta e competente, com precificação justa pelo serviço prestado, pode parar de procurar.</p>
<button class="right"></button>
</main>
<h5>José Paulo Gomes Junior</h5>
<h6>1/5</h6>
</section>
<section id="parceiros">
<h2>NOSSOS PARCEIROS</h2>
<ul>
<li><img src="./IMGS/parceiros/porto-seguro.png"></li>
<li><img src="./IMGS/parceiros/azul-seguros.png"></li>
<li><img src="./IMGS/parceiros/liberty-seguros.png"></li>
<li><img src="./IMGS/parceiros/allians.png"></li>
<li><img src="./IMGS/parceiros/sompo-seguros.png"></li>
</ul>
<div>
<span class="selecionado"></span>
<span></span>
<span></span>
</div>
</section>
<section id="sobre">
<div class="fundoSobre">
<h2>SOBRE NÓS</h2>
<p>Lorem Ipsum é simplesmente um texto fictício da indústria de impressão e composição. Lorem Ipsum tem sido o texto fictício padrão da indústria desde 1500, quando um impressor desconhecido pegou um modelo de impressão e embaralhou-o para fazer um livro de amostra de tipos. Ele sobreviveu não apenas cinco séculos, mas também ao salto para a composição eletrônica, permanecendo essencialmente inalterado. Ele foi popularizado na década de 1960 com o lançamento de folhas de Letraset contendo passagens de Lorem Ipsum e, mais recentemente, com software de editoração eletrônica como Aldus PageMaker incluindo versões de Lorem Ipsum.</p>
<button>Conheça mais sobre a empresa</button>
</div>
<div class="conversa">
<form method="POST" action="">
<h5>Marque agora uma conversa</h5>
<p>Está procurando pelo melhor seguro para você? Nós podemos te ajudar! Preencha o formulário abaixo e em breve falaremos com você.</p>
<div class="inputs">
<input type="text" name="nome" placeholder="Nome" class="input">
<div class="dividir">
<input type="email" name="email" placeholder="E-Mail" class="input">
<input type="text" name="whatsapp" placeholder="Whatsapp" class="input">
</div>
<input type="text" name="mensagem" placeholder="Mensagem" class="input">
<div>
<input type="submit" value="Cadastrar">
</div>
</div>
<div class="info">
<p>Se preferir, entre em contato conosco através dos números de telefone ou pelo nosso e-mail abaixo:</p>
<ul>
<li>
<img src="./IMGS/contato/whatsapp.png">
<p>+55 11 90000-000</p>
</li>
<li>
<img src="./IMGS/contato/email.png">
<p>teste@teste.com.br</p>
</li>
<li>
<img src="./IMGS/contato/local.png">
<p>Rua Teste, nº 120</p>
</li>
</ul>
</div>
</form>
</div>
</section>
<footer id="contato">
<section id="inscricao">
<h2>INSCREVA-SE EM NOSSA NEWS E RECEBA MAIS DICAS E NOTÍCIAS</h2>
<form method="POST" action="">
<div class="inputs">
<input type="text" name="nome" placeholder="Nome" class="input">
<input type="text" name="whatsapp" placeholder="Whatsapp" class="input">
<input type="email" name="email" placeholder="E-Mail" class="input">
<div>
<input type="submit" value="Enviar mensagem">
</div>
</div>
</form>
</section>
<section id="infoMais">
<div>
<ul>
<li><h5>MENU</h5></li>
<li><a href="#">Home</a></li>
<li><a href="#">Seguro para você</a></li>
<li><a href="#">Seguro para Empresas</a></li>
<li><a href="#">Outros seguros</a></li>
<li><a href="#sobre">Quem somos</a></li>
<li><a href="#parceiros">Parceiros</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#contato">Contato</a></li>
</ul>
<ul>
<li><h5>PARA VOCÊ</h5></li>
<li><a href="#">Previdência Privada</a></li>
<li><a href="#">Capitalização</a></li>
<li><a href="#">Seguro Auto</a></li>
<li><a href="#">Seguro Bike</a></li>
<li><a href="#">Seguro Celular</a></li>
<li><a href="#">Seguro Fiança Locatícia</a></li>
<li><a href="#">Seguro Moto</a></li>
<li><a href="#">Seguro Náutico</a></li>
<li><a href="#">Segura Obras e Reformas</a></li>
<li><a href="#">Seguro Portáteis</a></li>
<li><a href="#">Seguro RC Profissional</a></li>
</ul>
<ul>
<li><h5>PARA EMPRESA</h5></li>
<li><a href="#">Consultoria Empresarial</a></li>
<li><a href="#">Seguro Empresarial</a></li>
<li><a href="#">Seguro Eventos</a></li>
<li><a href="#">Seguro Frota de Veículos</a></li>
<li><a href="#">Seguro Garantia</a></li>
<li><a href="#">Seguro Responsabilidade Civil</a></li>
<li><a href="#">Seguro Riscos Diversos</a></li>
<li><a href="#">Seguro Riscos de Engenharia</a></li>
<li><a href="#">Seguro Saúde Empresarial</a></li>
<li><a href="#">Vida Empresarial</a></li>
<li><a href="#">Seguro Odontológico</a></li>
</ul>
<ul>
<li><h5>OUTROS SEGUROS</h5></li>
<li><a href="#">Seguro para Associações</a></li>
<li><a href="#">Seguro Condomínio </a></li>
<li><a href="#">Seguro Saúde para Pet</a></li>
</ul>
<ul>
<li><h5>CONTATO</h5></li>
<li>Entre em contato através dos<br>telefones abaixo e tire suas<br>dúvidas. Será um prazer falar<br>com você!</li><br>
<li>
<img src="./IMGS/contato/whatsapp.png">
<p>+55 11 90000-000</p>
</li>
<li style="margin: 10px 0px">teste@teste.com</li>
<li>
<button><img src="./IMGS/contato/facebook.png"></button>
<button><img src="./IMGS/contato/linkedin.png"></button>
<button><img src="./IMGS/contato/instagram.png"></button>
<button><img src="./IMGS/contato/email.png"></button>
</li>
</ul>
</div>
</section>
<section id="mapa"></section>
<section id="copy">
<button>Gostou? Crie seu site com a Tupiniquim</button>
<p>© 2021 NOMMINAL. Todos os direitos reservados. Desenvolvimento de sites <a href="#">Agência Tupiniqui</a></p>
</section>
</footer>
</body>
</html>