Provincia

Roquetas de Mar acoge el Festival Sunwaves con 50 artistas

Participarán más de 50 artistas del 12 al 16 de septiembre

Sábado 31 de agosto de 2024

Roquetas de Mar está preparando ya el entorno en la zona de Las Salinas donde del 12 al 16 de septiembre se celebrará el Sunwaves Fest, un evento que reunirá a los Djs más destacados del panorama mundial en un espacio espectacular. Desde el Ayuntamiento de Roquetas de Mar están trabajando para garantizar la seguridad y comodidad de todos los asistentes al Festival Sunwaves, incluyendo la adecuación de aparcamientos adyacentes al recinto ubicado en la zona de las Salinas.

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}