-
Notifications
You must be signed in to change notification settings - Fork 0
/
page-comming-soon-5.html
254 lines (226 loc) · 12.2 KB
/
page-comming-soon-5.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
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
<!DOCTYPE html>
<html lang="en">
<!-- Mirrored from iteck-html.themescamp.com/page-comming-soon-5.html by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 28 Feb 2023 11:30:54 GMT -->
<head>
<!-- Metas -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<meta name="keywords" content="HTML5 Template Iteck Multi-Purpose themeforest" />
<meta name="description" content="Iteck - Multi-Purpose HTML5 Template" />
<meta name="author" content="" />
<!-- Title -->
<title>Iteck</title>
<!-- Favicon -->
<link rel="shortcut icon" href="assets/img/fav.png" title="Favicon" sizes="16x16" />
<!-- ====== bootstrap icons cdn ====== -->
<link rel="stylesheet" href="../cdn.jsdelivr.net/npm/bootstrap-icons%401.7.2/font/bootstrap-icons.css">
<!-- bootstrap 5 -->
<link rel="stylesheet" href="assets/css/lib/bootstrap.min.css">
<!-- ====== font family ====== -->
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap"
rel="stylesheet">
<link rel="stylesheet" href="assets/css/lib/all.min.css" />
<link rel="stylesheet" href="assets/css/lib/animate.css" />
<link rel="stylesheet" href="assets/css/lib/jquery.fancybox.css" />
<link rel="stylesheet" href="assets/css/lib/lity.css" />
<link rel="stylesheet" href="assets/css/lib/swiper.min.css" />
<!-- ====== global style ====== -->
<link rel="stylesheet" href="assets/css/style.css" />
</head>
<body>
<!-- ====== start loading page ====== -->
<!-- <div id="preloader">
</div> -->
<!-- ---------- loader ---------- -->
<div id="preloader">
<div id="loading-wrapper" class="show">
<div id="loading-text"> <img src="assets/img/logo_loading.png" alt=""> </div>
<div id="loading-content"></div>
</div>
</div>
<!-- ====== end loading page ====== -->
<div class="nav-container position-absolute w-100">
<!-- ====== start top navbar ====== -->
<div class="top-navbar style-5">
<div class="container">
<div class="content text-white">
<span class="btn sm-butn bg-white py-0 px-2 me-2 fs-10px">
<small class="fs-10px">Special</small>
</span>
<img src="assets/img/icons/nav_icon/imoj_heart.png" alt="" class="icon-15">
<span class="fs-10px op-6">Get </span>
<small class="op-10 fs-10px">20% Discount</small>
<span class="fs-10px op-6">Get for New Account</span>
<a href="#" class="fs-10px text-decoration-underline ms-2">Register Now</a>
</div>
</div>
</div>
<!-- ====== end top navbar ====== -->
<!-- ====== start navbar ====== -->
<nav class="navbar navbar-expand-lg navbar-light bg-transparent style-5">
<div class="container-fluid">
<a class="navbar-brand" href="#">
<img src="assets/img/logo_home5.png" alt="">
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav m-auto mb-2 mb-lg-0">
<li class="nav-item dropdown">
<a class="nav-link active dropdown-toggle" href="#" id="navbarDropdown1" role="button"
data-bs-toggle="dropdown" aria-expanded="false">
Homes
</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown1">
<li><a class="dropdown-item" href="home-it-solutions2.html"> It Solution creative </a></li>
<li><a class="dropdown-item" href="home-app-landing.html"> App Landing </a></li>
<li><a class="dropdown-item" href="home-saas-technology.html"> Saas Technology </a></li>
<li><a class="dropdown-item" href="home-marketing-startup.html"> Marketing Startup </a></li>
<li><a class="dropdown-item" href="home-it-solutions.html"> It Solution </a></li>
<li><a class="dropdown-item" href="home-software-company.html"> Software Company </a></li>
<li><a class="dropdown-item" href="home-digital-agency.html"> Digital Agency </a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown2" role="button"
data-bs-toggle="dropdown" aria-expanded="false">
pages
</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown1">
<li><a class="dropdown-item" href="page-about-5.html">about</a></li>
<li><a class="dropdown-item" href="page-product-5.html">product</a></li>
<li><a class="dropdown-item" href="page-services-5.html">services</a></li>
<li><a class="dropdown-item" href="page-shop-5.html">shop</a></li>
<li><a class="dropdown-item" href="page-single-project-5.html">single project</a></li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" href="page-portfolio-5.html">
portfolio
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="page-blog-5.html">
blog
<small
class="fs-10px icon-20 rounded-pill bg-blue5 text-white fw-bold px-3 ms-2 d-inline-flex justify-content-center align-items-center">3</small>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="page-contact-5.html">
contact us
</a>
</li>
</ul>
<div class="nav-side">
<div class="d-flex align-items-center">
<span class="nav-item">
<a class="nav-link" href="page-contact-5.html">
<i class="bi bi-person fs-5 me-2"></i>
sign in
</a>
</span>
<a href="page-contact-5.html" class="btn rounded-pill blue5-3Dbutn hover-blue2 sm-butn fw-bold">
<span>Start Free Trial <i class="bi bi-arrow-right ms-1"></i> </span>
</a>
</div>
</div>
</div>
</div>
</nav>
<!-- ====== end navbar ====== -->
</div>
<!--Contents-->
<main class="comming-soon-page style-5">
<!-- ====== start careers-features ====== -->
<section class="comming-soon style-5">
<div class="container">
<div class="content">
<div class="row justify-content-center">
<div class="col-lg-7">
<div class="info">
<div class="timing">
<div class="item">
<h2 id="days"></h2>
<small> days </small>
</div>
<div class="item">
<h2 id="hours"></h2>
<small> Hours </small>
</div>
<div class="item">
<h2 id="minutes"></h2>
<small> Minute </small>
</div>
<div class="item">
<h2 id="seconds"></h2>
<small> Seconds </small>
</div>
</div>
<h3> We Are Coming Very Soon </h3>
<p> Perfect & awesome template to present your future website design. Hooking audience attention in the opener. </p>
<div class="subscribe-form">
<div class="form-group">
<span class="icon"> <i class="fas fa-envelope"></i> </span>
<input type="text" placeholder="Business email address" class="form-control">
<button class="butn bg-blue5 rounded-pill py-3 text-white flex-shrink-0 border-0" type="submit"> <span> Subscribe Now <i class="fas fa-long-arrow-right ms-2"></i> </span> </button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<img src="assets/img/comming_man_shape.png" alt="" class="comming_man_shape slide_up_down">
<img src="assets/img/comming_chat_shape.png" alt="" class="comming_chat_shape slide_up_down">
<img src="assets/img/comming_light_shape.png" alt="" class="comming_light_shape slide_up_down">
</section>
<!-- ====== end timeline ====== -->
</main>
<!--End-Contents-->
<!-- ====== start to top button ====== -->
<a href="#" class="to_top bg-gray rounded-circle icon-40 d-inline-flex align-items-center justify-content-center">
<i class="bi bi-chevron-up fs-6 text-dark"></i>
</a>
<!-- ====== end to top button ====== -->
<!-- ====== request ====== -->
<script src="assets/js/lib/jquery-3.0.0.min.js"></script>
<script src="assets/js/lib/jquery-migrate-3.0.0.min.js"></script>
<script src="assets/js/lib/bootstrap.bundle.min.js"></script>
<script src="assets/js/lib/wow.min.js"></script>
<script src="assets/js/lib/jquery.fancybox.js"></script>
<script src="assets/js/lib/lity.js"></script>
<script src="assets/js/lib/swiper.min.js"></script>
<script src="assets/js/lib/jquery.waypoints.min.js"></script>
<script src="assets/js/lib/jquery.counterup.js"></script>
<!-- <script src="assets/js/lib/pace.js"></script> -->
<script src="assets/js/lib/scrollIt.min.js"></script>
<script src="assets/js/main.js"></script>
<script>
const second = 1000,
minute = second * 60,
hour = minute * 60,
day = hour * 24,
week = hour * 24 * 7;
let countDown = new Date('Oct 29, 2022 11:30').getTime(),
x = setInterval(function() {
let now = new Date().getTime(),
distance = countDown - now;
document.getElementById('days').innerText = Math.floor(distance / (day)),
document.getElementById('hours').innerText = Math.floor((distance % (day)) / (hour)),
document.getElementById('minutes').innerText = Math.floor((distance % (hour)) / (minute)),
document.getElementById('seconds').innerText = Math.floor((distance % (minute)) / second);
//do something later when date is reached
//if (distance < 0) {
// clearInterval(x);
// 'IT'S MY BIRTHDAY!;
//}
}, second)
</script>
</body>
<!-- Mirrored from iteck-html.themescamp.com/page-comming-soon-5.html by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 28 Feb 2023 11:30:55 GMT -->
</html>