-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathAbout.html
More file actions
159 lines (146 loc) · 8.69 KB
/
About.html
File metadata and controls
159 lines (146 loc) · 8.69 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Hyperloop One - About</title>
<link rel="icon" type="image/png" href="Loop.png">
<link rel="stylesheet" type="text/css" href="css\Index.css">
<link rel="preconnect" href="//fonts.googleapis.com">
<link rel="preconnect" href="//fonts.gstatic.com" crossorigin>
<link rel="preconnect" href="//www.google-analytics.com">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="typer.min.js"></script>
<script type="text/javascript">!function(a){"use strict";a.fn.typer=function(b){function c(a,b){k<b.length?(g=b[k].split(""),h=g.length,setTimeout(function(){a.append(g[j]),j++,j<h?c(a,b):(j=0,k++,setTimeout(function(){e(a,function(){c(a,b)})},i.backspaceDelay))},i.typeSpeed)):i.repeat&&d(a,b)}function d(a,b){k=0,setTimeout(function(){c(a,b)},i.repeatDelay)}function e(a,b){setTimeout(function(){a.text(a.text().slice(0,-1)),0<a.text().length?e(a,b):"function"==typeof b&&b()},i.backspaceSpeed)}function f(a){setInterval(function(){a.fadeOut(400).fadeIn(400)},900)}var g,h,i=a.extend({typeSpeed:60,backspaceSpeed:20,backspaceDelay:800,repeatDelay:1e3,repeat:!0,autoStart:!0,startDelay:100,useCursor:!0,strings:["Typer.js plugin"]},b),j=0,k=0;return this.each(function(){var b,d,e=a(this);i.autoStart&&(e.append('<span class="typed"></span>'),i.useCursor&&(e.append('<span class="typed_cursor">|</span>'),d=e.children(".typed_cursor"),f(d)),b=e.children(".typed"),setTimeout(function(){c(b,i.strings)},i.startDelay))})}}(jQuery);</script>
</head>
<body class="index">
<div class="nav">
<div class="container">
<a href="home.html"><img src="hyperloop.png" class="nav__logo" alt="HeadingLogo" /></a>
<div class="nav__menu">
<li class="nav__menu__item">
<a href="home.html">Home</a>
</li>
<li class="nav__menu__item active">
<a href="About.html">About</a>
</li>
<li class="nav__menu__item ">
<a href="work.html">Works</a>
</li>
<li class="nav__menu__item ">
<a href="partners.html">Partners</a>
</li>
<li class="nav__menu__item ">
<a href="blog/">Blog</a>
</li>
</div>
</div>
</div>
<div class="container u-pt-70">
<div class="pure-g">
<div class="pure-u pure-u-md-8-24 pure-u-sm-24-24" style="padding-top: 150px;">
<img src="hyperloop.png" class="banner--base u-mt-20" alt="HyperLoop" />
</div>
<div class="pure-u pure-u-md-14-24 pure-u-sm-24-24" style="padding-top: 100px;">
<font face="Raleway"><h2 class="typewriter-effect"></h2></font>
<p><font face="Raleway">Hyperloop-One is a San-Francisco based company. Since three years of our opening the company has always had only one goal upon their minds and that is to keep the distances short. Hyperloop uses hyper-pod technlogies to have a direct interface to its station in various cities of world. This company from its starting dates has always had owergrowing attention towards and it. Funded by more than 17 companies and partnered with 4 top bussinesses in the world right now, we help to create a long lasting human connection. </font></p>
<p><font face="Raleway">Thanks for visiting our website and have an exciting journey ahead :)</font></p>
<a href="About.html" class="button">Know more about our Partners ⇢</a>
</div>
</div>
<!-- Projects -->
<div class="pure-g u-pt-120">
<div class="pure-u pure-u-md-12-24 pure-u-sm-24-24 u-padding-10" style="padding-top: 50px; padding-right: 90px;" >
<div class="heading heading--base">
<font face="Raleway">Future</font>
</div>
<p><font face="Raleway">Sinco our founding years, our founders Shervin Pishevar and Brogan BamBrogan have been always motivated by the dream of distanceless future. Here at HyperLoop we dream at making conneection distanceless by introducing a whole new of travelling through magnetic trails.</font></p>
<p><font face="Raleway">Some of the technologies we are using are listed below:</font></p>
<ul class="u-pl-20">
<font face="Raleway"><li>Robots & Artificial Intelligence</li></font>
<font face="Raleway"><li>Magnetic Railways trails for greater pressure.</li></font>
<font face="Raleway"><li>Reduction of air resistance for no opposition reaction</li></font>
<font face="Raleway"><li>Electronics and IC Designing</li></font>
</ul>
<p><font face="Raleway">For modifyin our plans or recomending us some, or working for with us, please feel to subscribe our newletter.</font></p>
<a href="#" class="button">Subscribe Here ⇢</a>
</div>
<div class="pure-u pure-u-md-10-24 pure-u-sm-24-24" style="padding-top: 150px;">
<br>
<img src="images\XP-1.png" class="u-full-width2" alt="HeadEngineRail" />
</div>
</div>
<!-- Brief -->
<div class="pure-g pure-g--gutter u-pt-70" style="padding-top: 150px;">
<div class="pure-u pure-u-md-8-24 pure-u-sm-24-24 u-ptb-20">
<div class="heading heading--base">
<font face="Raleway">Work</font>
</div>
<p><font face="Raleway">Our work range from boring undrground sites for placement of our tracks to creating hyperpods for other aspiring hyperloop projects. We at hyperloop work 24/7 to provide guaranteed, selected and purest form of sevice. HyperLoop welcomes to our Service Panel.</font></p>
<a href="work.html" class="button">See all our services ⇢</a>
</div>
<div class="pure-u pure-u-md-8-24 pure-u-sm-24-24 u-ptb-20">
<div class="heading heading--base">
<font face="Raleway">News</font>
</div>
<p><font face="Raleway">Thanks to our range of Scientists who are always planning of future, due to this we always stay on the world news. To read read about our recent venture, plans and projects head to our news section without any late.</font></p>
<a href="blog/" class="button">See all our recent news ⇢</a>
</div>
<div class="pure-u pure-u-md-8-24 pure-u-sm-24-24 u-ptb-20">
<div class="heading heading--base">
<font face="Raleway">Contact</font>
</div>
<p><font face="Raleway">Feel free to drop a mail regarding issues you find can be changed, or something you want to suggest for a better tomorrow or for joining us to revolutionize the world. </font></p>
<a href="#" class="button">Mail Us ⇢</a>
</div>
</div>
<div class="heading heading--base u-pt-100">
<font face="Raleway">Partners with:</font>
</div>
<div class="pure-g pure-g--gutter_wide u-text-center u-pt-10">
<div class="pure-u pure-u-md-6-24 pure-u-8-24 u-ptb-20">
<img src="images\Tesla.jpg" class="u-full-width banner--grayscale" alt="tesla" />
</div>
<div class="pure-u pure-u-md-6-24 pure-u-8-24 u-ptb-20">
<img src="images\virgin.png" class="u-full-width banner--grayscale" alt="virgin" />
</div>
<div class="pure-u pure-u-md-6-24 pure-u-8-24 u-ptb-20">
<img src="images\boringcomp.png" class="u-full-widthy banner--grayscale" alt="BoringCompany" />
</div>
<div class="pure-u pure-u-md-6-24 pure-u-8-24 u-ptb-20">
<img src="images\dpworld.png" class="u-full-width banner--grayscale" alt="DPworld" />
</div>
</div>
</div>
<footer>
<div class="container">
<div class="pure-g pure-g--gutter">
<div class="pure-u pure-u-md-8-24">
2159 BAY STREET, LOS ANGELES, CA 90021
</div>
<div class="pure-u pure-u-md-8-24">
The website designed with HTML 5 , CSS 3 and JavaScript. Developed by Aniket.
</div>
<div class="pure-u pure-u-md-8-24">
<a href="mailto:aniket.perai@gmail.com" target="_blank" class="button button--grey" href="">Currently we are not interested in employing</a>
</div>
</div>
<center><h6 style="padding-top: 40px;">© & Developed By: Aniket Perai : All Rights Reserved</h6></center>
</div>
</footer>
<script>
$(document).ready(function() {
$(".typewriter-effect").typer({
startDelay: 1500,
repeatDelay: 1500,
backspaceDelay: 1500,
strings: [
"Hello, we are Hyperloop One.",
"Welcome, to our little space on the web!"
] });
});
</script>
</body>
</html>