CINXE.COM
P谩gina con Imagen de Fondo
<!DOCTYPE html> <html lang="es"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>P谩gina con Imagen de Fondo</title> <style> @font-face { font-family: 'FC BARCELONA'; src: url('https://fcb-cdn-global.interactvty.net/web_access_block/FCBARCELONA-Semibold.otf') format('opentype'); } /* Establece el estilo del cuerpo para a帽adir la imagen de fondo */ body, html { height: 100%; margin: 0; font-family: 'FC BARCELONA', Arial, sans-serif; } /* Asegura que la imagen de fondo cubra toda la p谩gina */ .bg { background-image: url('https://fcb-cdn-global.interactvty.net/web_access_block/images/fondo.png'); height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; } /* Centra el contenido en la p谩gina */ .contenido-centrado { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; color: white; } /* Ajustes para la imagen del t铆tulo */ .imagen-titulo { width: 80%; max-width: 300px; /* Ajusta este valor seg煤n necesites */ } /* Estilos para el bot贸n */ .boton-rojo { background-color: red; color: white; padding: 10px 20px; margin: 20px 0; /* Espacio arriba y abajo del bot贸n */ border: none; cursor: pointer; text-decoration: none; /* Remueve el subrayado del texto */ font-size: 16px; } p { font-size: 26px; } </style> </head> <body> <div class="bg"> <div class="contenido-centrado"> <img src="https://fcb-cdn-global.interactvty.net/web_access_block/images/titulo.png" alt="T铆tulo" class="imagen-titulo"> <p>Currently, Bar莽a One is not available in your territory. Do you want to be informed about the launch of FC Barcelona's new official and free streaming platform?</p> <br/> <a href="https://frmforms.fcbarcelona.com/barca-one-ott-pais-eng" class="boton-rojo">Contact</a> </div> </div> </body> </html>