Isaac_Aracena
61 lines
1.7 KiB
HTML
61 lines
1.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>GLM - Ruleta</title>
|
|
<link rel="stylesheet" href="style.css">
|
|
</head>
|
|
<body>
|
|
<!-- Banners en las posiciones 1, 2, 3 y 4 -->
|
|
<a href="https://promo.gomezleemarketing.com/" target="_blank" class="banner banner-1"></a>
|
|
<div class="banner banner-2"></div>
|
|
<div class="banner banner-3"></div>
|
|
<div class="banner banner-4"></div>
|
|
|
|
<!-- Contenido principal -->
|
|
<div class="content">
|
|
<h1></h1>
|
|
<div class="game">
|
|
<img id="ruleta" src="img/ruleta.png"/>
|
|
<img id="puntero" src="img/puntero.png"/>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Botón de pantalla completa -->
|
|
<div class="fullscreen-btn" id="fullscreen-btn"></div>
|
|
|
|
<!-- Mensaje de orientaci¨®n vertical -->
|
|
<div class="landscape-message">
|
|
Por favor, gira tu dispositivo para ver el contenido en horizontal.
|
|
</div>
|
|
|
|
|
|
<!-- Pop-up modal -->
|
|
<div id="popup-modal" class="popup-modal">
|
|
<div class="popup-content">
|
|
<h2>Favor de ingresar su PIN</h2>
|
|
<form id="user-form">
|
|
<label for="user-name">PIN:</label>
|
|
<input type="text" id="user-name" name="user-name" required>
|
|
|
|
<button type="submit">Continuar</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Nuevo popup modal de agradecimiento -->
|
|
<div id="thank-you-modal" class="popup-modal" style="display: none;">
|
|
<div class="popup-content">
|
|
<h2 id="thank-you-message"></h2>
|
|
<p id="thank-you-details"></p>
|
|
<button id="redirect-button">Ir al formulario</button>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<!-- Script -->
|
|
<script src="https://cdn.jsdelivr.net/npm/canvas-confetti@1.5.1/dist/confetti.browser.min.js"></script>
|
|
<script src="script.js"></script>
|
|
</body>
|
|
</html>
|