-
Notifications
You must be signed in to change notification settings - Fork 0
/
coming-soon.html
168 lines (120 loc) · 7.28 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
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1">
<!--<base href="../" />-->
<title>Coming Soon - Ace Admin</title>
<!-- include common vendor stylesheets & fontawesome -->
<link rel="stylesheet" type="text/css" href="node_modules/bootstrap/dist/css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="node_modules/@fortawesome/fontawesome-free/css/fontawesome.css">
<link rel="stylesheet" type="text/css" href="node_modules/@fortawesome/fontawesome-free/css/regular.css">
<link rel="stylesheet" type="text/css" href="node_modules/@fortawesome/fontawesome-free/css/brands.css">
<link rel="stylesheet" type="text/css" href="node_modules/@fortawesome/fontawesome-free/css/solid.css">
<!-- include vendor stylesheets used in "Coming Soon" page. see "/views//pages/partials/coming-soon/@vendor-stylesheets.hbs" -->
<!-- include fonts -->
<link rel="stylesheet" type="text/css" href="dist/css/ace-font.css">
<!-- ace.css -->
<link rel="stylesheet" type="text/css" href="dist/css/ace.css">
<!-- favicon -->
<link rel="icon" type="image/png" href="assets/favicon.png" />
<!-- "Coming Soon" page styles, specific to this page for demo only -->
<link rel="stylesheet" type="text/css" href="./views/pages/coming-soon/@page-style.css">
</head>
<body>
<div class="body-container pos-rel" style="background-image: url('assets/image/body-bg-1.jpg')">
<div class="position-tl w-100 h-100 bgc-black-tp5">
<!-- a black dark layer over background image -->
</div>
<div class="main-container bgc-transparent">
<div role="main" class="main-content px-0">
<div class="d-flex flex-grow-1">
<div class="row flex-grow-1">
<div class="col-12 d-flex">
<div class="row flex-grow-1">
<div class="col-12 col-lg-12 px-0">
<div class="h-100 pos-rel">
<div class="container h-100 d-flex flex-column justify-content-center">
<div class="text-white p-4 mx-md-5 text-center">
<h1 class="text-160">We are almost ready ...</h1>
<h2 class="fa-3x">
<span class="text-info-l2">ACE</span>
<span class="text-90">application is coming soon!</span>
</h2>
<div class="countdown-items d-flex justify-content-center flex-wrap mx-auto mt-3 mt-lg-5">
<div class="countdown-item">
<div class="bgc-black-tp9 h-100 px-3 pt-4 pb-45 radius-100 shadow border-2 brc-white-tp7">
<h1 class="fa-4x text-green-l3 timer" data-type="day"> </h1>
<div class="text-140 border-t-1 brc-white-tp9 pt-3">
Days
</div>
</div>
</div>
<div class="countdown-item">
<div class="bgc-black-tp9 h-100 px-3 pt-4 pb-45 radius-100 shadow border-2 brc-white-tp7">
<h1 class="fa-4x text-green-l3 timer" data-type="hour"> </h1>
<div class="text-140 border-t-1 brc-white-tp9 pt-3">
Hours
</div>
</div>
</div>
<div class="countdown-item">
<div class="bgc-black-tp9 h-100 px-3 pt-4 pb-45 radius-100 shadow border-2 brc-white-tp7">
<h1 class="fa-4x text-green-l3 timer" data-type="minute"> </h1>
<div class="text-140 border-t-1 brc-white-tp9 pt-3">
Minutes
</div>
</div>
</div>
<div class="countdown-item">
<div class="bgc-black-tp9 h-100 px-3 pt-4 pb-45 radius-100 shadow border-2 brc-white-tp7">
<h1 class="fa-4x text-yellow-l2 timer" data-type="second"> </h1>
<div class="text-140 border-t-1 brc-white-tp9 pt-3">
Seconds
</div>
</div>
</div>
</div>
<div class="mt-5 mb-2 text-140">
Be among the first to get the news of launch:
</div>
<div class="px-0 mx-auto radius-round bgc-black-tp5 input-group border-2 brc-white-tp4 col-12 col-sm-8 col-md-8 col-lg-6 col-xl-5">
<input placeholder="Type your email address" type="text" class="form-control bgc-transparent form-control-lg radius-round shadow-none border-0 text-white" />
<a href="#" class="btn radius-round btn-primary text-600 text-110 px-4 m-3px">Notify Me</a>
</div>
<div class="text-130 mt-3">
Stay in touch
<a href="#" class="no-underline text-110">
<i class="bgc-black-tp9 brc-white-tp2 border-1 p-25 w-6 radius-round fab fa-twitter text-white mx-1"></i>
</a>
<a href="#" class="no-underline text-110">
<i class="bgc-black-tp9 brc-white-tp2 border-1 p-25 w-6 radius-round fab fa-facebook-square text-white mx-1"></i>
</a>
<a href="#" class="no-underline text-110">
<i class="bgc-black-tp9 brc-white-tp2 border-1 p-25 w-6 radius-round fab fa-instagram text-white mx-1"></i>
</a>
</div>
</div>
</div><!-- /.container -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- include common vendor scripts used in demo pages -->
<script src="node_modules/jquery/dist/jquery.js"></script>
<script src="node_modules/popper.js/dist/umd/popper.js"></script>
<script src="node_modules/bootstrap/dist/js/bootstrap.js"></script>
<!-- include vendor scripts used in "Coming Soon" page. see "/views//pages/partials/coming-soon/@vendor-scripts.hbs" -->
<!-- include ace.js -->
<script src="dist/js/ace.js"></script>
<!-- demo.js is only for Ace's demo and you shouldn't use it -->
<script src="app/browser/demo.js"></script>
<!-- "Coming Soon" page script to enable its demo functionality -->
<script src="./views/pages/coming-soon/@page-script.js"></script>
</body>
</html>