-
Notifications
You must be signed in to change notification settings - Fork 8
/
Copy pathcoming-soon.html
152 lines (118 loc) · 7.61 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
147
148
149
150
151
152
<!DOCTYPE html>
<html lang="en" class="full-page-image">
<head>
<meta charset="utf-8">
<title>Avenxo is Coming!</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-touch-fullscreen" content="yes">
<meta name="author" content="KaijuThemes">
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400italic,600' rel='stylesheet' type='text/css'>
<link type="text/css" href="assets/fonts/font-awesome/css/font-awesome.min.css" rel="stylesheet"> <!-- Font Awesome -->
<link type="text/css" href="assets/fonts/themify-icons/themify-icons.css" rel="stylesheet"> <!-- Themify Icons -->
<link type="text/css" href="assets/css/styles.css" rel="stylesheet">
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries. Placeholdr.js enables the placeholder attribute -->
<!--[if lt IE 9]>
<link type="text/css" href="assets/css/ie8.css" rel="stylesheet">
<script type="text/javascript" src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!-- The following CSS are included as plugins and can be removed if unused-->
</head>
<body class="coming-soon">
<div class="coming-soon-wrapper">
<div class="container">
<h1>Coming Soon!</h1>
<div class="row">
<p class="mb-xl">Reprehenderit corrupti debitis dolorum, et cumque in, nostrum reiciendis molestiae quod, beatae nemo possimus. A repellat praesentium provident voluptate quam distinctio voluptates. Adipisci, ipsum pariatur quae minus omnis, sint quaerat ab distinctio. Iure ratione, eaque.</p>
<!-- The JS code replaces the inner HTML of .countdown and is not necessary, but keeping it to show the markup structure -->
<div class="countdown clearfix">
<div class="col-sm-3">
<div class="time-block">
<span class="digit">25</span>
<span class="digit-desc">Days</span>
</div>
</div>
<div class="col-sm-3">
<div class="time-block">
<span class="digit">15</span>
<span class="digit-desc">Hours</span>
</div>
</div>
<div class="col-sm-3">
<div class="time-block">
<span class="digit">32</span>
<span class="digit-desc">Minutes</span>
</div>
</div>
<div class="col-sm-3">
<div class="time-block">
<span class="digit">43</span>
<span class="digit-desc">Seconds</span>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<div class="input-group mt-xl mb-xl">
<input type="text" class="form-control" id="errsearch" placeholder="[email protected]">
<span class="input-group-btn">
<button class="btn btn-default" type="button">Sign up!</button>
</span>
</div>
</div>
<div class="col-sm-12">
<ul class="demo-btns list-inline">
<li><a href="#" class="btn btn-social btn-rounded btn-facebook"><i class="ti ti-facebook"></i></a></li>
<li><a href="#" class="btn btn-social btn-rounded btn-twitter"><i class="ti ti-twitter"></i></a></li>
<li><a href="#" class="btn btn-social btn-rounded btn-github"><i class="ti ti-github"></i></a></li>
<li><a href="#" class="btn btn-social btn-rounded btn-flickr"><i class="ti ti-flickr"></i></a></li>
<li><a href="#" class="btn btn-social btn-rounded btn-youtube"><i class="ti ti-youtube"></i></a></li>
<li><a href="#" class="btn btn-social btn-rounded btn-linkedin"><i class="ti ti-linkedin"></i></a></li>
<li><a href="#" class="btn btn-social btn-rounded btn-googleplus"><i class="ti ti-google"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<!-- Load site level scripts -->
<!-- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"></script> -->
<script type="text/javascript" src="assets/js/jquery-1.10.2.min.js"></script> <!-- Load jQuery -->
<script type="text/javascript" src="assets/js/jqueryui-1.10.3.min.js"></script> <!-- Load jQueryUI -->
<script type="text/javascript" src="assets/js/bootstrap.min.js"></script> <!-- Load Bootstrap -->
<script type="text/javascript" src="assets/js/enquire.min.js"></script> <!-- Load Enquire -->
<script type="text/javascript" src="assets/plugins/velocityjs/velocity.min.js"></script> <!-- Load Velocity for Animated Content -->
<script type="text/javascript" src="assets/plugins/velocityjs/velocity.ui.min.js"></script>
<script type="text/javascript" src="assets/plugins/wijets/wijets.js"></script> <!-- Wijet -->
<script type="text/javascript" src="assets/plugins/codeprettifier/prettify.js"></script> <!-- Code Prettifier -->
<script type="text/javascript" src="assets/plugins/bootstrap-switch/bootstrap-switch.js"></script> <!-- Swith/Toggle Button -->
<script type="text/javascript" src="assets/plugins/bootstrap-tabdrop/js/bootstrap-tabdrop.js"></script> <!-- Bootstrap Tabdrop -->
<script type="text/javascript" src="assets/plugins/iCheck/icheck.min.js"></script> <!-- iCheck -->
<script type="text/javascript" src="assets/plugins/nanoScroller/js/jquery.nanoscroller.min.js"></script> <!-- nano scroller -->
<script type="text/javascript" src="assets/js/application.js"></script>
<script type="text/javascript" src="assets/demo/demo.js"></script>
<script type="text/javascript" src="assets/demo/demo-switcher.js"></script>
<!-- End loading site level scripts -->
<!-- Load page level scripts-->
<script type="text/javascript" src="assets/plugins/countdown/countdown.js"></script>
<script>
$(function() {
$('.countdown').countdown({
date: "June 7, 2087 15:03:26",
render: function(data) {
var el = $(this.el);
el.empty()
//.append("<div class='col-sm-3'><div class='time-block'><span class='digit'>" + this.leadingZeros(data.years, 4) + " </span><span class='digit-desc'>years</span></div></div>")
.append("<div class='col-sm-3'><div class='time-block'><span class='digit'>" + this.leadingZeros(data.days, 3) + " </span><span class='digit-desc'>days</span></div></div>")
.append("<div class='col-sm-3'><div class='time-block'><span class='digit'>" + this.leadingZeros(data.hours, 2) + " </span><span class='digit-desc'>hrs</span></div></div>")
.append("<div class='col-sm-3'><div class='time-block'><span class='digit'>" + this.leadingZeros(data.min, 2) + " </span><span class='digit-desc'>min</span></div></div>")
.append("<div class='col-sm-3'><div class='time-block'><span class='digit'>" + this.leadingZeros(data.sec, 2) + " </span><span class='digit-desc'>sec</span></div></div>");
}
});
});
</script>
<!-- End loading page level scripts-->
</body>
</html>