-
Notifications
You must be signed in to change notification settings - Fork 2
/
nosotros.html
181 lines (174 loc) · 13.4 KB
/
nosotros.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
<!DOCTYPE html>
<html lang="en">
<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>Nosotros</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" href="productos.html">Productos</a></li>
<li class="nav-item px-2"><a class="nav-link active" href="#">Nosotros</a></li>
<li class="nav-item px-2"><a class="nav-link" href="contacto.html">Contacto</a></li>
</ul>
</div>
</div>
</nav>
<!-- ============================================-->
<!-- <section> begin ============================-->
<section class="py-8">
<div class="container-fluid px-0">
<div class="row g-0">
<div class="col-12 col-xxl-11 offset-xxl-1">
<h2 class="text-light text-center">Presentación Grupo 1</h2>
<div class="carousel slide" id="carouselExampleIndicators" data-bs-ride="carouse">
<div class="carousel-inner ps-md-5 ps-lg-11 py-4 py-md-5 py-lg-4 pb-lg-9">
<div class="carousel-item active">
<div class="row h-100">
<div class="col-12">
<div class="card testimonial-bg card-span text-white mt-10 mt-md-7 mt-lg-8 mx-4 mx-md-0">
<div class="card-body pt-0 p-md-0">
<div class="d-flex flex-column flex-md-row align-items-center">
<div class="card-span-img">
<div class="circle-wrapper"><img class="rounded-circle w-100" src="assets/imagenes/nosotros/javier salguero.jpeg" alt="" /></div>
</div>
<div class="mt-n6 mt-md-0 text-center text-md-start px-md-6 px-xl-8 px-xxl-10">
<h4 class="mb-0 fw-medium text-white">Javier Salguero </h4>
<p class="fw-normal mb-0 text-primary">Estudiante de DESARROLLADOR WEB INICIAL, en UTN - Argentina Programa 4.0.</p>
<p class="card-text text-200 mt-3">“Hola soy Javier, tengo 41 años. Actualmente resido en Mar del Plata, provincia de Buenos Aires. Está es mi primera pagina web, aunque siempre me interesó aprender programación y a utilizar el sistema operativo Linux. El cual hoy en dia, lo utilizó como sistema operativo principal. Probé varias distrobuciones: MX Linux, Debian, AntiX, Fedora, pero actualmente utilizó Manjaro.”</p>
<a href="mailto:alsalguero82@gmail.com ">E-mail:alsalguero82@gmail.com </a><br>
<a href="https://api.whatsapp.com/send?phone=2267525293&text=Hola,%20¿cómo%20estás%3F">Enviame un mensaje de WhatsApp</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="row h-100">
<div class="col-12">
<div class="card testimonial-bg card-span text-white mt-10 mt-md-7 mt-lg-8 mx-4 mx-md-0">
<div class="card-body pt-0 p-md-0">
<div class="d-flex flex-column flex-md-row align-items-center">
<div class="card-span-img">
<div class="circle-wrapper"><img class="rounded-circle w-100" src="assets/imagenes/nosotros/Diego llorden.jpg" alt="" /></div>
</div>
<div class="mt-n6 mt-md-0 text-center text-md-start px-md-6 px-xl-8 px-xxl-10">
<h4 class="mb-0 fw-medium text-white">Diego llorden</h4>
<p class="fw-normal mb-0 text-primary">Estudiante de DESARROLLADOR WEB INICIAL, en UTN - Argentina Programa 4.0.</p>
<p class="card-text text-200 mt-3">“Hola mi nombre es Diego, Soy instalador de sistemas de seguridad electronica”</p>
<a href="mailto:@gmail.com ">E-mail:dllorden@hotmail.com </a><br>
<a href="https://api.whatsapp.com/send?phone=3516003347&text=Hola,%20¿cómo%20estás%3F">Enviame un mensaje de WhatsApp</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="row h-100">
<div class="col-12">
<div class="card testimonial-bg card-span text-white mt-10 mt-md-7 mt-lg-8 mx-4 mx-md-0">
<div class="card-body pt-0 p-md-0">
<div class="d-flex flex-column flex-md-row align-items-center">
<div class="card-span-img">
<div class="circle-wrapper"><img class="rounded-circle w-100" src="assets/imagenes/nosotros/Jorge Luna.jpeg" alt="" /></div>
</div>
<div class="mt-n6 mt-md-0 text-center text-md-start px-md-6 px-xl-8 px-xxl-10">
<h4 class="mb-0 fw-medium text-white">Jorge Luna</h4>
<p class="fw-normal mb-0 text-primary">Productor asesor de seguros matricula: 98771</p>
<p class="card-text text-200 mt-3">“Hola, mi nombre es Jorge. Soy Productor asesor de Seguros y actualmente resido en la ciudad de Córdoba. Tengo 37 años, Celeste es mi pareja y juntos tenemos 1 hijo de 5 años.
Me apasiona la tecnologia y disfruto pasar tiempo con mi familia. En mi tiempo libre, me gusta conocer nuevos lugares.
Espero tener la oportunidad de conocerlos mejor y de aprender de ustedes también. ¡Gracias por su tiempo y atención!”</p>
<a href="mailto:jorgelunapas@gmail.com.ar ">E-mail:jorgelunapas@gmail.com.ar </a><br>
<a href="https://api.whatsapp.com/send?phone=3516003347&text=Hola,%20¿cómo%20estás%3F">Enviame un mensaje de WhatsApp</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row justify-content-center justify-content-xl-end me-auto mt-xl-n7 pe-xl-8">
<div class="col-2 text-end position-relative z-index-2"><button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="prev"><span class="carousel-control-prev-icon" aria-hidden="true"></span><span class="visually-hidden">Previous</span></button><button class="carousel-control-next" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="next"><span class="carousel-control-next-icon" aria-hidden="true"></span><span class="visually-hidden">Next</span></button>
<div class="carousel-indicators"><button class="active" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="0" aria-current="true" aria-label="Slide 1"></button><button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="1" aria-label="Slide 2"></button><button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="2" aria-label="Slide 3"> </button></div>
</div>
</div>
</div>
</div>
</div>
</div><!-- end of .container-->
</section><!-- <section> close ============================-->
<!-- ============================================-->
<!-- <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>
<footer>