-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcar.html
186 lines (186 loc) · 9.62 KB
/
car.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
<!DOCTYPE html>
<html lang="es">
<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" />
<title>Cotizador - Dante Zulli</title>
<link
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM"
crossorigin="anonymous"
/>
<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=Encode+Sans:wght@100;200;300;400;500;600;700;800;900&display=swap"
rel="stylesheet"
/>
<link rel="stylesheet" href="assets/css/styles.css" />
<link rel="stylesheet" href="assets/css/car.css" />
<link rel="stylesheet" href="assets/css/faq.css" />
<link rel="stylesheet" href="assets/css/form-stepper.css" />
<link rel="stylesheet" href="assets/css/cards.css" />
<link rel="stylesheet" href="assets/css/mobile.css" />
</head>
<body>
<header>
<nav class="navbar navbar-expand-lg navbar-dark fixed-top">
<div class="container-fluid">
<a class="navbar-brand" href="index.html">
<img
src="https://www.nicepng.com/png/full/962-9623564_icon-companies-big-white-graphic-design.png"
alt="Logo"
width="24"
height="24"
class="d-inline-block align-text-top"
/>
Nombre Empresa
</a>
<button
class="navbar-toggler"
type="button"
data-bs-toggle="collapse"
data-bs-target="#navbarText"
aria-controls="navbarText"
aria-expanded="false"
aria-label="Toggle navigation"
>
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarText">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link" href="index.html">Menú</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="car.html#menu">Auto</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Moto</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Hogar</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Accidentes Personales</a>
</li>
</ul>
<span class="navbar-text"> 0800.222.3344 </span>
</div>
</div>
</nav>
</header>
<main>
<div class="container-fluid" id="content"></div>
<div class="container">
<div class="accordion left-slide" id="accordionExample">
<h1 class="text-center text-lg-start">Preguntas frecuentes</h1>
<div class="accordion-item">
<h2 class="accordion-header">
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
¿Debo llenar el formulario completo?
</button>
</h2>
<div id="collapseOne" class="accordion-collapse collapse show" data-bs-parent="#accordionExample">
<div class="accordion-body">
<strong>Si</strong> Lorem ipsum, dolor sit amet consectetur adipisicing elit. Accusamus eveniet iusto at quaerat ducimus labore quibusdam, asperiores eaque laudantium ullam consequuntur, hic, voluptatum quasi. Expedita similique doloremque maxime soluta temporibus ab? Ratione inventore quasi dicta voluptas soluta, quo, incidunt laborum ex repellat vero maxime, error exercitationem porro iusto aspernatur omnis.
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
¿Puedo cotizar sin completar el formulario?
</button>
</h2>
<div id="collapseTwo" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
<div class="accordion-body">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Doloremque fugiat accusantium ex iste sed quas repellendus labore aliquid molestiae necessitatibus sit nam totam excepturi laborum, sunt illo odio, vel quibusdam dignissimos! Vel labore facilis nemo sit? Magni doloribus vitae distinctio officia eveniet veritatis cumque accusamus optio consectetur iste totam ea facilis eos, ipsum dolore numquam? Ad eum, inventore aspernatur magni in blanditiis facere odit explicabo, qui mollitia, nihil incidunt eligendi velit accusantium. Dignissimos fuga rem explicabo a veritatis repudiandae dolorum, illum expedita. Reprehenderit quasi officia harum cum dolores voluptatem voluptatum nam quas libero et exercitationem numquam, quibusdam adipisci! Incidunt, illum.
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
¿Podría tener un descuento?
</button>
</h2>
<div id="collapseThree" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
<div class="accordion-body">
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ratione dolorem nulla ad quo laborum esse facilis officiis, corrupti alias! Ipsum, quam voluptatum rem temporibus beatae ea nihil laudantium odio quas cumque. Similique nobis animi inventore, consectetur deleniti non pariatur tempore corporis eius iste. Facilis quaerat magnam veniam nam a ad!
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFour" aria-expanded="false" aria-controls="collapseThree">
¿Su cobertura es nacional?
</button>
</h2>
<div id="collapseFour" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
<div class="accordion-body">
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ratione dolorem nulla ad quo laborum esse facilis officiis, corrupti alias! Ipsum, quam voluptatum rem temporibus beatae ea nihil laudantium odio quas cumque. Similique nobis animi inventore, Lorem, ipsum dolor sit amet consectetur adipisicing elit. Dolor voluptate fugit ducimus quo alias laboriosam exercitationem voluptatibus natus eaque quos? nsectetur deleniti non pariatur tempore corporis eius iste. Facilis quaerat magnam veniam nam a ad!
</div>
</div>
</div>
</div>
</div>
</main>
<footer class="text-center text-lg-start text-white">
<div class="container-fluid p-4 pb-0">
<div class="row">
<div class="col-md-3 col-lg-3 col-xl-3 mx-auto">
<p>
La compañia de seguros dispone de un Servicio de Atención al
asegurado que atenderá las consultas y reclamos que presenten los
tomadores de seguros, asegurados, beneficiarios y/o
derechohabientes
</p>
<p>
En caso de que el reclamo no haya sido resuelto o que haya sido
denegada su admisión o desestimado, total o parcialmente, podrá
comunicarse con la Superintendencia de Seguros de la Nacion por
teléfono al 0800 666 8400, correo electrónico [email protected]
o por formulario web
</p>
</div>
<hr class="w-100 clearfix d-md-none" />
<div class="col-md-3 col-lg-2 col-xl-2 mx-auto">
<p>N° de inscripción en SSN: 499</p>
<p>Atención al asegurado: 0800-666-8400</p>
<p>Organismo de Control</p>
<p>www.argentina.gob.ar/ssn</p>
</div>
<hr class="w-100 clearfix d-md-none" />
<div class="col-md-4 col-lg-3 col-xl-3 mx-auto">
<p><i class="fas fa-home mr-3"></i> Calle Falsa 123</p>
<p>
<i class="fas fa-globe-americas mr-3"></i> (01020) Springfield,
Massachusetts
</p>
<p><i class="fas fa-phone mr-3"></i> 0810-999-9999</p>
</div>
</div>
</div>
</footer>
<script
src="https://kit.fontawesome.com/74a364be93.js"
crossorigin="anonymous"
></script>
<script
src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-geWF76RCwLtnZ8qwWowPQNguL3RmwHVBC9FhGdlKrxdiJJigb/j/68SIy3Te4Bkz"
crossorigin="anonymous"
></script>
<script src="assets/js/side-card.js"></script>
<script src="assets/js/animations.js"></script>
<!-- VANILLA SPA :D -->
<script src="assets/js/app.js"></script>
<script src="assets/js/menu.js"></script>
<script src="assets/js/price.js"></script>
<script src="assets/js/form.js"></script>
<script src="assets/js/confirmation.js"></script>
</body>
</html>