forked from IOSD/IOSD-2018-Website
-
Notifications
You must be signed in to change notification settings - Fork 0
/
home-coming-soon-3.html
129 lines (127 loc) · 7.61 KB
/
home-coming-soon-3.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
<!doctype html>
<html lang="en">
<!-- Mirrored from trystack.mediumra.re/home-coming-soon-3.html by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 09 Jul 2018 08:18:38 GMT -->
<head>
<meta charset="utf-8">
<title>Stack Multipurpose HTML Template</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Site Description Here">
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/stack-interface.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/socicon.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/lightbox.min.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/flickity.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/iconsmind.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/jquery.steps.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/theme.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/custom.css" rel="stylesheet" type="text/css" media="all" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans:200,300,400,400i,500,600,700%7CMerriweather:300,300i" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
</head>
<body class=" ">
<a id="start"></a>
<div class="nav-container ">
<nav class="bar bar-4 bar--transparent bar--absolute" data-fixed-at="200">
<div class="container">
<div class="row">
<div class="col-lg-1 col-md-2 col-md-offset-0 col-4">
<div class="bar__module">
<a href="index.html">
<img class="logo logo-dark" alt="logo" src="img/logo-dark.png" />
<img class="logo logo-light" alt="logo" src="img/logo-light.png" />
</a>
</div>
<!--end module-->
</div>
<div class="col-lg-4 col-lg-offset-0 col-md-5 col-md-offset-0 col-8 col-offset-2">
<div class="bar__module">
<a class="btn btn--sm type--uppercase" href="https://iosd.tech/registrations/">
<span class="btn__text">
Try Builder
</span>
</a>
<a class="btn btn--sm btn--primary type--uppercase" href="https://portal.iosd.tech/">
<span class="btn__text">
Buy Now
</span>
</a>
</div>
<!--end module-->
</div>
</div>
<!--end of row-->
</div>
<!--end of container-->
</nav>
<!--end bar-->
</div>
<div class="main-container">
<section class="imageblock switchable feature-large height-100 ">
<div class="imageblock__content col-lg-6 col-md-4 pos-right" data-overlay="1">
<div class="background-image-holder">
<img alt="image" src="img/inner-9.jpg" />
</div>
<div class="modal-instance">
<div class="video-play-icon modal-trigger"></div>
<div class="modal-container">
<div class="modal-content bg-dark" data-width="60%" data-height="60%">
<iframe data-src="https://www.youtube.com/embed/6p45ooZOOPo?autoplay=1" allowfullscreen="allowfullscreen"></iframe>
</div>
<!--end of modal-content-->
</div>
<!--end of modal-container-->
</div>
<!--end of modal instance-->
</div>
<div class="container pos-vertical-center">
<div class="row ">
<div class="col-lg-5 col-md-7">
<h1>Build a next-level product page in your browser.</h1>
<p class="lead">
Stack offers a clean and contemporary look to suit a range of purposes from corporate, tech startup, marketing site to digital storefront.
</p>
<div class="bg--secondary boxed boxed--border">
<form action="http://mrare.us8.list-manage.com/subscribe/post?u=77142ece814d3cff52058a51f&id=f300c9cce8" data-success="Thanks for signing up. Please check your inbox for a confirmation email." data-error="Please provide your name and email address and agree to the terms.">
<h6 class="type--uppercase">Beta Open — Request Early Access</h6>
<input class="validate-required" type="text" name="NAME" placeholder="Your Name" />
<input class="validate-required validate-email" type="email" name="EMAIL" placeholder="Email Address" />
<input class="validate-required" type="checkbox" name="group[13737][1]" />
<span>I have read and agree to the
<a href="#">terms and conditions</a>
</span>
<button type="submit" class="btn btn--primary type--uppercase">Request Invite</button>
<div style="position: absolute; left: -5000px;" aria-hidden="true">
<input type="text" name="b_77142ece814d3cff52058a51f_f300c9cce8" tabindex="-1" value="">
</div>
</form>
</div>
</div>
</div>
<!--end of row-->
</div>
<!--end of container-->
</section>
</div>
<!--<div class="loader"></div>-->
<a class="back-to-top inner-link" href="#" data-scroll-class="100vh:active">
<i class="stack-interface stack-up-open-big"></i>
</a>
<script src="js/jquery-3.1.1.min.js"></script>
<script src="js/flickity.min.js"></script>
<script src="js/easypiechart.min.js"></script>
<script src="js/parallax.js"></script>
<script src="js/typed.min.js"></script>
<script src="js/datepicker.js"></script>
<script src="js/isotope.min.js"></script>
<script src="js/ytplayer.min.js"></script>
<script src="js/lightbox.min.js"></script>
<script src="js/granim.min.js"></script>
<script src="js/jquery.steps.min.js"></script>
<script src="js/countdown.min.js"></script>
<script src="js/twitterfetcher.min.js"></script>
<script src="js/spectragram.min.js"></script>
<script src="js/smooth-scroll.min.js"></script>
<script src="js/scripts.js"></script>
</body>
<!-- Mirrored from trystack.mediumra.re/home-coming-soon-3.html by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 09 Jul 2018 08:18:39 GMT -->
</html>