Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- Crea una landing page en un único fichero HTML con CSS y JavaScript incluidos
- para un servicio llamado SportNews que envía diariamente una noticia
- personalizada sobre el deporte favorito del suscriptor.
- La página debe incluir:
- 1. HEADER con el nombre SportNews y el tagline "Tu noticia deportiva cada día"
- 2. HERO con:
- - Titular: "Empieza tu día con la noticia que te importa"
- - Subtítulo: "Recibe cada mañana un resumen personalizado sobre tu deporte favorito"
- - Botón CTA que haga scroll al formulario
- 3. SECCIÓN de deportes disponibles con 3 tarjetas:
- - Fútbol (icono de balón)
- - Baloncesto (icono de aro)
- - Pádel (icono de raqueta)
- Cada tarjeta con título y una línea descriptiva
- 4. FORMULARIO DE SUSCRIPCIÓN con los campos:
- - Nombre (texto, obligatorio)
- - Apellido (texto, obligatorio)
- - Deporte favorito (desplegable con exactamente estas opciones: fútbol, baloncesto, pádel)
- - Botón de envío naranja que diga "Suscribirme gratis"
- El formulario debe enviar los datos con fetch() en formato JSON mediante POST
- a esta URL: WEBHOOK_URL
- Los campos del JSON deben llamarse exactamente: nombre, email, deporte
- Si el envío es correcto: ocultar el formulario y mostrar mensaje verde
- "¡Suscripción completada! Recibirás tu primera noticia en breve."
- Si hay error: mostrar mensaje rojo "Ha habido un error. Inténtalo de nuevo."
- 5. FOOTER con "SportNews · Tu resumen deportivo personalizado · 2026"
- REQUISITOS TÉCNICOS:
- - Un único fichero .html sin ficheros externos
- - CSS en etiqueta <style> en el <head>
- - JavaScript en etiqueta <script> antes del </body>
- - Sin frameworks (no Bootstrap, no Tailwind, no React)
- - Colores: fondo oscuro #1a1a2e, acento naranja #f97316, texto blanco
- - Diseño moderno y responsive
Advertisement
