-
Notifications
You must be signed in to change notification settings - Fork 64
/
Copy pathindex.html
executable file
·110 lines (92 loc) · 4.07 KB
/
index.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
<!DOCTYPE html>
<html lang="en" class="no-js">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>YAX Coming Soon HTML5/CSS3 Free Template</title>
<meta name="description" content="YAX Coming Soon HTML5/CSS3 Free Template by Morteza Aghili" />
<meta name="keywords" content="HTML5, css3, Free Template, web design, flat design, inspiration, responsive, svg, pseudo-elements" />
<meta name="author" content="Morteza Aghili" />
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css" />
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" type="text/css" href="css/jquery.classycountdown.min.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="js/jquery.classycountdown.min.js"></script>
<script src="js/jquery.knob.js"></script>
<script src="js/jquery.throttle.js"></script>
</head>
<body>
<header>
<section class="color">
<div class="container">
<div class="row">
<div class="col-xs-12">
<h1><i class="fa fa-clock-o" style="color:white"></i></h1>
<h2>your awesome site</h2>
<p>a coming soon template
</p>
</div>
</div>
</div>
</section>
</header>
<section class="ss-style-doublediagonal main-content">
<div class="container">
<div class="row">
<div class="col-sm-12 text-center">
<h3>Website is coming soon</h3>
<p>Tell the users that your website is not active yet. Put the reason to subscribe for the notification in this paragraph. Tell them about their problems which you would like to solve. Don’t forget the final call to action.</p>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<div class="countdown"></div>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<h3>Subscribe for update</h3>
<div class="input-group">
<input type="text" class="form-control" placeholder="Email">
<span class="input-group-btn">
<button class="btn btn-danger" type="button"><i class="fa fa-check"></i></button>
</span>
</div>
<br>
<ul class="list-unstyled list-inline">
<li><a href="#"><i class="fa fa-facebook"></i></a>
</li>
<li><a href="#"><i class="fa fa-twitter"></i></a>
</li>
<li><a href="#"><i class="fa fa-google-plus"></i></a>
</li>
<li><a href="#"><i class="fa fa-instagram"></i></a>
</li>
</ul>
</div>
</div>
</div>
</section>
<section class="footer">
<div class="container">
<div class="row">
<div class="col-xs-12 text-center">
<p>2015 - YourAwesomeSite</p>
<P>made with <i class="fa fa-heart"></i> by
<a target="_blank" href="http://mortezaaghili.github.io/">Morteza Aghili</a> | Designed by
<a target="_blank" href="https://www.behance.net/gallery/18421675/Free-Bootstrap-Psd-Coming-Soon-Template">Ilya B.</a>
</P>
</div>
</div>
</div>
</section>
<script>
$('.countdown').ClassyCountdown({
theme: "red",
end: $.now() + 10000
});
</script>
</body>
</html>