mirror of
https://github.com/marcogll/soul23_placeholder_site_server.git
synced 2026-01-13 13:25:18 +00:00
feat: Add initial project structure with HTML, CSS, JavaScript libraries, and image assets.
This commit is contained in:
140
index.html
Normal file
140
index.html
Normal file
@@ -0,0 +1,140 @@
|
||||
<!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>
|
||||
<div class="row mt-3 text-center">
|
||||
<div class="col-12">
|
||||
<form class="form-inline" style="display: inline" id="notifs-form">
|
||||
<input type="email" class="form-control" id="notifs-form-input" aria-describedby="emailHelp"
|
||||
placeholder="Enter email">
|
||||
<button type="button" class="btn btn-dark mt-2 mt-md-0" id="notifs-form-btn">¡Te avisamos!</button>
|
||||
<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>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Reference in New Issue
Block a user