-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathpages-coming-soon.html
92 lines (72 loc) · 2.72 KB
/
pages-coming-soon.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
<!DOCTYPE html>
<head>
<!-- Basic Page Needs
================================================== -->
<title>Listeo</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!-- CSS
================================================== -->
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/main-color.css" id="colors">
</head>
<body>
<!-- Wrapper -->
<div id="wrapper">
<!-- Content
================================================== -->
<!-- Coming Soon Page -->
<div class="coming-soon-page" style="background-image: url(images/main-search-background-01.jpg)">
<div class="container">
<!-- Search -->
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<img src="images/logo2.png" alt="">
<h3>We are launching Listeo soon!</h3>
<!-- Countdown -->
<div id="countdown" class="margin-top-10 margin-bottom-35"></div>
<!-- Countdown / End -->
<br>
<div class="main-search-input gray-style margin-top-30 margin-bottom-10">
<div class="main-search-input-item">
<input type="text" placeholder="Your email address" value=""/>
</div>
<button class="button">Notify Me</button>
</div>
</div>
</div>
<!-- Search Section / End -->
</div>
</div>
<!-- Coming Soon Page / End -->
</div>
<!-- Wrapper / End -->
<!-- Scripts
================================================== -->
<script type="text/javascript" src="scripts/jquery-3.4.1.min.js"></script>
<script type="text/javascript" src="scripts/jquery-migrate-3.1.0.min.js"></script>
<script type="text/javascript" src="scripts/mmenu.min.js"></script>
<script type="text/javascript" src="scripts/chosen.min.js"></script>
<script type="text/javascript" src="scripts/slick.min.js"></script>
<script type="text/javascript" src="scripts/rangeslider.min.js"></script>
<script type="text/javascript" src="scripts/magnific-popup.min.js"></script>
<script type="text/javascript" src="scripts/waypoints.min.js"></script>
<script type="text/javascript" src="scripts/counterup.min.js"></script>
<script type="text/javascript" src="scripts/jquery-ui.min.js"></script>
<script type="text/javascript" src="scripts/tooltips.min.js"></script>
<script type="text/javascript" src="scripts/custom.js"></script>
<!-- Countdown Script -->
<script type="text/javascript" src="scripts/jquery.countdown.min.js"></script>
<script type="text/javascript">
$("#countdown")
.countdown('2019/12/12', function(event) {
var $this = $(this).html(event.strftime(''
+ '<div><span>%D</span> <i>Days</i></div>'
+ '<div><span>%H</span> <i>Hours</i></div> '
+ '<div><span>%M</span> <i>Minutes</i></div> '
+ '<div><span>%S</span> <i>Seconds</i></div>'
));
});
</script>
</body>
</html>