-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcomming-soon.html
127 lines (125 loc) · 4.83 KB
/
comming-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
<!doctype html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="zxx"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="zxx"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9" lang="zxx"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="zxx"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Soccer BootStrap HTML5 CSS3 Theme</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="apple-touch-icon" href="apple-touch-icon.png">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/font-awesome.min.css">
<link rel="stylesheet" href="css/transitions.css">
<link rel="stylesheet" href="css/prettyPhoto.css">
<link rel="stylesheet" href="css/swiper.min.css">
<link rel="stylesheet" href="css/jquery-ui.css">
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" href="css/owl.theme.css">
<link rel="stylesheet" href="css/owl.carousel.css">
<link rel="stylesheet" href="css/customScrollbar.css">
<link rel="stylesheet" href="css/icomoon.css">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/color.css">
<link rel="stylesheet" href="css/responsive.css">
<script src="js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script>
</head>
<body class="tg-comming-soon">
<!--[if lt IE 8]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<!--************************************
Wrapper Start
*************************************-->
<div id="tg-wrapper" class="tg-wrapper tg-haslayout">
<!--************************************
Main Start
*************************************-->
<main id="tg-main" class="tg-main tg-haslayout">
<div class="tg-comming-sooncontent">
<div class="container">
<div class="row">
<div class="col-md-8 col-sm-12">
<div id="tg-comming-sooncounter" class="tg-comming-sooncounter">
<div id="days" class="timer_box"></div>
<div id="hours" class="timer_box"></div>
<div id="minutes" class="timer_box"></div>
<div id="seconds" class="timer_box"></div>
</div>
</div>
<div class="col-md-4 col-sm-12">
<div class="tg-404-content">
<div class="tg-section-heading"><h2>oops! something went wrong. page not found.</h2></div>
<div class="tg-description">
<p>Consectetur adipisicing elit sed do eiusmod temport incididunt utia labore et dolore magna aliqua enima ad minim veniam quistrud on ullamco laboris nisiut aliquip ex ea commodo consequat.</p>
</div>
<form class="tg-searcharea">
<fieldset>
<div class="form-group">
<input type="email" placeholder="Email">
</div>
<button type="submit" class="tg-btn">signup</button>
</fieldset>
</form>
</div>
</div>
</div>
</div>
</div>
</main>
<!--************************************
Main End
*************************************-->
</div>
<!--************************************
Wrapper End
*************************************-->
<script src="js/vendor/jquery-library.js"></script>
<script src="js/vendor/bootstrap.min.js"></script>
<script src="js/customScrollbar.min.js"></script>
<script src="js/owl.carousel.js"></script>
<script src="js/isotope.pkgd.js"></script>
<script src="js/prettyPhoto.js"></script>
<script src="js/swiper.min.js"></script>
<script src="js/jquery-ui.js"></script>
<script src="js/countTo.js"></script>
<script src="js/appear.js"></script>
<script src="js/main.js"></script>
<script>
(function($) {
var launch = new Date(2017, 06, 14, 11, 15);
var days = $('#days');
var hours = $('#hours');
var minutes = $('#minutes');
var seconds = $('#seconds');
setDate();
function setDate(){
var now = new Date();
if( launch < now ){
days.html('<p>Days</p><h1>0</h1>');
hours.html('<p>hrs</p><h1>0</h1>');
minutes.html('<p>Min</p><h1>0</h1>');
seconds.html('<p>Sec</p><h1>0</h1>');
}
else{
var s = -now.getTimezoneOffset()*60 + (launch.getTime() - now.getTime())/1000;
var d = Math.floor(s/86400);
days.html('<h1>'+d+'</h1><p>Day'+(d>1?'s':''),'</p>');
s -= d*86400;
var h = Math.floor(s/3600);
hours.html('<h1>'+h+'</h1><p>Hour'+(h>1?'s':''),'</p>');
s -= h*3600;
var m = Math.floor(s/60);
minutes.html('<h1>'+m+'</h1><p>Minute'+(m>1?'s':''),'</p>');
s = Math.floor(s-m*60);
seconds.html('<h1>'+s+'</h1><p>Second'+(s>1?'s':''),'</p>');
setTimeout(setDate, 1000);
}
}
})(jQuery);
</script>
</body>
</html>