-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
392 lines (391 loc) · 22.4 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
<!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">
<!-- Bootstrap -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<!-- CSS -->
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="grid">
<title>Cortés & Asociados</title>
</head>
<body>
<header class="menu-container">
<h1 class="title text-center">Cortes & Asociados</h1>
<nav class="navbar navbar-expand-lg navbar-light bn-lista">
<div class="container-fluid">
<a class="navbar-brand ms-5 text-light" href="#">Inicio</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav mx-auto">
<li class="nav-item">
<a class="nav-link active text-light" aria-current="page" href="#section-nosotros">Sobre Nosotros</a>
</li>
<li class="nav-item">
<a class="nav-link text-light" href="#section-faq">Preguntas Frecuentes</a>
</li>
<li class="nav-item">
<a class="nav-link text-light" href="#section-publicaciones">Publicaciones</a>
</li>
<li class="nav-item">
<a class="nav-link text-light" href="#section-sucursales">Nuestras Oficinas</a>
</li>
<li class="nav-item">
<a class="nav-link text-light" href="#contactanos">Contacto</a>
</li>
</ul>
</div>
</div>
</nav>
<div class="dropdown-divider"></div>
</header>
<section id="section-slider">
<div id="carouselDark" class="carousel carousel-dark slide mx-auto" data-bs-ride="carousel">
<ol class="carousel-indicators mx-auto">
<li data-bs-target="#carouselDark" data-bs-slide-to="0" class="active"></li>
<li data-bs-target="#carouselDark" data-bs-slide-to="1"></li>
<li data-bs-target="#carouselDark" data-bs-slide-to="2"></li>
<li data-bs-target="#carouselDark" data-bs-slide-to="3"></li>
</ol>
<div class="carousel-inner bn-slider mx-auto">
<div class="carousel-item active">
<img src="./src/assets/AsesoriaJuridica.jpg" class="img-fluid d-block w-100" alt="Slide 1">
<div class="carousel-caption d-none d-sm-block content-uno">
<h3>Asesoría jurídica integral</h3>
<p> Contamos con un sistema de atención primaria en donde abordamos cualquier inconveniente del cliente a
los efectos de mitigar cualquier inconveniente de urgencia, brindar una rápida respuesta y posteriormente
profundizar en el caso de cada cliente.</p>
</div>
</div>
<div class="carousel-item">
<img src="./src/assets/Profesionales-multifuero.jpg" class="img-fluid d-block w-100" alt="Slide 2">
<div class="carousel-caption d-none d-sm-block content-dos">
<h3>Profesionales Multifuero</h3>
<p>La firma Cortés & Asociados se integra de profesionales especializados en todos los fueros, capaces de
brindar la mejor atención ante cada situación.
</p>
</div>
</div>
<div class="carousel-item">
<img src="./src/assets/ejercemos.jpg" class="img-fluid d-block w-100" alt="Slide 3">
<div class="carousel-caption d-none d-sm-block content-tres">
<h3>Matriculados en todo el País</h3>
<p>Avalados por la CSJN y los Colegios de Abogados de cada provincia, nuestros profesionales se encuentran
habilitados para brindar asesoría en cualquier punto del país. </p>
</div>
</div>
<div class="carousel-item">
<img src="./src/assets/juiciosorales.jpg" class="img-fluid d-block w-100" alt="Slide 4">
<div class="carousel-caption d-none d-sm-block content-cuatro">
<h3>Desempeño en Juicios Orales</h3>
<p>Desde nuestro Departamento de Asuntos Penales, proveemos servicios de defensa integral desde el inicio de
causa hasta su defensa en Juicio oral y público, siendo el primer estudio en llevar a cabo el patrocinio
bajo la modalidad Juicio por Jurados.
También desempeñamos el rol de querellantes en un extenso número de causas penales de baja, media y alta
complejidad.</p>
</div>
</div>
</div>
<a class="carousel-control-prev" href="#carouselDark" role="button" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselDark" role="button" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</a>
</div>
<div class="dropdown-divider mb-4 mt-5"></div>
<section id="section-nosotros">
<div class="container-nosotros d-grid gap-3">
<h2 class="cabeza-nosotros">Nuestro Equipo</h2>
<div class="container">
<div class="row">
<div class="col">
<div class="img-cortes">
<img src="./src/assets/juridicagrupo1.jpg" alt="estudiojuridico" width="300px" height="auto"
class="img-fluid">
<div class="contenido-cortes-uno">
<h3 class="titu-nos">Staff Administrativo</h3>
<p>Personal Administrativo de excelencia, que aplican estrictamente un protocolo de actuación en la
atención primaria.
Contamos con sistema de pasantías remuneradas para las cuales se seleccionan a los mejores
estudiantes provenientes de todo el país.</p>
</div>
</div>
</div>
<div class="col">
<div class="img-cortes">
<img src="./src/assets/abogado3.jpg" alt="Profesionales" width="300px" height="auto" class="img-fluid">
<div class="contenido-cortes-dos">
<h3 class="titu-nos">Estanislao Cortés</h3>
<p>Titular de cátedra de Derecho Penal Económico en la Universidad de Buenos Aires. Doctor en Derecho
Penal por la Universidad de Salamanca.
Ex-Presidente de la Comisión Nacional de Valores y ex integrante del Directorio del Banco Central en
el área Legales.
</p>
</div>
</div>
</div>
<div class="col">
<div class="img-cortes">
<img src="./src/assets/juridicagrupo2.jpg" alt="estudiojuridico" width="300px" height="auto"
class="img-fluid">
<div class="contenido-cortes-tres">
<h3 class="titu-nos">Staff Legales</h3>
<p>Creyendo firmemente en el valor del trabajo en equipo, en Cortés & Asociados todo ingresante con
título intermedio habilitante cuenta con la oportunidad de llevar la Procuración de expedientes de
cada uno de los socios, dependiendo del área de agrado y especialidad.</p>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col">
<div class="img-barro">
<img src="./src/assets/abogado1.jpg" alt="Profesionales" width="300px" height="auto" class="img-fluid">
<div class="contenido">
<h3 class="titu-nos">Ana María Barroso</h3>
<p>Abogada especialista en Derecho Civil, Comercial y Concursal. Graduada de la Universidad Nacional
del Litoral,
con una Maestría en Derecho Internacional Privado de la Universidad de Salamanca.</p>
</div>
</div>
</div>
<div class="col">
<div class="img-rodri"><img src="./src/assets/abogado2.jpg" alt="Profesionales" width="300px"
height="auto" class="img-fluid">
<div class="contenido">
<h3 class="titu-nos">Carmela Rodriguez</h3>
<p>Abogada especialista en Derecho de Familia. Ex Titular del Décimo Juzgado de Familia de la
Provincia de Mendoza,
Titular de Cátedra en Derecho de Familia para la Universidad de Bologna.
</p>
</div>
</div>
</div>
<div class="col">
<div class="img-garay"><img src="./src/assets/abogado5.jpg" alt="Profesionales" width="300px"
height="auto" class="img-fluid">
<div class="contenido">
<h3 class="titu-nos">Santiago Garay</h3>
<p>Abogado especialista en Derecho Penal y Comercial. Ex Fiscal de Instrucción de la Primera
Circunscripción en Provincia de Córdoba, actual integrante
de la Comisión Evaluadora de CONEAU.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<div class="dropdown-divider mt-5 mb-4"></div>
</section>
<section id="section-faq">
<div class="faq-cabeza">
<h2 class="cabeza-preguntas">Preguntas Frecuentes</h2>
</div>
<div class="container">
<div class="row">
<div class="col">
<div class="img-faq img-fluid d-block mx-auto">
<img src="./src/assets/choque.jpg" alt="Accidentes">
<div class="faq-uno">
<h3 class="pregunta-uno">¿Atropelló a un peatón?</h3>
</div>
</div>
</div>
<div class="col">
<div class="img-faq img-fluid d-block mx-auto">
<img src="./src/assets/ladron.jpg" alt="Robo" widh>
<div class="faq-dos">
<h3 class="pregunta-dos">¿Compró un vehículo robado?</h3>
</div>
</div>
</div>
<div class="col">
<div class="img-faq img-fluid d-block mx-auto">
<img src="./src/assets/chautrago.jpg" alt="Detenido">
<div class="faq-tres">
<h3 class="pregunta-tres">¿Aprehendido por caminar ebrio?</h3>
</div>
</div>
</div>
</div>
</div>
<p>
<button class="btn btn-dark text-light img-fluid d-block mx-auto" type="button" data-bs-toggle="collapse"
data-bs-target="#collapseExample" aria-expanded="false" aria-controls="collapseExample">
¿QUÉ PUEDE HACER?
</button>
</p>
<div class="collapse mx-auto" id="collapseExample">
<div class="card card-body text-light">
Ante este tipo de urgencias, y otras de igual o mayor gravedad, recuerde las siguientes indicaciones: mantenga
la calma, respete lo dispuesto por el oficial público interviniente y contáctenos.
Contamos con líneas de atención gratuita las 24 horas 0810-222-2868 opción 1, en donde un asesor letrado lo
guiará en el inconveniente que presente
derivándolo, posteriormente, con el especialista que se encuentre en turno. Este servicio es de carácter
gratuito en caso de que decida ser representado por uno de nuestros especialistas.
</div>
</div>
</section>
<div class="dropdown-divider mt-3 mb-3"></div>
<section id="section-publicaciones">
<div class="publi-container">
<h2 class="cabeza-publi">Publicaciones</h2>
<h3 class="titu-publi text-light">Accedé a nuestra bibliografía completa abonando tu primera consulta.</h3>
</div>
<div class="card-group mx-auto">
<div class="card">
<img src="./src/assets/publi1.jpg" class="card-img-top" alt="Manual" class="img-fluid">
<div class="card-body mx-auto">
<h3 class="titu-uno">Manual de Informática Jurídica</h3>
<p class="texto-uno">Conjuntamente con la Editorial Rubiznal Culzoni, nuestra asociada Dra. Carmela Rodriguez,
lanza este Manual de III Tomos, edición 2021.</p>
<a class="bib-uno"
href="https://books.google.com.ar/books?id=cYIUJiE4HM4C&pg=PA7&dq=editorial+jur%C3%ADdica&hl=es&sa=X&ved=2ahUKEwiWnr-kyN_0AhXwrpUCHU4NDjMQ6AF6BAgJEAI#v=onepage&q=editorial%20jur%C3%ADdica&f=false"
target="_blank">https://books.google.com.ar/</a>
</div>
</div>
<div class="card">
<img src="./src/assets/publi2.jpg" class="card-img-top" alt="Revista" class="img-fluid">
<div class="card-body mx-auto">
<h3 class="titu-dos">Revista Jurídica y Ciencias Sociales</h3>
<p>La Dra. María Barroso es titular y editora del área Legales Latinoamérica de la Revista Jurídica y de
Ciencias Sociales de la Universidad de Michigan, Estados Unidos.</p>
<a class="bib-dos"
href="https://books.google.com.ar/books?id=QHw2AQAAMAAJ&dq=revista%20jur%C3%ADdica&hl=es&pg=PP1#v=onepage&q=revista%20jur%C3%ADdica&f=false"
target="_blank">https://books.google.com.ar/</a>
</div>
</div>
<div class="card">
<img src="./src/assets/publi3.jpg" class="card-img-top" alt="Bibliografia" class="img-fluid">
<div class="card-body mx-auto">
<h3 class="titu-tres">Derecho Procesal Electrónico-Práctico</h3>
<p>El Dr. Santiago Garay presenta su libro de Derecho Procesal Electrónico-Práctico, base bibliográfica de la
cátedra homónima dictada en la Universidad de Buenos Aires. </p>
<a class="bib-tres"
href="https://books.google.com.ar/books?id=dhE1EAAAQBAJ&lpg=PP1&dq=ebooks%20derecho&hl=es&pg=PP1#v=onepage&q=ebooks%20derecho&f=false"
target="_blank">https://books.google.com.ar/</a>
</div>
</div>
</div>
</section>
<div class="dropdown-divider mb-3 mt-4"></div>
<section id="section-sucursales">
<h2 class="oficina">Nuestras Oficinas</h2>
<div class="container rounded mx-auto d-block">
<div class="row row-cols-2">
<div class="col-texto text-light">
<h5 class="mza">Avenida Belgrano 130, Ciudad de Mendoza</h5>
</div>
<div class="col-texto text-light">
<h5 class="caba">Avenida Rivadavia 9133 Oficina 14, CABA</h5>
</div>
<div class="col"><iframe class="map"
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3349.96255857552!2d-68.85381488570101!3d-32.89915817681405!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x967e090ea69d9ceb%3A0x16197060700dcae0!2sAv.%20Belgrano%20130%2C%20Mendoza!5e0!3m2!1ses!2sar!4v1639228228170!5m2!1ses!2sar"
max-width="100%" max-height="100%" allowfullscreen="" loading="lazy" target="blank"></iframe></div>
<div class="col"><iframe class="map"
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d105077.00324122439!2d-58.51734523646425!3d-34.61285035187489!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x95bcc9b829983eff%3A0xc07b763163858b1b!2sEstudio%20Jur%C3%ADdico%20Bruno%20%26%20Asoc.%20%7C%20ABOGADOS!5e0!3m2!1ses!2sar!4v1639354845646!5m2!1ses!2sar"
max-width="100%" max-height="100%" allowfullscreen="" loading="lazy" target="blank"></iframe></div>
</div>
</div>
<h2 id="secundario">Asesoría Internacional</h2>
<p class="internacional mx-auto text-light">A partir de acuerdo de colaboración, está en nuestras posibilidades asesorar en
forma conjunta con McKenzie Legal, una firma de Nueva York, para el patrocinio de clientes argentinos en Estados
Unidos.
</p>
<div class="eeuu">
<iframe class="rounded mx-auto d-block" src="http://www.mckenzie-legal.com/" width="60%" title="Asesorate con Nosotros!"
frameborder="50%"></iframe>
</div>
</section>
<div class="dropdown-divider"></div>
<footer id="contactanos">
<h3 class="contacto">Contáctenos</h3>
<nav>
<table class="table table-borderless">
<thead>
<tr>
<th scope="col">#</th>
<th scope="col">Nombre</th>
<th scope="col">Correo</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">1</th>
<td>Camila Rodriguez</td>
<td>crod@estudiocortes.com.ar</td>
</tr>
<tr>
<th scope="row">2</th>
<td>Nicolas Vidal</td>
<td>nvidal@estudiocortes.com.ar</td>
</tr>
<tr>
<th scope="row">3</th>
<td>Carmen Estebanez</td>
<td>cesteb@estudiocortes.com.ar</td>
</tr>
</tbody>
</table>
<h4 class="cabeza">Nuestras redes</h4>
<div class="container-redes">
<div class="btn-group" role="group" aria-label="Basic mixed styles example">
<button type="button" class="btn btn-primary">
<a href="https://www.facebook.com/" target="blank">
<svg class="img-fluid d-block mx-auto" xmlns="http://www.w3.org/2000/svg" width="25px" height="25px"
fill="white" class="bi bi-facebook" viewBox="0 0 16 16">
<path
d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z" />
</svg>
</a>
</button>
<button type="button" class="btn btn-ig">
<a href="https://www.instagram.com/" target="blank">
<svg class="img-fluid d-block mx-auto" xmlns="http://www.w3.org/2000/svg" width="25px" height="25px"
fill="white" class="bi bi-instagram" viewBox="0 0 16 16">
<path
d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334z" />
</svg>
</a>
</button>
<button type="button" class="btn btn-info">
<a href="https://www.twitter.com/" target="blank">
<svg class="img-fluid d-block mx-auto" xmlns="http://www.w3.org/2000/svg" width="25px" height="25px"
fill="white" class="bi bi-twitter" viewBox="0 0 16 16">
<path
d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z" />
</svg>
</a>
</button>
<button type="button" class="btn btn-success">
<a href="https:/wa.me/2613638472/?text=Quiero%20contactarme" target="blank">
<svg class="img-fluid d-block mx-auto" xmlns="http://www.w3.org/2000/svg" width="25px" height="25px"
fill="white" class="bi bi-whatsapp" viewBox="0 0 16 16">
<path
d="M13.601 2.326A7.854 7.854 0 0 0 7.994 0C3.627 0 .068 3.558.064 7.926c0 1.399.366 2.76 1.057 3.965L0 16l4.204-1.102a7.933 7.933 0 0 0 3.79.965h.004c4.368 0 7.926-3.558 7.93-7.93A7.898 7.898 0 0 0 13.6 2.326zM7.994 14.521a6.573 6.573 0 0 1-3.356-.92l-.24-.144-2.494.654.666-2.433-.156-.251a6.56 6.56 0 0 1-1.007-3.505c0-3.626 2.957-6.584 6.591-6.584a6.56 6.56 0 0 1 4.66 1.931 6.557 6.557 0 0 1 1.928 4.66c-.004 3.639-2.961 6.592-6.592 6.592zm3.615-4.934c-.197-.099-1.17-.578-1.353-.646-.182-.065-.315-.099-.445.099-.133.197-.513.646-.627.775-.114.133-.232.148-.43.05-.197-.1-.836-.308-1.592-.985-.59-.525-.985-1.175-1.103-1.372-.114-.198-.011-.304.088-.403.087-.088.197-.232.296-.346.1-.114.133-.198.198-.33.065-.134.034-.248-.015-.347-.05-.099-.445-1.076-.612-1.47-.16-.389-.323-.335-.445-.34-.114-.007-.247-.007-.38-.007a.729.729 0 0 0-.529.247c-.182.198-.691.677-.691 1.654 0 .977.71 1.916.81 2.049.098.133 1.394 2.132 3.383 2.992.47.205.84.326 1.129.418.475.152.904.129 1.246.08.38-.058 1.171-.48 1.338-.943.164-.464.164-.86.114-.943-.049-.084-.182-.133-.38-.232z" />
</svg>
</a>
</button>
</div>
</div>
</nav>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p"
crossorigin="anonymous"></script>
</body>
</html>