-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
226 lines (183 loc) · 11.3 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
<!DOCTYPE html>
<html class="no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="main.css">
<!-- google fonts -->
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&family=Raleway:wght@300;400;500;700;900&display=swap" rel="stylesheet">
<!-- fontawesome -->
<script src="https://kit.fontawesome.com/dbed6b6114.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
<title>News</title>
<link rel="icon" href="images/descarga.png">
</head>
<body>
<!-- header -->
<header>
<div class = "navigation-container">
<div class="top-head">
<div class="web-name" >
<h1 >News JRC </h1>
</div>
<div class = "ham-btn">
<span>
<i class = "fas fa-bars"></i>
</span>
</div>
<div class = "times-btn">
<span>
<i class = "fas fa-times"></i>
</span>
</div>
</div>
<!-- nav bar -->
<!-- <div class = "nav-bar" id = "nav-bar">
<nav>
<ul>
<li><a href = "#">home</a></li>
<li><a href = "#">current affairs</a></li>
<li><a href = "#">archive</a></li>
<li><a href = "#">featured</a></li>
<li><a href = "#">broadcast</a></li>
<li><a href = "#">category</a></li>
</ul>
</nav>
</div>-->
</div>
</header>
<section class="banner">
<div class="banner-main-content">
<h2>OBTÉN LAS ÚLTIMAS NOTICIAS TECNOLÓGICAS DEL MUNDO</h2>
<h3>El portal líder de noticias tecnológicas en el mundo</h3>
<button>
<a href="#">Saber más</a>
</button>
<div class="current-news-head">
<h3>Gafas de Apple: lo que esperamos, lo que creemos que somos <span>por Scott Stein</span></h3>
<h3>Cómo es tener el antiguo número de teléfono de Elon Musk <span>por Abrar Al-Heeti</span></h3>
<h3>Mira el momento exacto en que Chris Pratt borra accidentalmente 51,000 correos electrónicos <span>por Goel Fashingbauer</span></h3>
<h3>Richard Branson's Virgin Orbit lanzará un cohete desde el aire el domingo <span>por Eric Mack</span></h3>
</div>
</div>
<div class="banner-sub-content">
<div class="hot-topic">
<img src="images/Instagram.png" alt="">
<div class="hot-topic-content">
<h2>Instagram crea una nueva cuenta para adolescentes con restricciones y más control parental</h2>
<a href="https://www.eitb.eus/es/noticias/tecnologia/detalle/9582891/instagram-crea-nueva-cuenta-de-adolescente-con-restricciones-y-mas-control-parental/" target=”_blank”>Leer más</a>
</div>
</div>
<div class="hot-topic">
<img src="images/dig.png" alt="">
<div class="hot-topic-content">
<h2>Restablecido el servicio de Digi tras horas de problemas para hacer y recibir llamadas</h2>
<a href="https://www.eitb.eus/es/noticias/tecnologia/detalle/9576154/un-fallo-de-hardware-deja-a-muchos-usuarios-de-digi-sin-poder-realizar-ni-recibir-llamadas/ " target=”_blank”>Leer más</a>
</div>
</div>
<div class="hot-topic">
<img src="images/Perromilitar.png" alt="">
<div class="hot-topic-content">
<h2>China presenta en la conferencia de robótica de Pekín un perro robot que podría tener uso militar</h2>
<a href="https://www.eitb.eus/es/noticias/tecnologia/videos/detalle/9566641/video-china-presenta-en-conferencia-de-robotica-de-pekin-perro-robot-que-podria-tener-uso-militar/" target=”_blank”>Leer más</a>
</div>
</div>
<div class="hot-topic">
<img src="images/xiomi.png" alt="">
<div class="hot-topic-content">
<h2>Adiós a los humanos: así es la fábrica de Xiaomi con trabajadores robots abierta 24/7</h2>
<a href="https://www.eitb.eus/es/noticias/tecnologia/videos/detalle/9548455/adios-a-humanos-asi-es-fabrica-de-xiaomi-con-trabajadores-robots-abierta-247/" target=”_blank”>Leer más</a>
</div>
</div>
</div>
</section>
<main>
<section class="main-container-left">
<h2>Principales Noticias</h2>
<div class="container-top-left">
<article>
<img src="images/Camaro.png" alt="">
<div>
<h3>Mejores autos usados por menos de $20,000 para familias</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Blanditiis ea sint, nisi rem earum fugit? Facere veritatis sapiente eveniet quibusdam.</p>
<a href="#">Leer más <span>>></span></a>
</div>
</article>
</div>
<div class="container-bottom-left">
<article>
<img src="images/bottom-left-1.jpg" alt="">
<div>
<h3>Los mejores altavoces inteligentes del año</h3>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Commodi iure modi animi cupiditate. Explicabo, nihil?</p>
<a href="#">Leer más <span>>></span></a>
</div>
</article>
<article>
<img src="images/bottom-left-2.jpg" alt="">
<div>
<h3>iPad Pro, reseña: ¿Se ha convertido el iPad en mi computadora principal ahora?</h3>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Commodi iure modi animi cupiditate. Explicabo, nihil?</p>
<a href="#">Leer más <span>>></span></a>
</div>
</article>
</div>
</section>
<section class="main-container-right">
<h2>Últimas Noticias</h2>
<article>
<h4>recién llegado</h4>
<div>
<h2>El Ejército israelí mata a 492 personas y hiere a más de 1600 con intensos bombardeos en Líbano</h2>
<p>Tel Aviv ha lanzado ataques aéreos en el sur, este y noreste del país, causando numerosas víctimas, entre ellas menores y personal sanitario. Además, el Ejército israelí ha dicho haber realizado un segundo ataque de "precisión" en Beirut.</p>
<a href="https://www.eitb.eus/es/noticias/internacional/detalle/9586945/israel-advierte-a-poblacion-libanesa-que-se-aleje-de-los-edificios-usados-por-hizbula/" target=”_blank”>Leer más <span>>></span></a>
</div>
<img src="images/guera.png" alt="">
</article>
<article>
<h4>recién llegado</h4>
<div>
<h2>Israel lanza nuevos ataques contra Líbano y pide a la población libanesa que se aleje del sur del país</h2>
<p>El Ejército israelí ha confirmado este lunes los nuevos bombardeos contra el sur y el este del Líbano, y ha advertido a la población civil de ese país que se aleje de "los edificios usados por el grupo chií Hizbulá para almacenar armamento".</p>
<a href="https://www.eitb.eus/es/noticias/internacional/videos/detalle/9586981/video-israel-lanza-nuevos-ataques-contra-libano-y-pide-a-poblacion-libanesa-que-se-aleje-del-sur-del-pais/" target=”_blank”>Leer más <span>>></span></a>
</div>
<img src="images/osrael.png" alt="">
</article>
<article>
<h4>recién llegado</h4>
<div>
<h2>¿Por qué caminar? Descubre los mejores scooters eléctricos y bicicletas eléctricas para 2020</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Id, repellendus?</p>
<a href="#">Leer más <span>>></span></a>
</div>
<img src="images/right-3.jpg" alt="">
</article>
<article>
<h4>recién llegado</h4>
<div>
<h2>Caída en el recaudo de la DIAN: ¿a qué se debió esta vez?</h2>
<p>El recaudo fiscal en Colombia, a corte de agosto de 2024, muestra una disminución significativa en comparación con el mismo periodo del año anterior. Según los informes presentados por la DIAN.</p>
<a href="https://www.elespectador.com/economia/macroeconomia/caida-en-el-recaudo-de-la-dian-a-que-se-debio-esta-vez/" target="_blank">Leer más <span>>></span></a>
</div>
<img src="images/Dian.png" alt="">
</article>
<article>
<h4>recién llegado</h4>
<div>
<h2>Trabajo sí hay Bogotá: accede a 163 vacantes martes 24 de septiembre CADEManitas</h2>
<p>Las vacantes disponibles son para conductores de bus, mecánicos y operadores de patio. Asiste al SuperCADE Manitas con tu hoja de vida actualizada.</p>
<a href="https://bogota.gov.co/mi-ciudad/gestion-publica/trabajo-en-bogota-accede-163-vacantes-martes-24-de-septiembre-2024" target="_blank">Leer más <span>>></span></a>
</div>
<img src="images/trabajo-en-bogota.pnag.png" alt="">
</article>
</section>
</main>
<footer>
<p>Juanesrc © 2025 Todos los derechos reservados</p>
</footer>
<div class="firma">JUANES.R.C😀</div>
<script src="script.js" async defer></script>
</body>
</html>