-
Notifications
You must be signed in to change notification settings - Fork 1
/
coming-soon.html
146 lines (140 loc) · 4.96 KB
/
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
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="format-detection" content="telephone=no" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Welcome to Sweetestdeals</title>
<!-- Bootstrap CSS-->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" />
<!-- Custom CSS -->
<link href="css/global-style.css" rel="stylesheet" type="text/css" />
<!-- Media queries CSS -->
<link href="css/media-queries.css" rel="stylesheet" type="text/css" />
</head>
<body>
<!-- Wrapper start -->
<div class="wrapper">
<!-- Header start -->
<div class="headerBottomWide">
<div class="container headerBottom">
<div class="row">
<!-- Logo start -->
<div class="col-sm-12 text-center">
<h1 class="logo">
<a href="index.html" title="The Sweetest Deal"
>The <span>Sweetest</span> Deal</a
>
</h1>
</div>
<!-- Logo end -->
</div>
</div>
</div>
<!-- Header end -->
<!-- Home page Banner start -->
<div class="comingSoonWide">
<div class="container comingSoon">
<div class="row">
<div class="col-sm-12 text-center">
<h1>Something awesome is coming soon</h1>
<h2>
We are building something very cool. Stay tuned and be patient.
Your patience will be well paid.
</h2>
</div>
<div class="col-sm-8 col-sm-offset-2" id="clock">
<div class="row">
<div class="col-sm-7">
<div class="row">
<div class="col-sm-4">
<div class="block"><span id="weeks"></span>WEEKS</div>
</div>
<div class="col-sm-4">
<div class="block"><span id="daysLeft"></span>DAYS</div>
</div>
<div class="col-sm-4">
<div class="block"><span id="hours"></span>HOURS</div>
</div>
</div>
</div>
<div class="col-sm-5">
<div class="row">
<div class="col-sm-6">
<div class="block"><span id="minutes"></span>MINUTES</div>
</div>
<div class="col-sm-6">
<div class="block"><span id="seconds"></span>SECONDS</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Home page Banner end -->
<!-- Footer start -->
<div class="footerWide">
<div class="container footer">
<div class="row">
<div class="col-sm-12">
<p class="text-center">
©2015 TheSweetestDeal.com. All rights reserved.
</p>
</div>
</div>
</div>
</div>
<!-- Footer end -->
</div>
<!-- Wrapper end -->
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery-1.11.0.js"></script>
<!-- Script for detects HTML5 and CSS3 features in the user’s browser -->
<script src="js/modernizr.js"></script>
<!-- Include all compiled plugins, or include individual files as needed -->
<script src="js/bootstrap.js"></script>
<!-- Script for custom -->
<script src="js/custom-script.js"></script>
<!-- Jquery UI -->
<script src="js/jquery-ui.js"></script>
<!-- Script for custom select -->
<script src="js/bootstrap-select.js"></script>
<!-- Script for carousel -->
<script src="js/carousel.js"></script>
<!-- Script for Image Zoom -->
<script src="js/cloud-zoom.js"></script>
<!-- Script for Vertical Carousel -->
<script src="js/bxslider.js"></script>
<!-- Script for Company Info Slider -->
<script src="js/coInfoSlide.js"></script>
<!-- Script equal height -->
<script src="js/equal-height.js"></script>
<!-- Script for countdown -->
<script src="js/jquery.countdown.js"></script>
<script>
//Script for count down
$(function() {
// *************************************************** EDIT DATE IN LINE BELOW ******************************************
$("div#clock").countdown("2020/12/31", function(event) {
var $this = $(this);
switch (event.type) {
case "seconds":
case "minutes":
case "hours":
case "days":
case "weeks":
case "daysLeft":
$this.find("span#" + event.type).html(event.value);
break;
case "finished":
$this.hide();
break;
}
});
});
</script>
</body>
</html>