-
Notifications
You must be signed in to change notification settings - Fork 3
Expand file tree
/
Copy pathacercadenosotros.html
More file actions
237 lines (225 loc) · 9.65 KB
/
Copy pathacercadenosotros.html
File metadata and controls
237 lines (225 loc) · 9.65 KB
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
<!DOCTYPE html>
<!-- <html lang="es"> -->
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel="stylesheet" href="./styles/style.css">
<link rel="stylesheet" href="./styles/acercaDeNosotros.css">
<link rel="shortcut icon" href="./assets/multimedia/icon2.svg" type="image/x-icon">
<link async href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"
integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
<script defer src="./js/modal.js"></script>
<script defer src="./js/main.js"></script>
<title>Acerca de nosotros</title>
</head>
<body>
<header>
<a href="./index.html"> <img class="logo" src="./assets/multimedia/lokl-logo.png" alt="log"/> </a>
<button class="abrir-menu" id="abrir">Abrir</button>
<nav class="nav" id="nav">
<button class="cerrar-menu" id="cerrar">Cerrar</button>
<ul class="nav-list">
<li><a href="./lugares.html">Lugares</a></li>
<li><a href="./eventos.html">Eventos</a></li>
<li><a href="./invitaciones.html">Invitaciones</a></li>
<li><a href="./miespacio.html">Mi Lok'l</a></li>
<li><a href="./login.html" class="especial2" data-bs-toggle="modal" data-bs-target="#exampleModal"><span class="color-white">Acceso</span></a></li>
<li><a href="./login.html"><i class="material-icons">logout</i></a></li>
</ul>
</nav>
</header>
<main>
<div class="imagen1">
<div class="informacion1">
<h1>Acerca de </h1>
<img src="./assets/multimedia/logo-blanco.png" id="especial" alt="logo">
<p>LOK’L es una plataforma que nació para simplificar la búsqueda de espacios ideales para cualquier evento.
</p>
<p> En un mundo donde encontrar el lugar perfecto puede ser tedioso y complicado, nos dedicamos a conectar a
anfitriones de espacios con exploradores, facilitando la localización perfecta para cada ocasión.</p>
</div>
</div>
<div id="modalContainer"></div>
<div id="modalLogin"></div>
</main>
<section>
<div class="contenedor">
<div class="item item1">1</div>
<div class="item item2">
<h1>Nuestra Misión </h1>
<p>Nuestra misión es facilitar la interacción entre una amplia variedad de espacios y clientes potenciales,
garantizando una transacción segura y una experiencia satisfactoria.</p>
</div>
<div class="item item3">
<h1>Nuestra Visión </h1>
<p>Buscamos convertirnos en el directorio líder en eventos, destacando por nuestra innovación, calidad de servicio y compromiso.</p>
</div>
<div class="item item4">4</div>
<div class="item item5">5</div>
<div class="item item6">
<h1>Nuestros Valores </h1>
<p>En LOK’L valoramos la transparencia, la colaboración con anfitriones para una oferta variada, la sostenibilidad, la calidad y la diversidad cultural.</p>
</div>
</div>
</section>
<div class="logo-equipo">
<h3 style="color: white;">Nuestro equipo:</h3>
<img src="/assets/multimedia/Devortex-logo.png">
</div>
<section class="cards">
<div class="card card1">
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<img src="./assets/Perfiles/eunice.jpeg" alt="Avatar">
</div>
<div class="flip-card-back">
<h3>Eunice Ceja Santos</h3>
<p>Ing. Mecatrónica. Desarrolladora Java Full-Stack</p>
<p>Experiencia en Automatización de edificios y sistemas de seguridad.
Soy desarrolladora web para apoyar a empresas con sus clientes y proveedores.</p>
</div>
</div>
</div>
</div>
<div class="card card3">
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<img src="./assets/Perfiles/rene.jpeg" alt="Avatar">
</div>
<div class="flip-card-back">
<h3>Rene Gomez</h3>
<p>Desarrollador Full-Stack</p>
<p>Desarrollador web apasionado por la programación, juegos de mesa y deportes. Enfocado en mejorar la experiencia en línea con tecnología innovadora.</p>
</div>
</div>
</div>
</div>
<div class="card card4">
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<img src="./assets/Perfiles/abigail.jpeg" alt="Avatar">
</div>
<div class="flip-card-back">
<h3>Abigail Martínez</h3>
<p>Desarrolladora web front-end</p>
<p>Disfruto La Fusión Entre Creatividad Y Lógica Para Abordar Problemas, Explotando Al Máximo Mi Afición Por El Aprendizaje Continuo.</p>
</div>
</div>
</div>
</div>
<div class="card card5">
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<img src="./assets/Perfiles/montse.jpeg" alt="Avatar">
</div>
<div class="flip-card-back">
<h3>Montserrat Martínez Galván</h3>
<p>Desarrolladora Java Full Stack</p>
<p>Desarrolladora Java Full Stack con formación en el bootcamp de Generation. Responsable, empática y comprometida, veo cada desafío como una oportunidad para crecer profesionalmente. </p>
</div>
</div>
</div>
</div>
<div class="card card6">
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<img src="./assets/Perfiles/karen.jpeg" alt="Avatar" >
</div>
<div class="flip-card-back">
<h3>Karen Morales</h3>
<p>Desarrolladora Web Front End</p>
<p>El mundo de la tecnología es apasionante para mí, disfruto resolviendo problemas y colaborando en distintos proyectos. </p>
</div>
</div>
</div>
</div>
<div class="card card7">
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<img src="./assets/Perfiles/baruch.jpeg" alt="Avatar">
</div>
<div class="flip-card-back">
<h3>Baruch Moreno Romero</h3>
<p>
Desarrollador y politólogo
</p>
<p>
Soy una persona determinada, comprensiva y comprometida.
Me gusta empalmar mis trabajos con toda mi pasión por las ciencias sociales y la programación.
Soy desarrollador web con amplios conocimientos en HTML, CSS y JS.
</p>
</div>
</div>
</div>
</div>
<div class="card card8">
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<img src="./assets/Perfiles/david.jpeg" alt="Avatar">
</div>
<div class="flip-card-back">
<h3>David Alberto Romero Licea</h3>
<p>Ingeniero en Sistemas</p>
<p>Desarrollador Java Jr apasionado por la programación eficiente. Comprometido con el aprendizaje continuo y la resolución de desafíos.</p>
</div>
</div>
</div>
</div>
<div class="card card9">
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<img src="./assets/Perfiles/oswaldo.jpeg" alt="Avatar">
</div>
<div class="flip-card-back">
<h3>Oswaldo</h3>
<p>Todas las areas del desarrollo, desde el maquetado en html hasta la interactividad usando javascript </p>
<p>¡Hola! Soy Oswaldo, un apasionado en la informática en constante búsqueda de conocimientos y experiencias en el fascinante mundo de la tecnología.</p>
</div>
</div>
</div>
</div>
</section>
<footer class="pie-pagina">
<div class="grupo-1">
<div class="box">
<a href="#">Volver al inicio</a><br>
<a href="contactanos.html">Contáctanos</a><br>
<a href="acercadenosotros.html" >Acerca de nosotros</a><br>
<a href="condiciones.html">Condiciones legales</a>
</div>
<div class="box">
<h2>SÍGUENOS</h2>
<div class="red-social">
<a href="https://www.instagram.com/" target=_blank class="fa"><i class="fa-brands fa-instagram"></i></a>
<a href="https://www.facebook.com/" target=_blank class="fa"><i class="fa-brands fa-facebook"></i></a>
<a href="https://www.twitter.com/" target=_blank class="fa"><i class="fa-brands fa-x-twitter"></i></a>
<a href="https://www.linkedin.com/" target=_blank class="fa"><i class="fa-brands fa-linkedin"></i></a>
</div>
</div>
<div class="box">
<figure>
<a href="#">
<img src="./assets/multimedia/logo-blanco.png" alt="Logo de SLee Dw">
</a>
</figure>
</div>
</div>
<div class="grupo-2">
<small>© 2024 <b></b> - Todos los Derechos Reservados.</small>
</div>
</footer>
</body>
</html>