-
Notifications
You must be signed in to change notification settings - Fork 176
/
test.html
115 lines (112 loc) · 7.16 KB
/
test.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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title></title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="css/socicon.css" rel="stylesheet" type="text/css" media="all" />
<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/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" rel="stylesheet">
</head>
<body data-smooth-scroll-offset="77">
<div class="nav-container"> </div>
<div class="main-container">
<section class="cover height-100 text-center">
<div class="container pos-vertical-center">
<div class="row">
<div class="col-sm-6 col-md-4">
<h1 class="color--primary">Hi, I'm Stack</h1>
<h1>Smart, simple<br class="hidden-xs hidden-sm"> and responsive.</h1>
<a class="btn btn--primary type--uppercase" href="#customise-template"> <span class="btn__text">
Launch The Builder
</span> </a>
<div class="modal-instance block">
<div class="video-play-icon video-play-icon--xs modal-trigger bg--primary"></div> <span>Watch Overview</span>
<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>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="cover height-80">
<div class="container pos-vertical-center">
<div class="row">
<div class="col-sm-11 col-md-8"> <span class="h2">
<span class="color--primary">Hi, we're Stack</span> a digital design firm specialising in end-to-end marketing campaigns. We partner with startups and companies, small and large. </span>
<div class="modal-instance block">
<div class="video-play-icon video-play-icon--sm bg--primary modal-trigger"></div> <span><strong>Watch our film</strong> 104 Seconds</span>
<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>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="cover height-80">
<div class="container pos-vertical-center">
<div class="row">
<div class="col-sm-11 col-md-8"> <span class="h2">
<span class="color--primary">Hi, we're Stack</span> a digital design firm specialising in end-to-end marketing campaigns. We partner with startups and companies, small and large. </span>
<div class="modal-instance block">
<div class="video-play-icon video-play-icon--sm bg--primary modal-trigger"></div> <span><strong>Watch our film</strong> 104 Seconds</span>
<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>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="text-center">
<div class="container">
<div class="row">
<div class="col-sm-8 col-md-6">
<div class="cta">
<h2>Would you like to help us spread the word in Universities?</h2>
<p class="lead">We are looking for students that help us explain what the program is about in different Universities.</p>
<a class="btn btn--primary type--uppercase" href="https://spaniardstosv.typeform.com/to/yFaZv2" target="_self">
<font color="#ffffff"><span><b>A</b></span></font>
</a>
</div>
</div>
</div>
</div>
</section>
<footer class="text-center-xs space--xs">
<div class="container">
<div class="row">
<div class="col-sm-7">
<ul class="list-inline">
<li> <a href="#"><span class="h6 type--uppercase">About</span></a> </li>
<li> <a href="#"><span class="h6 type--uppercase">Careers</span></a> </li>
<li> <a href="#"><span class="h6 type--uppercase">Support</span></a> </li>
</ul>
</div>
<div class="col-sm-5 text-right text-center-xs">
<ul class="social-list list-inline list--hover">
<li><a href="#"><i class="socicon socicon-google icon icon--xs"></i></a></li>
<li><a href="#"><i class="socicon socicon-twitter icon icon--xs"></i></a></li>
<li><a href="#"><i class="socicon icon icon-Mail-Love icon--xs"></i></a></li>
<li><a href="#"><i class="socicon socicon-instagram icon icon--xs"></i></a></li>
</ul>
</div>
</div>
<div class="row">
<div class="col-sm-7"> <span class="type--fine-print">© <span class="update-year">2017</span> Stack Inc.</span> <a class="type--fine-print" href="#">PrivacyPolcy</a> <a class="type--fine-print" href="#">Legal</a> </div>
<div class="text-right text-center-xs col-sm-12"> <a class="type--fine-print inner-link" href="#" target="_self">[email protected]</a> </div>
</div>
</div>
</footer>
</div>
<script src="js/jquery-3.1.1.min.js"></script>
<script src="js/parallax.js"></script>
<script src="js/smooth-scroll.min.js"></script>
<script src="js/scripts.js"></script>
</body>
</html>