Provincia

Roquetas de Mar acogerá la II edición de Youth Supercup y Supercup Femenino

Jueves 11 de abril de 2024
El torneo, que se celebrará del 7 al 9 de junio, supondrá el desplazamiento de más de 4.000 personas que acompañarán a los participantes durante su estancia en el municipio

Roquetas de Mar acogerá el próximo 7 al 9 de junio la II edición de Youth Supercup y Roquetas Supercup Femenino. Se trata de un torneo organizado por la Escuela Municipal de Fútbol de Roquetas de Mar en colaboración con la empresa internacional Youth Cup en el que participarán 70 clubes de toda España con sus diferentes categorías.

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}