Provincia

Huércal de Almería acoge la Ruta Motera Solidaria el 15 de junio

Disfruta de una jornada festiva en familia mientras colaboras con causas solidarias en Huércal de Almería el próximo 15 de junio

Martes 27 de mayo de 2025

El próximo domingo 15 de junio de 2025, Huércal de Almería será el escenario de la Ruta Motera Solidaria, un evento que combina la pasión por las motos con una causa benéfica. La salida y llegada se realizarán en el Parque de las Familias ‘Loquilandia’, donde se desarrollará toda la jornada festiva.

Widget de Noticias RSS * { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; } body { background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%); min-height: 100vh; display: flex; justify-content: center; align-items: center; padding: 20px; } .news-widget { width: 100%; max-width: 800px; background-color: white; border-radius: 12px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); overflow: hidden; border: 1px solid #e1e5e9; } .widget-header { background: linear-gradient(135deg, #2c3e50 0%, #3498db 100%); color: white; padding: 20px; text-align: center; position: relative; } .widget-header h2 { font-size: 1.8rem; font-weight: 600; margin-bottom: 5px; } .widget-header p { opacity: 0.9; font-size: 0.95rem; } .rss-icon { position: absolute; top: 20px; right: 20px; width: 24px; height: 24px; background-color: #ff6600; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; font-size: 12px; font-weight: bold; } .news-list { padding: 0; } .news-item { display: flex; padding: 18px 20px; border-bottom: 1px solid #f0f0f0; transition: all 0.3s ease; cursor: pointer; width: 100%; } .news-item:hover { background-color: #f8fafc; transform: translateX(5px); } .news-item:last-child { border-bottom: none; } .news-number { display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; background-color: #3498db; color: white; border-radius: 50%; font-weight: bold; margin-right: 15px; flex-shrink: 0; } .news-content { flex: 1; width: calc(100% - 45px); } .news-title { font-size: 1.1rem; font-weight: 600; color: #2c3e50; margin-bottom: 5px; line-height: 1.4; width: 100%; word-wrap: break-word; } .news-date { font-size: 0.85rem; color: #7f8c8d; width: 100%; } .external-link { color: #3498db; font-size: 0.9rem; margin-top: 5px; display: inline-block; } .widget-footer { padding: 15px 20px; text-align: center; background-color: #f8fafc; border-top: 1px solid #e1e5e9; color: #7f8c8d; font-size: 0.9rem; } .loading { padding: 40px 20px; text-align: center; color: #7f8c8d; } .error { padding: 40px 20px; text-align: center; color: #e74c3c; background-color: #fdf2f2; } @media (max-width: 600px) { .news-item { flex-direction: column; } .news-number { margin-bottom: 10px; } .widget-header h2 { font-size: 1.5rem; } }

Últimas Noticias

Mantente informado con las últimas novedades

RSS
Cargando noticias...
document.addEventListener('DOMContentLoaded', function() { const rssUrl = 'https://www.noticiasdealmeria.com/rss/ultimasNoticias/'; const newsList = document.getElementById('newsList'); // Datos de ejemplo para mostrar el diseño (en caso de que el RSS no funcione) const sampleNews = [ { title: 'El Ayuntamiento anuncia nuevas medidas para mejorar el tráfico en el centro', link: '#', date: '12 de noviembre de 2025' }, { title: 'Inaugurado el nuevo parque empresarial con más de 50 empresas', link: '#', date: '11 de noviembre de 2025' }, { title: 'La Universidad presenta su plan de expansión para el próximo año', link: '#', date: '10 de noviembre de 2025' }, { title: 'Celebración del festival gastronómico con participantes internacionales', link: '#', date: '9 de noviembre de 2025' }, { title: 'Nuevo proyecto de sostenibilidad para proteger las zonas naturales', link: '#', date: '8 de noviembre de 2025' } ]; // Función para mostrar noticias de ejemplo function displaySampleNews() { newsList.innerHTML = ''; sampleNews.forEach((news, index) => { const newsItem = document.createElement('div'); newsItem.className = 'news-item'; newsItem.onclick = () => window.open(news.link, '_blank'); newsItem.innerHTML = `
${index + 1}
${news.title}
${news.date}