-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
428 lines (371 loc) · 20.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
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
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="imagem/" type="image/x-icon">
<link rel="shortcut icon" href="imagem/coelho.png" type="image/x-icon">
<!-- Arquico CSS -->
<link rel="stylesheet" href="estilo.css">
<!-- Arquivo JavaScript-->
<script src="script.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4"
crossorigin="anonymous"></script>
<!-- Font Awesome-->
<script src="https://kit.fontawesome.com/67af3ae26b.js" crossorigin="anonymous"></script>
<!-- Bootstrap -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4"
crossorigin="anonymous"></script>
<title>Consórcios LTDA</title>
</head>
<body>
<!--Menu-->
<nav class="navbar navbar-expand-lg fixed-top navbarScroll">
<div class="container">
<div class="teste3">
<img class="img-1" src="imagem/shy.png" alt="logo da empresa" width="140px" height="65px">
</div>
<div>
<ul class="menu">
<li class="nav-item active">
<a class="nav-link" href="#inicio">Início</a>
</li>
<li>
<a class="nav-link" href="#sobre">Sobre Nós</a>
</li>
<li class="produtos">
<a class="nav-link" href="#produtos">Produtos</a>
<ul class="testando">
<li><a href="">Consórcio de Imóveis</a></li>
<li><a href="">Consórcio de Veículos</a></li>
<li><a href="">Consórcio de serviços</a></li>
<li><a href="">Seguros</a></li>
</ul>
</li>
<!--<li class="nav-item active">
<a href="#depoimentos">Depoimentos</a>
</li>-->
<li class="nav-item active">
<a href="#contato">Contato</a>
</li>
<button id="btnAdicionar" class="botao">Área do cliente</button>
<div id="modalAdicionar" class="modal" tabindex="-1">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Faça seu login no sistema!</h5>
<button type="button" id="btnAdicionarClose" class="btn-close"></button>
</div>
<div class="modal-body">
<form id="formCreate">
<div class="mb-1">
<label for="userCreate" class="form-label">Seu Usuário:</label>
<input type="text" class="form-control" id="userCreate" placeholder="CPF">
</div>
<div class="mb-1">
<label for="senhaCreate" class="form-label">Senha</label>
<input type="password" class="form-control" id="senhaCreate">
</div>
<div class="text-end">
<button id="btnAdicionarSalvar" type="submit"
class="btn btn-login mt-3">Login</button>
</div>
<div class="centralizar-texto">
<h5 class="modal-title">Ainda não é nosso cliente? Venha sonhar com a gente!
</h5>
</div>
<div class="text-end">
<button id="btnAdicionarSalvar" type="submit"
class="btn btn-cadastro mt-3">Cadastro de Cliente</button>
</div>
</form>
</div>
</div>
</div>
</div>
<div id="overlay" style="
position: fixed;
height: 100%;
width: 100%;
top: 0;
left: 0;
background-color: rgb(0, 0, 0, 0.5);
display: none;
">
</div>
</ul>
</div>
</div>
</nav>
<!--Banner-->
<section class="bgimage" id="inicio">
<div class="container-fluid">
<div class="row">
<div class="glass overlay">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 heroText">
<h1 class="heroTitle">Consórcio LTDA</h1>
<p class="heroDesc">Realize os seus sonhos conosco!</p>
</div>
</div>
</div>
</div>
</section>
<section class="estiloCons">
<div class="container mt-4 pt-4">
<h2 class="text-center mb-4">Você sabe como funciona um consórcio?</h2>
<div class="row">
<div class="col-lg-6">
<div class="see">
<h2 class="text-right">Consórcio...</h2>
<p>
Um consórcio é um modelo de financiamento colaborativo em que um grupo de
pessoas se une com o objetivo comum de adquirir um bem ou serviço.
Esse grupo é administrado por uma empresa especializada chamada
administradora de consórcios. O consórcio é uma alternativa ao financiamento
tradicional, como empréstimos bancários ou financiamentos diretos,
e é comumente utilizado para aquisição de bens de alto valor, como
automóveis, imóveis, eletrodomésticos, entre outros.
<p><strong>
E sempre vem aquela pergunta...Quais seriam as vantagens de se usar um consórcio?
</strong></p>
</p>
</div>
</div>
<div class="col-lg-6">
<p>
<strong>Aqui três principais vantagens de entrar nessa conosco.</strong> <br><br>
<div class="att"><strong>
1. Sem Juros
</strong>:
Ao contrário de financiamentos tradicionais, os consórcios não cobram juros sobre o valor
financiado.
<br>
<strong>
2. Planejamento Financeiro:
</strong>
Os consórcios permitem um planejamento financeiro mais eficiente, pois os participantes conhecem
antecipadamente o valor das parcelas mensais.
<br>
<strong>
3. Flexibilidade de Uso:
</strong>
A carta de crédito obtida ao ser contemplado no consórcio pode ser utilizada para adquirir o bem
ou serviço desejado, proporcionando flexibilidade ao consorciado.
<br></div>
Ao considerar um consórcio, é essencial analisar cuidadosamente os termos do contrato, as taxas
envolvidas e as condições específicas da administradora escolhida.
</p>
</div>
</div>
</div>
</section>
<!-- About Section -->
<section id="sobre" class="estiloSobre">
<div class="container mt-4 pt-4">
<h2 class="text-center">Sobre a nossa empresa.</h2>
<div class="row mt-4">
<!-- Imagem Sobre a Empresa-->
<div class="col-lg-4">
<img src="imagem/oxe.png" alt="foto funcionários" class="aboutImage">
</div>
<!--Informações Sobre a Empresa-->
<div class="col-lg-8">
<p>
Temos como principal objetivo oferecer uma alternativa acessível e flexível aos
nossos clientes que desejam realizar aquisição de bens ou serviços desejados.
Gostaríamos de proporcionar aos nossos participantes a oportunidade de adquirir e viver seus
próprios sonhos da melhor forma.
</p>
<p>
Buscamos estabelecer uma relação sólida com nossos clientes, baseada na ética, na
responsabilidade e na honestidade. Temos objetivo de proporcionar uma jornada financeira segura
e eficiente,
garantindo que os participantes atinjam seus sonhos e metas de vida de maneira sustentável.
</p>
<!-- Parágrafo +infos-->
<div class="row-mt-3">
<p>
Há quase dez anos no mercado, fundada em 2014, a Consórcios LTDA tenta e consegue fazer o
melhor sempre.
Premiada em 2020 como a empresa com o melhor atendimento ao cliente e em 2022 como uma das
melhores no ramo de consórcios.
A Consórcios LTDA é o que você procura, venha fazer parte de algo único.
</p>
<p>Confira abaixo o nosso relatório de vendas!</p>
</div> <a href="agenda.html"><button class="botao2">Relatório de Vendas</button></a>
</div>
</div>
</div>
</section>
<section id="produtos">
<div class="container mt-3">
<h2 class="text-center mb-4">O que temos a oferecer aos nossos clientes:</h2>
<div class="row">
<div class="col-lg-6">
<div class="card">
<img class="card-img-top" src="imagem/casa.jpg" alt="Card Estante" style="width: 100%">
<div class="cardBody">
<h3 class="cardTitle">Consórcio de Imóveis</h3>
<p class="cardText text-center">
Casa nova. Reforma. Empreender. Aumentar seu patrimônio. Realize seu sonho com a
modalidade de investimento mais vantajosa do mercado.
Com o consórcio de imóveis, as vantagens para sair do aluguel, planejar a reforma da
casa, a compra do terreno e ter um lugar para chamar de seu são infinitas.
</p>
<div class="text-center mb-3">
<a href="portfolio/Estante/estante.html" target="_blank">Contrate Aqui</a>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="card">
<img class="card-img-top" src="imagem/carro.jpg" alt="Card Locadora" style="width: 100%">
<div class="cardBody">
<h3 class="cardTitle">Consórcio de Veículos</h3>
<p class="cardText text-center">
O consórcio de automóvel é um investimento muito seguro pra compra do carro novo,
seminovo ou usado,
sem burocracia,
juros altos e oscilantes e o valor alto de entrada.
Planejamento do seu jeito. Escolha a marca, o modelo e os detalhes de acordo com seu
orçamento,
além de todos os requisitos pra abrir o coração e a garagem pra mais um sonho.
</p>
<div class="text-center mb-3">
<a href="portfolio/Locadora/index.html" target="_blank">Contrate Aqui</a>
</div>
</div>
</div>
</div>
</div>
<div class="row mt-4">
<div class="col-lg-6">
<div class="card">
<img class="card-img-top" src="imagem/serviços.jpg" alt="Card Mario" style="width: 100%">
<div class="cardBody">
<h3 class="cardTitle">Consórcio de Serviços</h3>
<p class="cardText text-center">
Sonhos saindo da gaveta em 3, 2, 1… E a lista é infinita: a festa de aniversário do
filho,
ou a sua, de formatura, o casamento dos sonhos, cursos para alavancar seu currículo
(dentro e fora do país), cirurgias estéticas, decorar a casa, a viagem daquela lista de
10 coisas fazer antes de... e as opções não param por aí.
Há diversas opções e contratar diversos serviços nunca ficou tão fácil com a modalidade
de consórcio de serviços.
</p>
<div class="text-center mb-3">
<a href="" target="_blank">Contrate Aqui</a>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="card">
<img class="card-img-top" src="imagem/seguro.jpg" alt="Card Locadora" style="width: 100%">
<div class="cardBody">
<h3 class="cardTitle">Seguros</h3>
<p class="cardText text-center">
Foque em seu negócio e tenha mais tranquilidade com sua operação
Com os nossos seguros, você conta com soluções
exclusivas pra atender as necessidades específicas do seu negócio.
Mantenha seus veículos protegidos com monitoramento e rastreamento.
Cuide da segurança de sua vida e da vida de quem você ama.
Segurança nunca é demais e podemos ofercer a você o melhor serviço nesse ramo.
</p>
<div class="text-center mb-3">
<a href="" target="_blank">Contrate Aqui</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="contato" class="contatoEstilo">
<div class="container mt-3 mb-3 contactContent">
<h2 class="text-center mb-4">Ficou com alguma dúvida? Fale conosco</h2>
<div class="row mt-4">
<div class="col-lg-6">
<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3840.597673962792!2d-47.88327949039847!3d-15.719490684847539!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x935a394da98ccaf7%3A0xa1d7d73615838ee!2sUniversidade%20do%20Distrito%20Federal%20Professor%20Jorge%20Amaury%20Maia%20Nunes!5e0!3m2!1spt-BR!2sbr!4v1702002519911!5m2!1spt-BR!2sbr"
width="550" height="450" style="border:0;" allowfullscreen="" loading="lazy"
referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
<div class="col-lg-6">
<div class="row">
<div class="col-lg-6">
<div class="card servicesText">
<div class="cardBody">
<i class="fa-solid fa-mobile contactIcon mt-3"></i>
<h3>Atendimentos</h3>
<p>Consórcios e seguros: <br> 0800 201 1212</p>
<p>Benefícios: <br> comercialempresaltda@national.com</p>
<p>Para deficientes auditivos ou de fala: <br> 0800 222 1111</p>
<p>Agências físicas? À esquerda você pode achar o nosso escritório mais perto de
você.
</p>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="card servicesText">
<div class="cardBody">
<i class="fa-solid fa-envelope contactIcon mt-3"></i>
<h3>Outros</h3>
<p>Negociação de dívidas <br>
Consórcio: 0800 444 4545 <br>
Banco: 0800 333 3535 <br>
Varejo: 0800 777 7575 <br></p>
<p>Horários de atendimentos: <br> Segunda à sexta - 09h00 às 18h00</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer class="text-center text-white">
<div class="container p-4 pb-0">
<div class="row mt-4 mb-4">
<div class="col-lg-3">
<a href="https://github.com/httplex" target="_blank"><i
class="fa-brands fa-github-alt footerIcon"></i></a>
</div>
<div class="col-lg-3">
<a href="https://www.linkedin.com/in/alexsilvatec/" target="_blank"><i
class="fa-brands fa-linkedin footerIcon"></i></a>
</div>
<div class="col-lg-3">
<a href="https://www.facebook.com/profile.php?id=100007392827113&mibextid=2JQ9oc" target="_blank"><i
class="fa-brands fa-facebook footerIcon"></i></a>
</div>
<div class="col-lg-3">
<a href="https://www.twitch.tv/execlyanny" target="_blank"><i
class="fa-brands fa-twitch footerIcon"></i></a>
</div>
</div>
</div>
<div class="text-center p-3 footerDev">
<p>Desenvolvido por Alex Silva</p>
</div>
</footer>
<script>
const btnAdicionar = document.getElementById('btnAdicionar')
const btnAdicionarClose = document.getElementById('btnAdicionarClose')
function toogleModal(modal) {
const isAparente = modal.style.display === 'block'
modal.style.display = isAparente ? 'none' : 'block'
overlay.style.display = isAparente ? 'none' : 'block'
}
btnAdicionar.addEventListener('click', () => toogleModal(modalAdicionar))
btnAdicionarClose.addEventListener('click', () => toogleModal(modalAdicionar))
</script>
</body>
</html>