Repository navigation
Expand file tree
/
Copy pathpartner.html
More file actions
166 lines (139 loc) · 8.35 KB
/
Copy pathpartner.html
File metadata and controls
166 lines (139 loc) · 8.35 KB
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
<!DOCTYPE html><!--[if IE 8 ]>
<html lang="en" class="no-js ie8"></html><![endif]-->
<!--[if IE 9 ]>
<html lang="en" class="no-js ie9"></html><![endif]-->
<html class="no-js" lang="en">
<head>
<meta charset="UTF-8">
<meta name="description" content="Sella - Creative html Template">
<meta name="author" content="createIT">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, maximum-scale=1, shrink-to-fit=no">
<meta name="format-detection" content="telephone=no">
<link rel="shortcut icon" href="assets/images/favicon.ico">
<link rel="apple-touch-icon" href="assets/images/favicon.png">
<title>Hyperloop UC</title>
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/font-awesome.min.css">
<link rel="stylesheet" href="assets/css/style.css"><!--[if lt IE 9]>
<script src="assets/js/html5shiv.min.js"></script>
<script src="assets/js/respond.min.js"></script>
<script src="assets/js/es5-shim.min.js"></script><![endif]-->
<!--pod slider script-->
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script type="text/javascript" src="assets/js/podscripts/jquery.parallax-1.1.3.js"></script>
<script type="text/javascript" src="assets/js/podscripts/jquery.localscroll-1.2.7-min.js"></script>
<script type="text/javascript" src="assets/js/podscripts/jquery.scrollTo-1.4.2-min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#nav_pod').localScroll(800);
//.parallax(xPosition, speedFactor, outerHeight) options:
//xPosition - Horizontal position of the element
//inertia - speed to move relative to vertical scroll. Example: 0.1 is one tenth the speed of scrolling, 2 is twice the speed of scrolling
//outerHeight (true/false) - Whether or not jQuery should use it's outerHeight option to determine when a section is in the viewport
$('#intro').parallax("50%", 0.1);
$('#second').parallax("50%", 0.1);
$('.bg').parallax("50%", 0.4);
$('#third').parallax("50%", 0.3);
})
</script>
</head>
<body class="cssAnimate">
<div id="ct-js-wrapper" class="ct-pageWrapper">
<div id="header"></div>
<!--<header data-background="assets/images/content/slider-bg.jpg" data-height="34%" data-parallax="50" class="ct-u-display-tablex text-uppercase text-center">
<div class="inner">
<h1 class="h1 ct-u-color- -white ct-u-margin-top-20">OUR POD</h1>
</div>
</header>-->
<header>
<div data-background="assets/images/content/slider-bg.jpg" class="ct-header tablex item">
<div data-height="100%" class="ct-u-display-tablex">
<div class="inner text-uppercase">
<div class="container ct-u-color--white text-center">
<h2 class="h2">Partner Up</h2>
</div>
</div>
</div>
</div>
</header>
<section id="section" class="ct-section-image-col2" style="text-align: center; margin-bottom: -30%">
<div class="ct-section-item ct-section-item-content">
<div class="ct-section-header ct-section-header-decoration-center about-hyperloop-h1">
<h2 class="h1 about-hyperloop-h1">The Hyperloop</h2>
</div>
<p>Get ready for the Sphinx of public transport! The idea of a car,
the convenience of a train and the speed of a plane! It doesn’t get better than this!
</br></br>
The Hyperloop is a new, futuristic mode of transportation conceptualized by entrepreneur
and Tesla Motors CEO, Elon Musk. It is a high speed ground transportation system that
relies on pressurized pods or capsules travelling inside a reduced-pressure tube.
It is both cheaper and greener. And it is no longer just conceptual. Construction of a
full scale prototype is already in progress.
</br></br>
Based on the <i>"Hyperloop (Alpha)"</i> <a href="http://www.spacex.com/sites/spacex/files/hyperloop_alpha-20130812.pdf" target="__blank"><span style="color: #e00122;">white-paper</span></a> , SpaceX is now organizing
the Hyperloop pod competition to design the best pods.
</div>
<div class="clearfix"></div>
</section>
<!--Sponsors-->
<section data-background="assets/images/content/parallax-section2.jpg" data-height="100%" class="ct-section ct-u-relative tablex ct-section-absolute-cta">
<div class="container text-center">
<div class="ct-u-margin-bottom-80 " style="margin-top: 30%"><a href="index.html"><img src="assets/images/content/logo-section.png" alt="" width="40%"></a></div>
<div class="ct-u-margin-bottom-80 ">
<span class="ct-u-margin-bottom-80 "><a href="index.html"><img src="assets/images/content/logo-section.png" alt="" width="30%"></a></span>
<span style="margin: 0 2%;"></span>
<span class="ct-u-margin-bottom-80 "><a href="index.html"><img src="assets/images/content/logo-section.png" alt="" width="30%"></a></span>
<span style="margin: 0 2%;"></span>
<span class="ct-u-margin-bottom-80 "><a href="index.html"><img src="assets/images/content/logo-section.png" alt="" width="30%"></a></span>
</div>
<div class="ct-u-margin-bottom-80 ">
<span class="ct-u-margin-bottom-80 "><a href="index.html"><img src="assets/images/content/logo-section.png" alt="" width="20%"></a></span>
<span style="margin: 0 2%;"></span>
<span class="ct-u-margin-bottom-80 "><a href="index.html"><img src="assets/images/content/logo-section.png" alt="" width="20%"></a></span>
<span style="margin: 0 2%;"></span>
<span class="ct-u-margin-bottom-80 "><a href="index.html"><img src="assets/images/content/logo-section.png" alt="" width="20%"></a></span>
<span style="margin: 0 2%;"></span>
<span class="ct-u-margin-bottom-80 "><a href="index.html"><img src="assets/images/content/logo-section.png" alt="" width="20%"></a></span>
</div>
<div class="ct-u-margin-bottom-80 ">
<span class="ct-u-margin-bottom-80 "><a href="index.html"><img src="assets/images/content/logo-section.png" alt="" width="20%"></a></span>
<span style="margin: 0 2%;"></span>
<span class="ct-u-margin-bottom-80 "><a href="index.html"><img src="assets/images/content/logo-section.png" alt="" width="20%"></a></span>
<span style="margin: 0 2%;"></span>
<span class="ct-u-margin-bottom-80 "><a href="index.html"><img src="assets/images/content/logo-section.png" alt="" width="20%"></a></span>
</div>
<div data-autoplay="true" data-autoplaySpeed="2000" data-arrows="false"
data-items-xs="2" data-items-sm="3" data-items-md="4" data-items-lg="6" data-items="1"
class="ct-slick ct-js-slick ct-u-margin-bottom-80"
style="margin-top: -5%">
<div class="tablex item"><a href="https://www.uc.edu/" target="__blank"><img src="assets/images/uc_logo_sm.png" alt=""></a></div>
<div class="tablex item"><img src="assets/images/content/company-logo2.png" alt=""></div>
<div class="tablex item"><img src="assets/images/content/company-logo3.png" alt=""></div>
<div class="tablex item"><img src="assets/images/content/company-logo4.png" alt=""></div>
<div class="tablex item"><img src="assets/images/content/company-logo5.png" alt=""></div>
<div class="tablex item"><img src="assets/images/content/company-logo6.png" alt=""></div>
</div>
</div>
</section>
<!-- Footer-->
<footer class="ct-footer" >
<div class="container" id="footerContainer">
</div>
</footer>
<!-- Mobile Menu //-->
<!-- JavaScripts-->
<script src="assets/js/sella.min.js"></script>
<script src="assets/js/main.js"></script>
<script src="assets/form/js/contact-form.js"></script>
<script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
<script>
$(function(){
$("#footerContainer").load("footer.html");
});
$(function(){
$("#header").load("header.html");
});
</script>
</body>
</html>