forked from lyordens/Trabajo-Integrador-Grupo-1
-
Notifications
You must be signed in to change notification settings - Fork 0
/
productos.html
161 lines (156 loc) · 12.9 KB
/
productos.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
<!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">
<!-- ===============================================-->
<!-- Titulo del documento-->
<!-- ===============================================-->
<title>Seguros de cobertura Nacional</title>
<!-- ===============================================-->
<!-- Favicons-->
<!-- ===============================================-->
<link rel="apple-touch-icon" sizes="57x57" href="assets/imagenes/favicons/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="assets/imagenes/favicons/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="assets/imagenes/favicons/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="assets/imagenes/favicons/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="assets/imagenes/favicons/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="assets/imagenes/favicons/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="assets/imagenes/favicons/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="assets/imagenes/favicons/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="assets/imagenes/favicons/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="assets/imagenes/favicons/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="assets/imagenes/favicons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="assets/imagenes/favicons/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="assets/imagenes/favicons/favicon-16x16.png">
<link rel="manifest" href="assets/imagenes/favicons/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
<!-- ===============================================-->
<!-- Stylesheets-->
<!-- ===============================================-->
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
<link href="assets/css/theme.min.css" rel="stylesheet" />
<link href="assets/css/style.css" rel="stylesheet" />
</head>
<body>
<!-- ===============================================-->
<!-- Contenido principal-->
<!-- ===============================================-->
<main class="main" id="top">
<nav class="navbar navbar-expand-lg navbar-light fixed-top py-3" data-navbar-on-scroll="data-navbar-on-scroll">
<div class="logo">
<img src="Logo.png" alt="Logo jl seguros" width="100" height="60">
</div>
<div class="container"><a class="navbar-brand" href="index.html"><span class="text-primary fs-3 ms-2 fw-bolder"></span><span class="fw-thin text-300 fs-3">Seguros</span></a><button class="navbar-toggler collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse pt-4 pt-lg-0" id="navbarSupportedContent">
<p class="mb-0 ms-auto text-light fs-0 fw-normal"><i class="fas fa-phone-alt me-2"></i>LLAME YA <a class="text-light" href="tel:0810-222-2000">0810-222-2000</a></p>
<ul class="navbar-nav ms-auto border-bottom border-lg-bottom-0 pt-2 pt-lg-0">
<li class="nav-item px-2"><a class="nav-link" aria-current="page" href="index.html">Inicio</a></li>
<li class="nav-item px-2"><a class="nav-link active" href="productos.html">Productos</a></li>
<li class="nav-item px-2"><a class="nav-link" aria-current="page" href="nosotros.html">Nosotros</a></li>
<li class="nav-item px-2"><a class="nav-link" aria-current="page" href="#">Contacto</a></li>
</ul>
</div>
</div>
</nav>
<section id="productos">
<!--/.bg-holder-->
<div class="container-lg">
<div class="row flex-center py-8 py-md-10">
<div class="col-12 mt-6">
<div class="d-flex align-items-start">
<div class="nav flex-column nav-tab" id="nav-tab" role="tablist" aria-orientation="vertical"><a class="circle-hover-wrapper nav-link mb-lg-4 active" id="nav-car-tab" href="#!" data-bs-toggle="tab" data-bs-target="#nav-car" role="tab" aria-controls="nav-car" aria-selected="true">
<div class="icon-box"><img class="car-insurance-icon" src="assets/imagenes/iconos/car.png" alt="..." /><img class="car-insurance-icon car-insurance-icon-hover" src="assets/imagenes/iconos/car-hover.png" alt="..." /></div>
</a><a class="circle-hover-wrapper nav-link mb-lg-4" id="nav-home-tab" href="#!" data-bs-toggle="tab" data-bs-target="#nav-home" role="tab" aria-controls="nav-home" aria-selected="false">
<div class="icon-box"><img class="car-insurance-icon" src="assets/imagenes/iconos/home.png" alt="..." /><img class="car-insurance-icon car-insurance-icon-hover" src="assets/imagenes/iconos/home-hover.png" alt="..." /></div>
</a><a class="circle-hover-wrapper nav-link mb-lg-4" id="nav-paw-tab" href="#!" data-bs-toggle="tab" data-bs-target="#nav-paw" role="tab" aria-controls="nav-paw" aria-selected="false">
<div class="icon-box"><img class="car-insurance-icon" src="assets/imagenes/iconos/paw.png" alt="..." /><img class="car-insurance-icon car-insurance-icon-hover" src="assets/imagenes/iconos/paw-hover.png" alt="..." /></div>
</a><a class="circle-hover-wrapper nav-link mb-lg-4" id="nav-plane-tab" href="#!" data-bs-toggle="tab" data-bs-target="#nav-plane" role="tab" aria-controls="nav-plane" aria-selected="false">
<div class="icon-box"><img class="car-insurance-icon" src="assets/imagenes/iconos/plane.png" alt="..." /><img class="car-insurance-icon car-insurance-icon-hover" src="assets/imagenes/iconos/plane-hover.png" alt="..." /></div>
</a></div>
<div class="tab-content w-100" id="nav-tabContent">
<div class="tab-pane fade show active" id="nav-car" role="tabpanel" aria-labelledby="nav-car-tab">
<div class="row align-items-center offset-sm-1 g-3">
<div class="col-md-6 col-xl-4 order-1 order-md-0">
<h2 class="text-light mb-md-5">Seguros para el Automovil</h2>
<p class="text-400">Contrate un seguro para los imprevistos de la vida. Protegemos sus activos más preciados, lo que le permite dedicar su tiempo y energía a las cosas más esenciales de la vida.</p>
<p class="text-400 mt-3">Descubre el seguro más apropiado para ti y tu Familia.</p><a class="btn btn-primary btn-ensurance mt-5" href="#!"><span class="fas fa-chevron-right fa-xs btn-icon"></span><span class="btn-text">Informece más</span></a>
</div>
<div class="col-md-6 col-xl-8 text-end">
<div class="img-shape"><img class="feature-img" src="assets/imagenes/galeria/automovil.png" alt="..." /></div>
</div>
</div>
</div>
<div class="tab-pane fade" id="nav-home" role="tabpanel" aria-labelledby="nav-home-tab">
<div class="row align-items-center offset-sm-1 g-3">
<div class="col-md-6 col-xl-4 order-1 order-md-0">
<h2 class="text-light mb-md-5">Seguros para el Hogar</h2>
<p class="text-400">Contrate un seguro para los imprevistos de la vida. Protegemos sus activos más preciados, lo que le permite dedicar su tiempo y energía a las cosas más esenciales de la vida.</p>
<p class="text-400 mt-3">Descubre el seguro más apropiado para ti y tu Familia.</p><a class="btn btn-primary btn-ensurance mt-5" href="#!"><span class="fas fa-chevron-right fa-xs btn-icon"></span><span class="btn-text">Informece más</span></a>
</div>
<div class="col-md-6 col-xl-8 text-end">
<div class="img-shape"><img class="feature-img" src="assets/imagenes/galeria/hogar.png" alt="..." /></div>
</div>
</div>
</div>
<div class="tab-pane fade" id="nav-paw" role="tabpanel" aria-labelledby="nav-paw-tab">
<div class="row align-items-center offset-sm-1 g-3">
<div class="col-md-6 col-xl-4 order-1 order-md-0">
<h2 class="text-light mb-md-5">Seguros para las mascotas</h2>
<p class="text-400">Contrate un seguro para los imprevistos de la vida. Protegemos sus activos más preciados, lo que le permite dedicar su tiempo y energía a las cosas más esenciales de la vida.</p>
<p class="text-400 mt-3">Descubre el seguro más apropiado para ti y tu Familia.</p><a class="btn btn-primary btn-ensurance mt-5" href="#!"><span class="fas fa-chevron-right fa-xs btn-icon"></span><span class="btn-text">Informece más</span></a>
</div>
<div class="col-md-6 col-xl-8 text-end">
<div class="img-shape"><img class="feature-img" src="assets/imagenes/galeria/mascotas.png" alt="..." /></div>
</div>
</div>
</div>
<div class="tab-pane fade" id="nav-plane" role="tabpanel" aria-labelledby="nav-plane-tab">
<div class="row align-items-center offset-sm-1 g-3">
<div class="col-md-6 col-xl-4 order-1 order-md-0">
<h2 class="text-light mb-md-5">Seguro de viaje</h2>
<p class="text-400">Contrate un seguro para los imprevistos de la vida. Protegemos sus activos más preciados, lo que le permite dedicar su tiempo y energía a las cosas más esenciales de la vida.</p>
<p class="text-400 mt-3">Descubre el seguro más apropiado para ti y tu Familia.</p><a class="btn btn-primary btn-ensurance mt-5" href="#!"><span class="fas fa-chevron-right fa-xs btn-icon"></span><span class="btn-text">Informece más</span></a>
</div>
<div class="col-md-6 col-xl-8 text-end">
<div class="img-shape"><img class="feature-img" src="assets/imagenes/galeria/vacaciones.png" alt="..." /></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- ============================================-->
<!-- <section> begin ============================-->
<section class="py-0 bg-black">
<div class="container">
<div class="row justify-content-md-between justify-content-evenly py-4">
<div class="col-12 col-sm-8 col-md-6 col-lg-auto text-center text-md-start">
<p class="fs--1 my-2 fw-light text-200">Todos los derechos Reservados ©<img src="Logo.png" alt="Logo jl seguros" width="20" height="20"> Seguros, 2023</p>
</div>
<div class="col-12 col-sm-8 col-md-6">
<p class="fs--1 fw-light my-2 text-center text-md-end text-200"> Hecho con <svg class="bi bi-suit-heart-fill" xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="#F95C19" viewBox="0 0 16 16">
<path d="M4 1c2.21 0 4 1.755 4 3.92C8 2.755 9.79 1 12 1s4 1.755 4 3.92c0 3.263-3.234 4.414-7.608 9.608a.513.513 0 0 1-.784 0C3.234 9.334 0 8.183 0 4.92 0 2.755 1.79 1 4 1z"></path>
</svg> por <a class="fw-bold text-primary" href="https://github.com/lyordens/Trabajo-Integrador-Grupo-1" target="_blank">Equipo 1</a></p>
</div>
</div>
</div><!-- end of .container-->
</section><!-- <section> close ============================-->
<!-- ============================================-->
</main><!-- ===============================================-->
<!-- End of Main Content-->
<!-- ===============================================-->
<!-- ===============================================-->
<!-- JavaScripts-->
<!-- ===============================================-->
<script src="vendors/bootstrap/bootstrap.min.js"></script>
<script src="assets/css/style.css"></script>
<script src="assets/css/theme.min.css"></script>
</body>
</html>