-
Notifications
You must be signed in to change notification settings - Fork 0
/
coming-soon.html
97 lines (81 loc) · 3.27 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
<!DOCTYPE html>
<html lang="en" class="no-js">
<head>
<meta charset="UTF-8">
<title>coming soon</title>
<link href="https://fonts.googleapis.com/css?family=Roboto:100,400,500,700" rel="stylesheet">
<link rel="stylesheet" href="public/css/font-awesome.min.css">
<link rel="stylesheet" href="public/css/reset.css">
<link rel="stylesheet" href="public/css/styles.css">
<script src="public/js/scripts.js"></script>
</head>
<body class="coming-soon">
<div class="wrapper clearfix">
<div class="overlay">
<div class="gradient"></div>
<div class="wrapper">
<a href="#" class="header-logo inversed">E-Reading</a>
<!-- lead -->
<div class="content-announce inversed">
<div class="title"><span class="highlight">Related</span> Products</div>
<div class="text">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente delectus, eligendi maxime, nulla eum explicabo.</p>
</div>
</div>
<!-- /lead -->
</div>
<!-- /wrapper -->
<!-- counter -->
<div class="counter clearfix">
<div class="wrapper">
<div class="w-1-4">
<div class="counter-item">
<div class="circle red counter-day">0</div>
<div class="description">Days</div>
</div>
</div>
<div class="w-1-4">
<div class="counter-item">
<div class="circle purple counter-hour">0</div>
<div class="description">Hours</div>
</div>
</div>
<div class="w-1-4">
<div class="counter-item">
<div class="circle yellow counter-minute">0</div>
<div class="description">Minutes</div>
</div>
</div>
<div class="w-1-4">
<div class="counter-item">
<div class="circle green counter-second">0</div>
<div class="description">Seconds</div>
</div>
</div>
</div>
</div>
<!-- /counter -->
<div class="social">
<a href="#">
<i class="fa fa-vk" aria-hidden="true"></i>
</a>
<a href="#">
<i class="fa fa-facebook" aria-hidden="true"></i>
</a>
<a href="#">
<i class="fa fa-twitter" aria-hidden="true"></i>
</a>
<a href="#">
<i class="fa fa-google-plus" aria-hidden="true"></i>
</a>
</div>
<div class="footer">
© Copyright 2016 by <a href="#">E-Reading</a> - All Rights Reserved.
</div>
</div>
</div>
<script>
counter.init(2016, 10, 26, 12, 33, 0);
</script>
</body>
</html>