Ciencia e Innovacion
Artículos de Interés
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="description" content="Artículos sobre innovación, smart cities, IA, y sostenibilidad en Granada.">
<meta name="keywords" content="inteligencia artificial, innovación, smart city, estrategia, premios, ciencia, lectura fácil">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Artículos de Interés</title>
<style>
/* Para asegurar la correcta visualización del contenido */
body {
margin: 0;
padding: 0;
font-family: Arial, sans-serif;
line-height: 1.5;
}
h1 {
text-align: center;
color: #333;
margin-top: 20px;
}
.fecha {
text-align: center;
margin-bottom: 20px;
font-style: italic;
color: #555;
}
/* Estilos para los artículos */
.articulo {
margin-bottom: 30px;
overflow: hidden; /* Asegura que el flotado no se desborde */
}
.articulo h3 {
color: #0E7BE8;
margin-bottom: 10px;
}
.articulo p {
margin-bottom: 10px;
}
.etiquetas {
margin-top: 10px;
}
.etiqueta {
background-color: #0E7BE8;
color: white;
padding: 5px;
border-radius: 4px;
margin-right: 5px;
display: inline-block;
}
/* Estilos para la barra lateral */
.barra-lateral {
background-color: #f4f4f4;
padding: 20px;
border-radius: 8px;
height: 500px; /* Ajusta la altura del panel lateral */
overflow-y: auto; /* Agrega scroll si el contenido excede la altura */
}
.barra-lateral h3 {
color: #0E7BE8;
margin-bottom: 20px;
}
.barra-lateral ul {
list-style: none;
padding: 0;
}
.barra-lateral li {
background-color: #0E7BE8;
color: white;
padding: 5px 10px;
border-radius: 4px;
margin-bottom: 10px;
}
/* Estilos para las imágenes */
.imagen-articulo {
max-width: 200px;
margin-left: 20px;
float: right;
margin-bottom: 10px;
}
/* Estilos para el enlace */
a {
text-decoration: none;
color: #008F4C;
font-weight: bold;
}
/* Reseteo de flotes */
.clearfix {
clear: both;
}
</style>
</head>
<body>
<header>
<h1>Artículos de Interés de Ciencia, Innovación y Smart City</h1>
<p class="fecha"></p>
</header>
<table style="width: 100%; border-spacing: 20px;">
<tr>
<td style="vertical-align: top; width: 25%;" class="barra-lateral">
<h3>Etiquetas</h3>
<ul>
<li>Innovación</li>
<li>Smart City</li>
<li>Estrategia</li>
<li>Inteligencia Artificial</li>
<li>Ecosistema</li>
<li>Sostenibilidad</li>
<li>Empresas Tecnológicas</li>
</ul>
</td>
<td style="vertical-align: top; width: 75%; padding: 20px;">
<!-- Artículos -->
<div class="articulo">
<h3>Plan Estratégico de Innovación y Smart City</h3>
<div style="display: block;">
<p>Lanzado en 2023, ha sido creado para transformar Granada en referente de innovación y sostenibilidad. El plan sirve como hoja de ruta para garantizar un desarrollo urbano eficiente y sostenible, alineándose con las líneas estratégicas de Innovación para el desarrollo económico generando así una Ciudad Sostenible.</p>
<img src="
https://drive.google.com/uc?id=1_6DF3ylwoUiqXM2ZmhoDOkGk6RcfgCBP" alt="Plan estratégico de Innovación y Smart City" class="imagen-articulo">
</div>
<div class="etiquetas">
<span class="etiqueta">Innovación</span>
<span class="etiqueta">Smart City</span>
<span class="etiqueta">Estrategia</span>
</div>
<a href="
https://www.granada.org/inet/innovacion.nsf/1a8b49be97221dbdc125881b00384927/45d859a1c9ad0128c1258a5f0031163f/$FILE/PLAN%20DE%20INNOVACI%C3%93N%20Y%20SMART%20CITY%20GRANADA.pdf" target="_blank">Leer más sobre el Plan Estratégico de Innovación y Smart City 2023-2027</a>
</div>
<!-- Artículo 2 -->
<div class="articulo">
<h3>Plan de Inteligencia Artificial 2023-2027</h3>
<div style="display: block;">
<p>El plan de IA ha sido creado para impulsar soluciones basadas en inteligencia artificial que mejoren los servicios públicos y optimicen los procesos administrativos, para poder crear un ecosistema dinámico fomentando la colaboración entre empresas, instituciones y la comunidad.</p>
<img src="
https://drive.google.com/uc?id=1kFWh_KcTQ2GBH1Iy0TSq-6_aWS6UxpJL" alt="Plan de Inteligencia Artificial" class="imagen-articulo">
</div>
<div class="etiquetas">
<span class="etiqueta">Inteligencia Artificial</span>
<span class="etiqueta">Ecosistema</span>
<span class="etiqueta">IFMIF-Dones</span>
</div>
<a href="
https://web.granada.org/inet/innovacion.nsf/a665e4813cfe0314c1257999003beee3/de409a275514fcbac1258b9b0025f4e1/$FILE/Plan%20estrat%C3%A9gico%20IA.pdf" target="_blank">Leer más sobre el Plan de Inteligencia Artificial</a>
</div>
<!-- Artículo 3 -->
<div class="articulo">
<h3>Greencities & S-Moving 2024</h3>
<div style="display: block;">
<p>El evento organizado por FYCMA, el ayuntamiento de Málaga y AEMETIC reunió a más de 2500 profesionales del sector de la movilidad inteligente incluyendo la participación activa del Ayuntamiento de Granada. Durante el foro se realizaron diversas reuniones con otros municipios y empresas tecnológicas con la finalidad de fortalecer iniciativas de innovación y sostenibilidad urbana.</p>
<img src="
https://drive.google.com/uc?id=1sDwQ1Jyv3u1YQn2UzfvDNg7uIcPjf-aG" alt="Evento FYCMA" class="imagen-articulo">
</div>
<div class="etiquetas">
<span class="etiqueta">Sostenibilidad</span>
<span class="etiqueta">Empresas tecnológicas</span>
<span class="etiqueta">Málaga</span>
</div>
<a href="
https://greencities.fycma.com/#edicion-24" target="_blank">Leer más sobre el evento</a>
</div>
<!-- Artículo 4 -->
<div class="articulo">
<h3>Premios Granada Ciudad de la Ciencia y la Innovación 2024</h3>
<div style="display: block;">
<p>Granada presenta los premios de la Ciencia y la Innovación, celebrados el 14 de octubre. Los galardones reconocen a jóvenes investigadores, trayectorias científicas consolidadas y el impacto de sus proyectos en el ámbito social y empresarial.</p>
<img src="
https://drive.google.com/uc?id=1Ef2ufOfdu5xo80mFWWouEYC86n83ul7U" alt="Galardonados de la V Edición" class="imagen-articulo">
</div>
<div class="etiquetas">
<span class="etiqueta">Investigación</span>
<span class="etiqueta">Premios</span>
<span class="etiqueta">V Edición</span>
</div>
<a href="
https://www.granada.org/inet/innovacion.nsf/byclave/PREMIOSCIENCIA" target="_blank">Leer más sobre los premios</a>
</div>
</td>
</tr>
</table>
<script>
function mostrarFechaActual() {
var fecha = new Date();
var dia = fecha.getDate();
var mes = fecha.getMonth() + 1;
var año = fecha.getFullYear();
var fechaFormateada = dia + '/' + (mes < 10 ? '0' : '') + mes + '/' + año;
document.querySelector('.fecha').textContent = 'Fecha de publicación: ' + fechaFormateada;
}
document.addEventListener('DOMContentLoaded', mostrarFechaActual);
</script>
</body>
</html>
