mirror of
https://github.com/marcogll/soul23_placeholder_site_server.git
synced 2026-01-13 13:25:18 +00:00
144 lines
4.3 KiB
HTML
144 lines
4.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="es">
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
<meta http-equiv="x-ua-compatible" content="ie=edge">
|
|
<title>Soul:23 | Hello there</title>
|
|
|
|
<script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
|
|
|
|
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css">
|
|
<link href="css/bootstrap.min.css" rel="stylesheet">
|
|
<link href="css/mdb.min.css" rel="stylesheet">
|
|
<link href="css/style.css" rel="stylesheet">
|
|
<link href="https://fonts.googleapis.com/css?family=Barlow" rel="stylesheet">
|
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<br>
|
|
<br>
|
|
<br>
|
|
<div class="container mt-5">
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<center>
|
|
<img src="img/logo_2.svg" class="mr-3" style="max-width: 250px; height: auto; display: block;">
|
|
</center>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="container mt-5">
|
|
<div class="row justify-content-center" id="countdown-timer" data-date="November 11, 2027 11:11:11">
|
|
<div class="col-md-2 col-lg-1 col-4 mb-2 mb-md-0 timer-box pt-4 pb-4 mr-2">
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<div class="timer-box-num" name="days">666</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<div class="timer-box-text">Días</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-2 col-lg-1 col-4 mb-2 mb-md-0 timer-box pt-4 pb-4 mr-2">
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<div class="timer-box-num" name="hours">66</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<div class="timer-box-text">Horas</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-2 col-lg-1 col-4 timer-box pt-4 pb-4 mr-2">
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<div class="timer-box-num" name="minutes">66</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<div class="timer-box-text">Minutos</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-2 col-lg-1 col-4 timer-box pt-4 pb-4 mr-2">
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<div class="timer-box-num" name="seconds">66</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<div class="timer-box-text">Segundos</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<br>
|
|
<div class="container mt-5">
|
|
<div class="row">
|
|
<div class="col-12 content">
|
|
<center>
|
|
<h4>Próximamente. Suscríbete para recibir notificaciones de actualizaciones futuras.</h4>
|
|
</center>
|
|
</div>
|
|
</div>
|
|
<form class="text-center" id="notifs-form">
|
|
<div class="row justify-content-center">
|
|
<div class="col-md-4 col-10">
|
|
<input type="text" class="form-control mb-2 text-center" id="notifs-form-name" placeholder="Nombre">
|
|
<input type="tel" class="form-control mb-2 text-center" id="notifs-form-phone" aria-describedby="phoneHelp"
|
|
placeholder="Teléfono">
|
|
<button type="button" class="btn btn-dark btn-block" id="notifs-form-btn">¡Te avisamos!</button>
|
|
</div>
|
|
</div>
|
|
<label class="notified-label"></label>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<br>
|
|
<br>
|
|
<br>
|
|
<br>
|
|
|
|
<!--
|
|
<footer class="text-center page-footer">
|
|
<div class="pb-4 pt-4">
|
|
<a href="#" target="_blank">
|
|
<i class="fab fa-facebook-f mr-3 social-icon"></i>
|
|
</a>
|
|
|
|
<a href="#" target="_blank">
|
|
<i class="fab fa-twitter mr-3 social-icon"></i>
|
|
</a>
|
|
|
|
<a href="#" target="_blank">
|
|
<i class="fab fa-instagram mr-3 social-icon"></i>
|
|
</a>
|
|
|
|
<a href="#" target="_blank">
|
|
<i class="fab fa-snapchat mr-3 social-icon"></i>
|
|
</a>
|
|
</div>
|
|
</footer>
|
|
-->
|
|
|
|
<script type="text/javascript" src="js/popper.min.js"></script>
|
|
<script type="text/javascript" src="js/bootstrap.min.js"></script>
|
|
<script src="js/require.js" type="text/javascript"></script>
|
|
<script src="js/countdown.js" type="text/javascript"></script>
|
|
<script src="js/form_submission.js" type="text/javascript"></script>
|
|
|
|
</body>
|
|
|
|
</html> |