-
Notifications
You must be signed in to change notification settings - Fork 9
/
index.html
192 lines (169 loc) · 8.22 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
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
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
<!DOCTYPE html>
<html lang="en" class="no-js">
<!-- Head -->
<head>
<title>Launch - Coming Soon Page</title>
<!-- Meta -->
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="keywords" content="Bootstrap Theme, Freebies, UI Kit, MIT license">
<meta name="description" content="Launch - Coming Soon Page">
<meta name="author" content="htmlLaunch.com">
<!-- Favicon -->
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<!-- Web Fonts -->
<link href="//fonts.googleapis.com/css?family=Open+Sans:300,400,600,700" rel="stylesheet">
<!-- Bootstrap Styles -->
<link rel="stylesheet" type="text/css" href="assets/vendors/bootstrap/css/bootstrap.min.css">
<!-- Components Vendor Styles -->
<link rel="stylesheet" type="text/css" href="assets/vendors/font-awesome/css/fontawesome-all.min.css">
<!-- Theme Styles -->
<link rel="stylesheet" type="text/css" href="assets/css/styles.css">
</head>
<!-- End Head -->
<body>
<!-- Header Section -->
<header class="js-parallax u-promo-block u-promo-block--mheight-600 u-overlay u-overlay--dark py-0" style="background-image: url(assets/img-temp/img1.jpg);">
<nav class="navbar navbar-expand-sm navbar-dark u-overlay__inner py-3">
<div class="container">
<a class="navbar-brand" href="index.html">
<img src="assets/img/logo-white.png" alt="Stream UI Kit" style="width: 130px;">
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo05" aria-controls="navbarTogglerDemo05" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarTogglerDemo05">
<ul class="navbar-nav ml-auto mt-1 mt-lg-0">
<li class="nav-item active mx-2">
<a class="nav-link" href="#!">
<i class="fas fa-phone-square mr-1"></i> +44 400 023 0742
</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- Promo Content -->
<section class="u-content-space u-overlay__inner text-white text-center">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8">
<header class="mb-8">
<h1 class="display-5 display-sm-4 font-weight-light mb-4">We are coming soon!</h1>
<p class="lead">Currently we are working on our brand new website and will be lunching soon. Do not miss it, subscribe below to keep updated.</p>
</header>
<div class="js-timer u-timer"></div>
</div>
</div>
</div>
</section>
<!-- End Promo Content -->
</header>
<!-- End Header Section -->
<main role="main" style="background-image: url(assets/img/bg-pattern.png);">
<!-- Facts About Launch -->
<section class="text-center u-content-space pb-0">
<div class="container">
<header class="w-md-50 mx-auto mb-8">
<h2 class="h1 font-weight-light mb-3">Facts About Launch</h2>
<p class="lead">Launch creative technology company providing key digital services for everyone with experiance.</p>
</header>
<!-- Row -->
<div class="row mb-9">
<div class="col-lg-4 mb-6 mb-lg-0">
<div class="display-4 text-primary mb-2">
<i class="fab fa-grav"></i>
</div>
<h4 class="font-weight-light">Creative Ideas</h4>
<p class="mb-0">Achieve virtually any look and layout design within one UI Kit solution.</p>
</div>
<div class="col-lg-4 mb-6 mb-lg-0">
<div class="display-4 text-primary mb-2">
<i class="fab fa-connectdevelop"></i>
</div>
<h4 class="font-weight-light">Powerful APIs</h4>
<p class="mb-0">We strive to figure out ways to help your audience grow through all platforms.</p>
</div>
<div class="col-lg-4 mb-6 mb-lg-0">
<div class="display-4 text-primary mb-2">
<i class="fas fa-cubes"></i>
</div>
<h4 class="font-weight-light">Blockchain Based</h4>
<p class="mb-0">Find what you need in one template and combine features at will.</p>
</div>
</div>
<!-- End Row -->
<img class="img-fluid mx-auto" src="assets/img-temp/img2.jpg" alt="Iamge Description">
</div>
</section>
<!-- End Facts About Launch -->
</main>
<!-- Footer -->
<footer class="text-center u-overlay u-overlay--dark u-hero-img text-white" style="background-image: url(assets/img-temp/img3.jpg); background-position: 50% 65%;">
<div class="container u-overlay__inner u-content-space-top pb-6">
<header class="w-md-50 mx-auto mb-5">
<h2 class="font-weight-light">Subscribe for Beta and be the first to try our Web Application!</h2>
</header>
<div class="row">
<!-- Subscribe Form -->
<div class="col-md-6 mx-md-auto">
<form class="mb-9">
<div class="input-group mb-3">
<input type="text" class="form-control py-3" placeholder="Your email" aria-label="Your email" aria-describedby="basic-addon2">
<div class="input-group-append">
<button class="btn btn-primary py-3" type="submit">Subscribe</button>
</div>
</div>
</form>
</div>
<!-- End Subscribe Form -->
<!-- Copyright and Social Icons -->
<div class="col-12">
<ul class="list-inline h3 mb-2">
<li class="list-inline-item mx-2" data-toggle="tooltip" data-placement="top" title="" data-original-title="Facebook">
<a class="text-white" href="https://www.facebook.com/htmlstream/">
<i class="fab fa-facebook"></i>
</a>
</li>
<li class="list-inline-item mx-2" data-toggle="tooltip" data-placement="top" title="" data-original-title="Dribbble">
<a class="text-white" href="https://dribbble.com/htmlstream">
<i class="fab fa-dribbble"></i>
</a>
</li>
<li class="list-inline-item mx-2" data-toggle="tooltip" data-placement="top" title="" data-original-title="Twitter">
<a class="text-white" href="https://twitter.com/htmlstream">
<i class="fab fa-twitter"></i>
</a>
</li>
<li class="list-inline-item mx-2" data-toggle="tooltip" data-placement="top" title="" data-original-title="Github">
<a class="text-white" href="https://github.com/htmlstreamofficial">
<i class="fab fa-github"></i>
</a>
</li>
</ul>
<p class="small mb-0">2018 © Launch created by <a class="text-white" href="https://htmlstream.com/">HtmlStream</a> and licensed under MIT for better web!</p>
</div>
<!-- End Copyright and Social Icons -->
</div>
</div>
</footer>
<!-- End Footer -->
<!-- JAVASCRIPTS (Load javascripts at bottom, this will reduce page load time) -->
<!-- Global Vendor -->
<script src="assets/vendors/jquery.min.js"></script>
<script src="assets/vendors/jquery.migrate.min.js"></script>
<script src="assets/vendors/popper.min.js"></script>
<script src="assets/vendors/bootstrap/js/bootstrap.min.js"></script>
<!-- Components Vendor -->
<script src="assets/vendors/jquery.countdown/jquery.countdown.min.js"></script>
<script src="assets/vendors/jquery.parallax.js"></script>
<!-- Theme Settings and Calls -->
<script src="assets/js/global.js"></script>
<!-- Theme Components and Settings -->
<script src="assets/js/vendors/jquery.countdown.js"></script>
<script src="assets/js/vendors/parallax.js"></script>
<!-- END JAVASCRIPTS -->
</body>
<!-- End Body -->
</html>