-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathnuestroequipo.html
145 lines (109 loc) · 5.37 KB
/
nuestroequipo.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="nuestroequipo.css" />
<link href='https://fonts.googleapis.com/css?family=Cinzel' rel='stylesheet'>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<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=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap" rel="stylesheet">
<title>Contactenos</title>
</head>
<body>
<!-- LOGO Y PANEL DE NAVEGACION -->
<div>
<header>
<div class="contenedor">
<div class="contenedor-logo">
<a href="#"><img class="logo" src="img/firma2.png"></a></div>
<nav>
<ul class="contenedor-ul">
<li><a href="index.html" class="links">Inicio</a></li>
<li><a href="nosotros.html" class="links">Nuestra Firma</a></li>
<li><a href="servicios.html" class="links">Servicios</a></li>
<li><a href="contactenos.html" class="links">Contactenos</a></li>
<li><a href="nuestroequipo.html" class="links">Nuestro Equipo</a></li>
</ul>
</nav>
</header>
</div>
<!-- <div class="banner">
<img id="bannerImage" src="" alt="Banner Image">
</div>
<script src="script.js"></script> -->
<!-- INFORMACON DE CONTACTOS -->
<article class="container-item">
<div>
<a><iframe id="ayuda-img" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3923.9831530142665!2d-75.5521849263091!3d10.422911265617667!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x8ef62f8d96c1cd2f%3A0x41692d8312ced327!2sCentro%20Hist%C3%B3rico%20de%20Cartagena!5e0!3m2!1ses!2sco!4v1718166106593!5m2!1ses!2sco" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe></a>
</div>
<div class="div-info">
<h1>CONTACTOS</h1>
<ul><a href="#"><img src="img/ubicacion.png">Cl89A-67C</a></ul>
<ul><a href="#"><img src="img/telefono1.png">3024449598</a></ul>
<ul><a href="#"><img src="img/gmail.png">[email protected]</a></ul>
</div>
<div class="final-h1">
<img src="img/firma2.png">
</div>
</article>
<!-- FIN DE INFORMACION DE CONTACTO -->
<div class="news-container">
<div class="news-slider">
<div class="news-item">
<img id="img-1" src="img/noticias1.jpg" alt="Noticia 1">
<h4>GENERAL</h4>
<p>Ángela María Buitrago es la sexta ministra de Justicia de la historia</p><br><br>
<a href="#">Ver Más</a>
</div>
<div class="news-item">
<img id="img-1" src="img/noticias2.jpg" alt="Noticia 2">
<h4>PENAL</h4>
<p>Indicios de presencia, oportunidad y móvil permitieron revocar absolución de hombre que mató a su hijastro por llorar</p><br>
<a href="#">Ver Más</a>
</div>
<div class="news-item">
<img id="img-1" src="img/noticias3.jpg" alt="Noticia 3">
<h4>ADMINISTRATIVO</h4>
<p>Caducidad para ejercer reparación directa no empieza a correr desde el momento en que se reconoce el estatus de asilado</p><br>
<a href="#">Ver Más</a>
</div>
<div class="news-item">
<img id="img-2" src="img/noticias4.jpg" alt="Noticia 4">
<h4>ADMINISTRATIVO</h4>
<p>Caducidad para ejercer reparación directa no empieza a correr desde el momento en que se reconoce el estatus de asilado</p><br><br>
<a href="#">Ver Más</a>
</div>
<div class="news-item">
<img id="img-1" src="img/juzgado.jpg" alt="juzgado">
<h4>ADMINISTRATIVO</h4>
<p>Caducidad para ejercer reparación directa no empieza a correr desde el momento en que se reconoce el estatus de asilado</p><br>
<a href="#">Ver Más</a>
</div>
</div>
</div>
<script src="scripts.js"></script>
<!-- FOOTER DE INFORMACION DE LA EMPRESA-->
<footer>
<div class="contenedor-all">
<div class="contenedor-empresa">
<h4>JURIS INVESTMENT</h4>
<a href="#" class="blog">Home</a>
│
<a href="#" class="blog">Ayuda</a>
│
<a href="#" class="blog">Contac</a>
<a>© Copyright 2020. Todos los derechos reservados. JURIS INVESTMENT</a>
</div>
<div class="contenedor-info">
<a href="#"><img src="img/firma2.png"><p></p></a>
</div>
<div class="contenedor-img">
<a href="#"><img id="redes" src="img/face.png"></a>
<a href="#"><img id="redes" src="img/insta.png"></a>
<a href="#"><img id="redes" src="img/tw.png"></a>
</div>
</div>
</footer>
</body>
</html>