-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
485 lines (482 loc) · 23 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
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
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
<!doctype html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!--title-->
<title>Soolah</title>
<!--favicon icon-->
<link rel="icon" href="img/favicon.png" type="image/png" sizes="16x16">
<!--google fonts-->
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700%7COpen+Sans&display=swap" rel="stylesheet">
<!--Bootstrap css-->
<link rel="stylesheet" href="css/bootstrap.min.css">
<!--Magnific popup css-->
<link rel="stylesheet" href="css/magnific-popup.css">
<!--Themify icon css-->
<link rel="stylesheet" href="css/themify-icons.css">
<!--animated css-->
<link rel="stylesheet" href="css/animate.min.css">
<!--ytplayer css-->
<link rel="stylesheet" href="css/jquery.mb.YTPlayer.min.css">
<!--Owl carousel css-->
<link rel="stylesheet" href="css/owl.carousel.min.css">
<link rel="stylesheet" href="css/owl.theme.default.min.css">
<!--custom css-->
<link rel="stylesheet" href="css/style.css">
<!--responsive css-->
<link rel="stylesheet" href="css/responsive.css">
</head>
<body>
<!--loader start-->
<div id="preloader">
<div class="loader1">
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
</div>
</div>
<!--loader end-->
<!--header section start-->
<header class="header">
<!--start navbar-->
<nav class="navbar navbar-expand-lg fixed-top bg-transparent">
<div class="container">
<a class="navbar-brand" href="index-5.html">
<img src="img/logo-white.png" alt="logo" class="img-fluid" />
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="ti-menu"></span>
</button>
<div class="collapse navbar-collapse h-auto" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto menu">
<li><a href="#home" class="page-scroll active">Home</a>
</li>
<li><a href="#about" class="page-scroll">About</a></li>
<li><a href="#how-it-work" class="page-scroll">Problem</a></li>
<li><a href="#solution" class="page-scroll">Solution</a></li>
<li><a href="#screenshots" class="page-scroll">How It Work</a></li>
<li><a href="contact.html" class="page-scroll">Contact Us</a></li>
</ul>
</div>
</div>
</nav>
</header>
<!--header section end-->
<!--body content wrap start-->
<div class="main">
<!--hero section start-->
<section id="home" class="hero-equal-height gradient-overlay pt-100 pb-5" style="background: url('img/hero-bg-2.jpg')no-repeat center center / cover">
<div class="container">
<div class="row align-items-center justify-content-between">
<div class="col-md-7 col-lg-6">
<div class="hero-content-left position-relative z-index text-white my-lg-0 my-md-5 my-sm-5 my-5">
<p class="lead m-0">The One Click Cleaning Service.</p>
<h1 class="text-white">EVERYWHERE</h1>
<div class="action-btns download-btn mt-4">
<a href="#download" class="page-scroll btn solid-white-btn animated-btn mr-lg-3 page-scroll">Download Now</a>
<a href="#contact" class="page-scroll btn outline-white-btn animated-btn page-scroll">Contact With Us</a>
</div>
</div>
</div>
<div class="col-md-5 col-lg-6">
<div class="hero-img-right text-center position-relative z-index">
<img src="img/image-14.png" alt="app" class="img-fluid" />
</div>
</div>
</div>
</div>
<div class="shape-bottom">
<img src="img/hero-shape-bottom.svg" alt="shape" class="bottom-shape img-fluid">
</div>
</section>
<!--hero section end-->
<!--video-section-start-->
<section id="video" class="ptb-100">
<div class="container">
<div class="video_play float-left">
<video id="videoPlayer" class="float-left" controls="controls">
<source src="img/VID-20191225-WA0000.mp4" type="video/mp4">
</video>
</div>
</div>
</section>
<!--video-section-end-->
<!--promo-section start-->
<section id="about">
<div class="container">
<div class="row justify-content-between align-items-center">
<div class="col-md-7 col-lg-7">
<div class="img-wrap">
<img src="img/how-work.png" alt="how work" class="img-fluid" />
</div>
</div>
<div class="col-md-5 col-lg-5">
<div class="content-info-wrap">
<h2>Company Overview</h2>
<p>Energistically disseminate sustainable services without e-business imperatives. Holisticly maximize world-class collaboration and idea-sharing vis-a-vis reliable. Connect your existing plugins and amplify your mobile app.Energistically disseminate sustainable services without e-business imperatives. Holisticly maximize world-class collaboration and idea-sharing vis-a-vis reliable. Connect your existing plugins and amplify your mobile app.</p>
<a href="about.html" class="page-scroll btn solid-btn animated-btn mr-lg-3">Read More</a>
</div>
</div>
</div>
</div>
</section>
<!--promo-section end-->
<!--how it work start-->
<section id="how-it-work" class="work-process-new ptb-100">
<div class="container">
<div class="row">
<div class="col-sm-12 col-md-9 col-lg-8">
<div class="section-heading text-sm-center text-md-left text-lg-left">
<h2>Problem Statement</h2>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="work-process-wrap">
<div class="single-work-process mt-lg-5 mt-md-5 mt-sm-5 mt-5">
<div class="work-process-icon-wrap color-1-bg rounded">
<i class="icon-md color-1">1</i>
</div>
<span class="work-process-divider"></span>
<div class="work-process-content mt-4">
<p>Compellingly harness reliable methodologies and orthogonal web services. </p>
</div>
</div>
<div class="single-work-process mt-lg-5 mt-md-5 mt-sm-5 mt-5">
<div class="work-process-icon-wrap color-2-bg rounded">
<i class="icon-md color-2">2</i>
</div>
<span class="work-process-divider"></span>
<div class="work-process-content mt-4">
<p>Compellingly harness reliable methodologies and orthogonal web services. </p>
</div>
</div>
<div class="single-work-process mt-lg-5 mt-md-5 mt-sm-5 mt-5">
<div class="work-process-icon-wrap color-3-bg rounded">
<i class="icon-md color-3">3</i>
</div>
<span class="work-process-divider"></span>
<div class="work-process-content mt-4">
<p>Compellingly harness reliable methodologies and orthogonal web services. </p>
</div>
</div>
<div class="single-work-process mt-lg-5 mt-md-5 mt-sm-5 mt-5">
<div class="work-process-icon-wrap color-4-bg rounded">
<i class="icon-md color-4">4</i>
</div>
<span class="work-process-divider"></span>
<div class="work-process-content mt-4">
<p>Compellingly harness reliable methodologies and orthogonal web services. </p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--how it work end-->
<!--promo section new start-->
<section id="solution" class="promo-new ptb-100">
<div class="container">
<div class="row justify-content-center">
<div class="col-md-9 col-lg-8">
<div class="section-heading text-center mb-2">
<h2>Our Solution</h2>
<p class="lead">Turn your mobile visitors into your best customers. Efficiently syndicate flexible content via cost effective initiatives completely leverage vertical quality.</p>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4 col-lg-4">
<div class="new-single-promo rounded p-5 border-color-1 mt-4">
<div class="promo-img-wrap mb-4">
<span class="icon-lg color-1">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 480.002 480.002" width="50">
<g>
<g>
<path d="M456,288.001h-72v-120h72c4.418,0,8-3.582,8-8v-39.44L479.92,9.137c0.627-4.373-2.409-8.428-6.783-9.055
C472.76,0.028,472.38,0.001,472,0.001H248C243.582,0,240,3.582,239.999,8c0,0.38,0.027,0.76,0.081,1.137L256,120.561v39.44
c0,4.418,3.582,8,8,8h72v120h-8c-13.255,0-24,10.745-24,24s10.745,24,24,24h8v16h-56l7.464-112H296c4.418,0,8-3.582,8-8v-32
c0-4.418-3.582-8-8-8h-56.6c-2.529-17.336-13.011-32.495-28.336-40.984c12.684-28.207,0.1-61.356-28.108-74.04
c-28.207-12.684-61.356-0.1-74.04,28.108c-2.201,4.894-3.687,10.079-4.412,15.397c-43.856-4.744-83.255,26.962-87.999,70.818
c-0.025,0.234-0.05,0.468-0.073,0.702H8c-4.418,0-8,3.582-8,8v32c0,4.418,3.582,8,8,8h8.52L32,472.529
c0.279,4.211,3.78,7.481,8,7.472h432c4.418,0,8-3.582,8-8v-160C480,298.746,469.255,288.001,456,288.001z M257.224,16.001H288v48
h16v-48h16v16h16v-16h48v24h16v-24h16v48h16v-48h30.776l-13.712,96H270.936L257.224,16.001z M272,152.001v-24h176v24H272z
M368,168.001v120h-16v-120H368z M288,208.001v16H168v-16H288z M103.763,136.505c2.199,0.273,4.382,0.66,6.541,1.16
c0.088,0,0.176,0,0.264,0c9.385,2.208,18.153,6.497,25.656,12.552l10.064-12.44c-7.699-6.173-16.47-10.875-25.872-13.872
c2.297-21.914,21.924-37.817,43.838-35.52c21.914,2.297,37.817,21.924,35.52,43.838c-0.678,6.472-2.93,12.68-6.557,18.082
c-2.458,3.671-1.475,8.64,2.197,11.098c0.561,0.375,1.167,0.678,1.803,0.902c13.237,4.673,23.056,15.943,25.872,29.696H160
c-4.418,0-8,3.582-8,8v72c0,4.418-3.582,8-8,8s-8-3.582-8-8v-16c0-13.255-10.745-24-24-24s-24,10.745-24,24v56
c0,4.418-3.582,8-8,8s-8-3.582-8-8v-112c0-4.418-3.582-8-8-8H32.536C36.88,157.007,68.769,132.161,103.763,136.505z M16,224.001
v-16h40v16H16z M224,376.001v88H47.488l-14.936-224H56v72c0,13.255,10.745,24,24,24s24-10.745,24-24v-56c0-4.418,3.582-8,8-8
s8,3.582,8,8v16c0,13.255,10.745,24,24,24s24-10.745,24-24v-32h103.448l-7.448,112h-16C234.745,352.001,224,362.746,224,376.001z
M464,464.001h-24v-40h-16v40h-24v-40h-16v40h-24v-40h-16v40h-24v-40h-16v40h-24v-40h-16v40h-24v-64h224V464.001z M464,384.001
H240v-8c0-4.418,3.582-8,8-8h176c13.255,0,24-10.745,24-24s-10.745-24-24-24h-96c-4.418,0-8-3.582-8-8s3.582-8,8-8h128
c4.418,0,8,3.582,8,8V384.001z M352,352.001v-16h16v16H352z M384,352.001v-16h40c4.418,0,8,3.582,8,8s-3.582,8-8,8H384z" />
</g>
</g>
<g>
<g>
<polygon points="32,80.001 32,64.001 16,64.001 16,80.001 0,80.001 0,96.001 16,96.001 16,112.001 32,112.001 32,96.001
48,96.001 48,80.001 " />
</g>
</g>
<g>
<g>
<polygon points="456,224.001 456,208.001 440,208.001 440,224.001 424,224.001 424,240.001 440,240.001 440,256.001 456,256.001
456,240.001 472,240.001 472,224.001 " />
</g>
</g>
<g>
<g>
<polygon points="152,16.001 152,0.001 136,0.001 136,16.001 120,16.001 120,32.001 136,32.001 136,48.001 152,48.001 152,32.001
168,32.001 168,16.001 " />
</g>
</g>
<g>
<g>
<rect x="288" y="80.001" width="16" height="16" />
</g>
</g>
</svg>
</span>
</div>
<div class="promo-content-wrap">
<h5>A Fast & On Demand Cleaning Services</h5>
</div>
</div>
</div>
<div class="col-md-4 col-lg-4">
<div class="new-single-promo rounded p-5 border-color-2 mt-4">
<div class="promo-img-wrap mb-4">
<span class="icon-lg color-2">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 284 384" width="50">
<g>
<path d="M188.7,135.4c0-31.6,0-63.2,0-95.2c-54.4,0-108.5,0-163,0c0,88.4,0,176.8,0,265.4c54.3,0,108.2,0,162.9,0c0-3.7,0-7.3,0-11
c5.1,2.7,9.7,5.1,14.9,7.8c0,19,0.1,38.8-0.1,58.6c0,5.3-3.4,8.1-8.8,8.1c-58.3,0-116.7,0-175,0c-5.9,0-8.8-3.2-8.8-9.6
c0-21.2,0-42.3,0-63.5c0-41.3-0.2-82.7-0.2-124c0-50,0.1-100,0.1-150c0-8.8,2.4-11.2,11.3-11.2c56.8,0,113.7,0,170.5,0
c8.3,0,10.8,2.4,10.8,10.6c0.1,32.3,0.1,64.7-0.1,97c0,2-1.1,4.4-2.5,6.1c-3.3,4.1-7.1,7.8-10.7,11.7
C189.8,136,189.2,135.7,188.7,135.4z M92,337.5c0,8.3,6.9,15.3,15.1,15.4c8.2,0.1,15.5-7.1,15.6-15.1c0.1-8.5-7.1-15.6-15.6-15.6
C98.7,322.2,92,329,92,337.5z M107,28.8c7.5,0,15,0.2,22.5-0.1c1.6-0.1,3.1-1.9,4.7-3c-1.5-0.9-3-2.5-4.5-2.5
c-14.8-0.2-29.6-0.2-44.4,0c-1.7,0-3.3,1.7-5,2.6c1.8,1,3.5,2.8,5.4,2.9C92.7,29,99.9,28.8,107,28.8z" />
<path d="M164.5,287.8c-4.1-2.1-9.2-4.5-14-7.4c-1.1-0.7-2.2-3.5-1.8-4.5c1.9-4.1,4.5-7.9,7.2-12.4c-6.4,1.4-13.3,2.7-19.9,4.6
c-2.5,0.7-4.2,0.8-6.2-0.9c-4.6-3.8-9.3-7.5-14.2-11.4c8.5-13.2,16.9-26.1,25.2-39c-0.2-0.2-0.5-0.4-0.7-0.6
c-12.4,8.9-24.7,17.7-37.8,27.1c-7.5-9.5-14.8-18.8-21.2-27c7.2-7.4,13.5-13.8,19.7-20.3c0.7-0.8,1.1-1.9,1.6-2.9
c-8.3,2.3-16.4,4.5-24.4,6.8c-3.9,1.1-6.6,0.3-8.4-3.8c-2.1-5-4.6-9.8-7.2-15.3c27.9-3.8,52-13.5,69.8-36
c26,25.9,51.6,51.5,76.9,76.8c-8.4,10.7-17.2,20.6-24.5,31.5C177.2,263.9,171.3,275.7,164.5,287.8z" />
<path d="M260.3,111.3c0.3-8.1-3.3-12.9-9.2-13c-5.1-0.1-9.7,4.4-9.7,9.5c-0.1,6,4.7,9.6,12.6,9.4c-19.3,18.7-38.3,37.2-57.3,55.7
c-4.7-4.8-10.5-10.6-16.7-16.8c15.9-15.8,32-31.8,48-47.7c5.9-5.9,11.4-12.2,17.8-17.5c3.9-3.3,8.9-5.9,13.8-7.4
c6.6-2,11.8,2.9,11.5,9.9C270.6,100.7,266.3,106.1,260.3,111.3z" />
<path d="M136.2,140.6c6.7-8.2,14.4-8.6,22.1-1c19.1,19,38.2,38,57.3,57c6.6,6.6,5.8,14.2-2.1,21.3
C187.9,192.2,162.2,166.5,136.2,140.6z" />
<path d="M205.8,293.4c-8,0-13.7-5.5-13.7-13.3c0-7.3,6-13.3,13.4-13.3c7.4,0,13.4,6,13.4,13.2C218.9,287.8,213.4,293.4,205.8,293.4
z" />
<path d="M188.7,265.8c-0.3-11,8.9-16.4,14.6-24c0,5.5,0,11.1,0,16.3C198.7,260.6,194.1,263,188.7,265.8z" />
<path d="M244.3,278c-0.1,5.3-1.9,7.4-5.5,7.5c-3.5,0-5.8-2-5.7-5.5c0-3.5,2.5-5.9,5.8-5.4C241.2,274.9,243.1,277.2,244.3,278z" />
</g>
</svg>
</span>
</div>
<div class="promo-content-wrap">
<h5>latest consumer Web & Technology Solution</h5>
</div>
</div>
</div>
<div class="col-md-4 col-lg-4">
<div class="new-single-promo rounded p-5 border-color-3 mt-4">
<div class="promo-img-wrap mb-4">
<span class="icon-lg color-3">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" width="50">
<g>
<g>
<g>
<path d="M117.333,234.667H352c5.896,0,10.667-4.771,10.667-10.667s-4.771-10.667-10.667-10.667H117.333
c-5.896,0-10.667,4.771-10.667,10.667S111.438,234.667,117.333,234.667z" />
<path d="M245.333,341.333h-128c-5.896,0-10.667,4.771-10.667,10.667c0,5.896,4.771,10.667,10.667,10.667h128
c5.896,0,10.667-4.771,10.667-10.667C256,346.104,251.229,341.333,245.333,341.333z" />
<path d="M471.167,149.333c-0.618,0-1.217,0.155-1.833,0.184V64c0-23.531-19.146-42.667-42.667-42.667h-384
C19.146,21.333,0,40.469,0,64v384c0,23.531,19.146,42.667,42.667,42.667h384c23.521,0,42.667-19.135,42.667-42.667V249.745
l30.708-30.703c0,0,0,0,0-0.01c7.604-7.604,11.958-18.125,11.958-28.865C512,167.646,493.688,149.333,471.167,149.333z
M138.667,64c5.891,0,10.667,4.775,10.667,10.667c0,5.891-4.776,10.667-10.667,10.667S128,80.557,128,74.667
C128,68.775,132.776,64,138.667,64z M96,64c5.891,0,10.667,4.775,10.667,10.667c0,5.891-4.776,10.667-10.667,10.667
s-10.667-4.776-10.667-10.667C85.333,68.775,90.109,64,96,64z M53.333,64C59.224,64,64,68.775,64,74.667
c0,5.891-4.776,10.667-10.667,10.667s-10.667-4.776-10.667-10.667C42.667,68.775,47.443,64,53.333,64z M426.667,448h-384V128h384
v48.914L326.232,277.333H117.333c-5.896,0-10.667,4.771-10.667,10.667s4.771,10.667,10.667,10.667h191.785l-10.243,51.24
c-0.708,3.5,0.396,7.115,2.917,9.635c2.021,2.021,4.75,3.125,7.542,3.125c0.688,0,1.396-0.073,2.083-0.208l53.313-10.667
c2.083-0.417,3.979-1.427,5.458-2.917l56.479-56.47V448z M454.249,234.665l-27.587-27.587l15.083-15.083l27.589,27.589
L454.249,234.665z" />
</g>
</g>
</g>
</svg>
</span>
</div>
<div class="promo-content-wrap">
<h5>App with a Certainty & Quality of Service</h5>
</div>
</div>
</div>
</div>
</div>
</section>
<!--promo section new end-->
<!--screenshots section start-->
<section id="screenshots" class="screenshots-section ptb-100 gray-light-bg">
<div class="container">
<div class="row justify-content-center">
<div class="col-md-9 col-lg-8">
<div class="section-heading text-center mb-5">
<h2>How it Works</h2>
<p>Credibly synthesize multimedia based networks vis-a-vis top-line growth strategies. Continually leverage existing worldwide interfaces </p>
</div>
</div>
</div>
<!--start app screen carousel-->
<div class="screen-slider-content">
<div class="screenshot-frame"></div>
<div class="screen-carousel owl-carousel owl-theme dot-indicator">
<img src="img/Spalsh.png" class="img-fluid" alt="screenshots" />
<img src="img/Login-signup.png" class="img-fluid" alt="screenshots" />
<img src="img/Login-2.png" class="img-fluid" alt="screenshots" />
<img src="img/Register.png" class="img-fluid" alt="screenshots" />
<img src="img/Dashboard.png" class="img-fluid" alt="screenshots" />
<img src="img/Home.png" class="img-fluid" alt="screenshots" />
<img src="img/Past_ordr.png" class="img-fluid" alt="screenshots" />
<img src="img/Pyment.png" class="img-fluid" alt="screenshots" />
<img src="img/settings.png" class="img-fluid" alt="screenshots" />
<img src="img/Request.png" class="img-fluid" alt="screenshots" />
<img src="img/Start-Work.png" class="img-fluid" alt="screenshots" />
<img src="img/Notification.png" class="img-fluid" alt="screenshots" />
</div>
</div>
<!--end app screen carousel-->
</div>
</section>
<!--screenshots section end-->
<!--video background section start-->
<section id="download" class="background-video-section" style="background: url('img/hero-bg-1.jpg')no-repeat center center / cover">
<div class="video-section-wrap">
<div class="gradient-overlay">
<div class="player" data-property="{videoURL:'https://www.youtube.com/watch?v=gOqlwlQjVis',containment:'.video-section-wrap', quality:'highres', autoPlay:true, showControls: false, startAt:0, mute:true, opacity: 1}"></div>
<div class="container">
<div class="row justify-content-around align-items-center">
<div class="col-md-6 col-lg-5">
<div class="download-txt text-white ptb-100">
<h2 class="text-white">
Download Our App
</h2>
<p class="lead">Conveniently transform frictionless mindshare after orthogonal manufactured products.</p>
<div class="action-btns download-btn mt-4">
<a href="#" class="btn solid-white-btn mr-3"> <span class="ti-apple mr-2"></span> App Store</a>
<a href="#" class="btn outline-white-btn"> <span class="ti-android mr-2"></span> Play Store</a>
</div>
</div>
</div>
<div class="col-md-6 col-lg-7">
<div class="d-flex align-items-end">
<img class="img-fluid" src="img/hand-with-app.png" alt="download" />
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--video background section end-->
</div>
<!--body content wrap end-->
<!--footer section start-->
<footer class="footer-section">
<!--footer top start-->
<div class="footer-top gradient-bg">
<div class="container">
<div class="row">
<div class="col-lg-4 col-12">
<div class="footer-nav-wrap text-white mb-0 mb-md-4 mb-lg-0">
<a class="d-block" href="#"><img src="img/logo-white.png" alt="footer logo" class="img-fluid mb-1"></a>
<p>Intrinsicly matrix high standards in niches whereas intermandated niche markets. Objectively harness competitive resources.</p>
<ul class="list-unstyled social-list mb-0">
<li class="list-inline-item"><a href="#" class="rounded"><span class="ti-facebook white-bg color-2 shadow rounded-circle"></span></a></li>
<li class="list-inline-item"><a href="#" class="rounded"><span class="ti-twitter white-bg color-2 shadow rounded-circle"></span></a></li>
<li class="list-inline-item"><a href="#" class="rounded"><span class="ti-linkedin white-bg color-2 shadow rounded-circle"></span></a></li>
</ul>
</div>
</div>
<div class="col-lg-2 col-md-4 col-12">
<div class="footer-nav-wrap text-white">
<h5 class="text-white">Usefull Links</h5>
<ul class="list-unstyled footer-nav-list mt-3">
<li><a href="about.html" class="text-foot"><span class="ti-angle-double-right"></span> About Us</a></li>
<li><a href="privacy.html" class="text-foot"><span class="ti-angle-double-right"></span> Privacy Policy</a></li>
<li><a href="contact.html" class="text-foot"><span class="ti-angle-double-right"></span> Contact Us</a></li>
</ul>
</div>
</div>
<div class="col-lg-2 col-md-4 col-12">
</div>
<div class="col-lg-4 col-md-4 col-12">
<div class="footer-nav-wrap text-white">
<h5 class="text-light footer-head">Newsletter</h5>
<p>Subscribe our newsletter to get our update. We don't send span email to you.</p>
<form action="#" class="newsletter-form mt-3">
<div class="input-group">
<input type="email" class="form-control" id="email" placeholder="Enter your email" required="">
<div class="input-group-append">
<button class="btn solid-btn subscribe-btn btn-hover" type="submit">
Subscribe
</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<!--footer top end-->
<!--footer copyright start-->
<div class="footer-bottom gray-light-bg py-3">
<div class="container">
<div class="row text-center justify-content-center">
<div class="col-md-6 col-lg-5">
<p class="copyright-text pb-0 mb-0">Copyrights © 2019. All rights reserved by Smit Dudhat</p>
</div>
</div>
</div>
</div>
<!--footer copyright end-->
</footer>
<!--footer section end-->
<!--bottom to top button start-->
<button class="scroll-top scroll-to-target" data-target="html">
<span class="ti-angle-up"></span>
</button>
<!--bottom to top button end-->
<!--jQuery-->
<script src="js/jquery-3.4.1.min.js"></script>
<!--Popper js-->
<script src="js/popper.min.js"></script>
<!--Bootstrap js-->
<script src="js/bootstrap.min.js"></script>
<!--Magnific popup js-->
<script src="js/jquery.magnific-popup.min.js"></script>
<!--jquery easing js-->
<script src="js/jquery.easing.min.js"></script>
<!--jquery ytplayer js-->
<script src="js/jquery.mb.YTPlayer.min.js"></script>
<!--wow js-->
<script src="js/wow.min.js"></script>
<!--owl carousel js-->
<script src="js/owl.carousel.min.js"></script>
<!--countdown js-->
<script src="js/jquery.countdown.min.js"></script>
<!--custom js-->
<script src="js/scripts.js"></script>
</body>
</html>