-
Notifications
You must be signed in to change notification settings - Fork 0
/
coming-soon-v2.html
82 lines (82 loc) · 6.94 KB
/
coming-soon-v2.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
<!doctype html>
<html class="no-js show-theme-demos" lang="en">
<head>
<title>Litho – The Multipurpose HTML5 Template</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="author" content="ThemeZaa">
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1" />
<meta name="description" content="Litho is a clean and modern design, BootStrap 4 responsive, business and portfolio multipurpose HTML5 template with 36+ ready homepage demos.">
<!-- favicon icon -->
<link rel="shortcut icon" href="images/favicon.png">
<link rel="apple-touch-icon" href="images/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
<!-- style sheets and font icons -->
<link rel="stylesheet" type="text/css" href="css/font-icons.min.css">
<link rel="stylesheet" type="text/css" href="css/theme-vendors.min.css">
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" type="text/css" href="css/responsive.css" />
</head>
<body>
<!-- start banner section -->
<section class="p-0 cover-background min-h-100vh" style="background-image: url('images/coming-soon-v2-bg.jpg')">
<div class="container-fluid p-0">
<div class="row">
<div class="col-auto col-sm-12 full-screen full-screen-auto padding-100px-all lg-padding-70px-all sm-padding-20px-tb sm-padding-35px-lr text-center text-md-left">
<div class="d-flex h-100 justify-content-between flex-column">
<a class="navbar-brand" href="index.html">
<img src="images/logo-white-big.png" data-at2x="images/[email protected]" class="default-logo" alt="">
</a>
<div class="md-margin-30px-tb">
<h1 class="alt-font text-gradient-sky-blue-pink font-weight-600 margin-10px-bottom d-inline-block ">Hello Guys!</h1>
<h3 class="alt-font d-block text-white">We're coming soon...</h3>
<p class="text-extra-medium text-white opacity-5 line-height-28px font-weight-300 margin-50px-bottom xs-margin-40px-bottom w-450px sm-w-100">We're currently working hard on this page. Subscribe our newsletter to get update when it'll be live.</p>
<div data-enddate="2021/12/14 12:00:00" class="countdown countdown-style-01 alt-font z-index-1 margin-40px-bottom xs-margin-10px-bottom"></div>
<a href="coming-soon-v2.html#notify_form" class="btn btn-medium bg-white btn-transparent-white btn-rounded lg-margin-15px-bottom md-no-margin-bottom md-margin-auto-lr notify-form-button"><span class="text-gradient-fast-blue-purple text-extra-dark-gray">notify me</span></a>
<!-- start search input -->
<form id="notify_form" action="https://lithohtml.themezaa.com/email-templates/subscribe-newsletter.php" method="post" class="mfp-hide notify-popup-main">
<div class="container">
<div class="row align-items-center justify-content-center text-center text-md-left">
<div class="col-12 col-md-4 notify-form-img sm-margin-40px-bottom d-none d-md-inline-block">
<img src="images/coming-soon-v2-img.png" alt="">
</div>
<div class="col-12 col-md-7 col-lg-6 offset-lg-1 notify-form padding-80px-bottom md-padding-30px-bottom sm-no-padding-bottom">
<h4 class="alt-font text-extra-dark-gray font-weight-600 margin-15px-bottom">Let's get started now</h4>
<p class="text-medium-gray margin-3-rem-bottom">Lorem ipsum dolor sit amet, consectetur adipiscing elit, do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ipsum is simply dummy.</p>
<div class="newsletter-email position-relative w-90 sm-w-100 d-inline-block">
<input class="border-radius-5px extra-large-input m-0 required" name="email" placeholder="Your email address" type="email">
<input type="hidden" name="redirect" value="">
<button class="btn line-height-0px text-medium text-extra-dark-gray submit" type="submit"><i class="fa fa-arrow-right"></i></button>
</div>
<div class="form-results d-none border-radius-5px"></div>
</div>
</div>
</div>
</form>
<!-- end search input -->
</div>
<div class="social-icon-style-06 dark">
<ul class="small-icon">
<li><a class="facebook text-white" href="https://www.facebook.com/" target="_blank"><i class="fab fa-facebook-f"></i></a></li>
<li><a class="dribbble text-white" href="http://www.dribbble.com" target="_blank"><i class="fab fa-dribbble"></i></a></li>
<li><a class="twitter text-white" href="http://www.twitter.com" target="_blank"><i class="fab fa-twitter"></i></a></li>
<li><a class="instagram text-white" href="http://www.instagram.com" target="_blank"><i class="fab fa-instagram"></i></a></li>
<li><a class="linkedin text-white" href="http://www.linkedin.com" target="_blank"><i class="fab fa-linkedin-in"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- end banner section -->
<!-- start scroll to top -->
<a class="scroll-top-arrow" href="javascript:void(0);"><i class="feather icon-feather-arrow-up"></i></a>
<!-- end scroll to top -->
<!-- javascript -->
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/theme-vendors.min.js"></script>
<script type="text/javascript" src="js/main.js"></script>
</body>
</html>