CINXE.COM

Reporte de Seguridad

<!DOCTYPE html> <html lang="es"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Reporte de Seguridad</title> <!-- Favicon --> <link rel="icon" type="image/png" href="img/logo_lima_airport.png"> <!-- Bootstrap 5 desde CDN --> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet"> <!-- Fuentes Google --> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet"> <style> /* Fondo global */ body { background-color: #17417f; height: 100vh; margin: 0; display: flex; justify-content: center; align-items: center; font-family: 'Poppins', sans-serif; opacity: 0; animation: fadeIn 1.5s ease-in-out forwards; } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } /* Contenedor principal */ .container { width: 100%; max-width: 70%; padding: 20px; background-color: white; border-radius: 10px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); text-align: center; transition: transform 0.3s ease; margin: 20px; } .container:hover { transform: scale(1.02); } h1 { font-size: 2rem; color: #333; margin-bottom: 20px; font-weight: 600; } p { font-size: 1.1rem; color: #666; margin-bottom: 20px; } a { font-size: 1.2rem; color: #007bff; text-decoration: none; font-weight: 600; transition: color 0.3s ease; } a:hover { color: #0056b3; } /* Estilo para la imagen */ .image-container img { width: 100%; height: auto; max-height: 50vh; object-fit: contain; border-radius: 8px; margin-top: 30px; } /* Media query para dispositivos peque帽os */ @media (max-width: 767px) { h1 { font-size: 1.8rem; } p { font-size: 1rem; } a { font-size: 1rem; } .container { padding: 15px; } .image-container img { max-height: 40vh; } } </style> </head> <body> <div class="container"> <h1>Estimado usuario,</h1> <p>Usted ha accedido a trav茅s de una URL antigua. Le informamos que hemos realizado una actualizaci贸n. Para acceder al reporte de seguridad, por favor ingrese al siguiente enlace:</p> <!-- URL--> <p><a href="https://www.lima-airport.com/corporativo" target="_blank">https://www.lima-airport.com/corporativo</a></p> <p>Una vez en la p谩gina, dir铆gete al pie de p谩gina y selecciona la secci贸n <strong>"Reporte de Seguridad"</strong>.</p> <p>Agradecemos tu comprensi贸n.</p> <!-- Contenedor de la imagen --> <div class="image-container"> <img src="img/reporte_seguridad.png" alt="Reporte de Seguridad" class="d-block w-100"> </div> </div> <!-- Incluir Bootstrap JS desde CDN --> <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.min.js"></script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10