-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
193 lines (159 loc) · 7.81 KB
/
index.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
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
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
<!DOCTYPE HTML>
<!--
Spectral by HTML5 UP
html5up.net | @n33co
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html><head>
<title>Infinis</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
<link rel="stylesheet" href="assets/css/main.css"/>
<link rel="stylesheet" href="assets/css/fonts/style.css" />
<!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
<!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
</head>
<script language="JavaScript" type="text/JavaScript">function scrollToTop() {window.scrollTo(0,0);}</script>
<body class="landing">
<body onload="scrollToTop()">
<!-- Page Wrapper -->
<div id="page-wrapper">
<!-- Header -->
<header id="header" class="alt">
<h1><img src="images/logo3.png" alt="Infinis" style="float:left;width:50px;height:50px;"> Infinis</a></h1>
<nav id="nav">
<ul>
<li class="special">
<a href="#menu" class="menuToggle"><span>Menu</span></a>
<div id="menu">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="#what">What</a></li>
<li><a href="#innovations">Innovations</a></li>
<li><a href="#demo">Demo</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</div>
</li>
</ul>
</nav>
</header>
<!-- Banner -->
<section id="banner">
<div class="inner">
<h2>M.A.P.S.</h2>
<p>Autonomous<br />
Urban Vehicle<br />
Platform
</p>
</ul>
</div>
<a href="#one" class="more scrolly">Learn More</a>
</section>
<!-- RENAME ALL YOURS SECTION IDs */ --!>
<!-- One -->
<A NAME="what">
<section id="one" class="wrapper style1 special">
<div class="inner">
<header class="major">
<h2>Changing cities, one drone at a time </h2>
<p>More than half of the worlds population lives in a city. That's more than 3 billion people, a number which will double in the next 30 years. With an increase in urban population comes an increase in demand for all the things that make city life possible. Efficient and innovative transportation systems must be built in order to meet that demand.That's where we come in. Our MAPS platform allows drones to operate in an urban environment in order to fulfill roles in transportation, law enforcement, and more. We designed MAPS to address the current and future needs of cities, and to make it easier for everyone to work, live, and play in the cities they call home.</p>
</header>
<ul class="icons major">
<div>
<li><span class="icon icon-drink2 major style2"></span></li>
<li><span class="icon icon-box major style1"></span></li>
<li><span class="icon icon-spoon-knife major style3"</span></li>
</ul>
</div>
</section>
<!-- Two -->
<A NAME="innovations">
<section id="two" class="wrapper style3 special">
<div class="inner">
<header class="major">
<h2>Essential Innovations</h2>
<p>We believe that automated drone delivery can be safe, effecient, and easy. We've designed our system from the ground up with these requirements in mind. </p>
</header>
<ul class="features">
<li class="icon icon-radio">
<h3>Autonomous</h3>
<p>MAPS uses custom built 3D scans of an operating area, so it doesn't have to connect to outside software or human pilos. Everything the drone needs to use the platform is contained onboard.</p>
</li>
<li class="icon icon-history">
<h3>Efficient</h3>
<p>There can be dozens of potential routes between any two points in a city. MAPS uses advanced pathfinding algorithms to find and follow the shortest path between any two points, automatically.</p>
</li>
<li class="icon icon-pig">
<h3>Economical</h3>
<p>Traditional transportation systems face high construction and opportunity costs. MAPS uses a cities exiting urban layout and airspace to avoid these problems, offering a lower-cost solution.</p>
</li>
<li class="icon icon-external-link-square">
<h3>Scalable</h3>
<p>Cities grow in three dimensions, but their transportation systems only grow in two. MAPS operates in 3D space, allowing for higher traffic density than existing systems.</p>
</li>
</ul>
</div>
</section>
<!-- Three -->
<A NAME="demo">
<section id="three" class="wrapper style2 special">
<div class="inner">
<header class="major">
<h2>Check out our demo</h2>
<p>We know seeing is believing, so we built a demo using Boston's North End neighborhood. Now you can see how MAPS works, in a real world environment. </p>
<p>Use your mouse to move the target, and the drone will follow, automatically choosing the shortest valid path. It'll move around buildings, over parks, and through side streets till it reaches its goal. Use WASD and your mouse scroll to explore the neighborhood.</p>
<div class="box container 80%">
<iframe src="assets/demo.html" width="960" height="650" scrolling="no"></iframe>
</div>
</div>
</section>
<!-- Contact -->
<A NAME="contact">
<section id="contact" class="main style3 secondary">
<div class="content container">
<header class="major">
<h2>Say Hello</h2>
<p>Want to know when we're bringing MAPS to a city near you? Have a partnership idea you'd like to tell us about? Use the contact form below to get in touch with us. </p>
</header>
<div class="box container 75%">
<!-- Contact Form -->
<form method="POST" action="mail.php">
<div class="row 50%">
<div class="6u 12u(mobile)"><input type="text" name="name" placeholder="Name" /></div>
<div class="6u 12u(mobile)"><input type="email" name="email" placeholder="Email" /></div>
</div>
<div class="row 50%">
<div class="12u"><textarea name="message" placeholder="Message" rows="6"></textarea></div>
</div>
<div class="row">
<div class="12u">
<ul class="actions">
<li><input type="submit" value="Send Message" /></li>
</ul>
</div>
</div>
</form>
</div>
</div>
</section>
<!-- Footer -->
<footer id="footer">
<ul class="copyright">
<li>© Infinis</li><li><a href="mailto:[email protected]">Contact US</a></li><br><br>
<p2>Design: <a href="http://html5up.net">HTML5 UP</a></p2>
</ul>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.poptrox.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/skel.min.js"></script>
<script src="assets/js/util.js"></script>
<!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
<script src="assets/js/main.js"></script>
</body>
</html>