-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
294 lines (261 loc) · 15.5 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
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
<meta charset="UTF-8">
<title>Tura</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- ICONS -->
<link rel="icon" href="./img/avatar-transparent.png">
<!-- FONTS -->
<link href="./font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Roboto:400,900italic,900,700italic,700,500italic,500,400italic,300italic,300,100italic,100' rel='stylesheet' type='text/css'>
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
<link href='https://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700' rel='stylesheet' type='text/css'>
<!-- latest google font -->
<!-- <link href="https://fonts.googleapis.com/css?family=Lato:300,300i,400i|Open+Sans|Roboto:300,300i,400,400i|Source+Sans+Pro:300,300i,400i,600,600i" rel="stylesheet"> -->
<link href="https://fonts.googleapis.com/css?family=Karma:300,400|Lato:300,300i,400,400i|Montserrat:300,300i,400,500,500i|Open+Sans:400,400i,600|Raleway:300,300i,400,400i,500,600,600i" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Bungee" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Bungee+Shade" rel="stylesheet">
<!-- STYLE SHEETS -->
<link rel="stylesheet" href="./css/bootstrap.min.css">
<link rel="stylesheet" content="text/css" href="./css/overlay.css">
<link rel="stylesheet" content="text/css" href="./css/main.css">
<!-- JAVASCRIPTS -->
<script src="./js/jquery-1.12.3.min.js"></script>
<script src="./js/jquery.easing.1.3.min.js"></script>
<script src="./js/bootstrap.min.js"></script>
</head>
<body id="page-top" >
<!-- Navigation -->
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header page-scroll">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand page-scroll" href="#page-top">
<img class="img-responsive icon" src="./img/avatar-transparent.png"/>
tura.io
</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li class="hidden">
<a href="#page-top"></a>
</li>
<li>
<a class="page-scroll" href="#about">About</a>
</li>
<!-- <li>
<a class="page-scroll" href="#specialties">Specialties</a>
</li>
<li>
<a class="page-scroll" href="#technology">Technology Stack</a>
</li> -->
<li>
<a class="page-scroll" href="#clients">Clients</a>
</li>
<li>
<a href="./consulting.html" href="#consulting">Consulting</a>
</li>
<li>
<a class="page-scroll" href="#team">Team</a>
</li>
<li>
<a href="./blog/blog.html" href="#blog">Blog</a>
</li>
<li>
<a class="page-scroll" href="#contact">Contact</a>
</li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container-fluid -->
</nav>
<!-- Header -->
<header>
<div class="container">
<div class="intro-text">
<!-- <div class="intro-lead-in">tura.io</div> -->
<img class="intro-lead-in" src="./img/tura-logo-transparent.png" width="80%"/>
<div class="intro-heading">Real-Time Pattern Recognition</div>
<!-- <a href="#services" class="page-scroll btn btn-xl">Tell Me More</a> -->
</div>
</div>
</header>
<!-- <div class="divider-sm-inv divider-line-2"></div> -->
<div class="container divider-line"></div>
<!-- About Section -->
<section id="about">
<div class="container">
<div class="row">
<div class="col-lg-12">
<h2 class="section-heading">About</h2>
</div>
<div class="col-lg-12 font-lato font-sm font-size-lg color-7">
Fingerprint, iris, and facial recognition in personal devices for stronger security. Smart electrical power grids that automatically reroute in
response to equipment failure or outages. Self-driving cars that replace manual controls with AI assisted by radar, GPS mapping, and sensors.
Cities with improved traffic flow and efficient street lighting. Agriculture optimized with livestock tracking, geofencing, and sensor-based
resource and field monitoring. Wearable biometric devices paving the way for unprecedented academic study and monitoring of the brain and heart.
<br></br>
Sensor data and the Internet of Things stand to disrupt society as we know it as the next wave of Big Data. Big Data is characterized by its
volume, velocity, and variety, but the nascent proliferation of sensor data and integration with the Internet of Things brings the concept of
Big Data to another magnitude. With sensors in everything from home appliances to industrial machines to biomedical devices returning thousands
of pings per second, data analysis must be intelligent and in real-time to extrapolate meaning from continuous streams of data.
<br></br>
The potential for streaming analytics is vast, but so is the depth and complexity of the problem space. <span class="color-1 font-lg">In the world of
sensor data, retroactive data analysis invalidates the potential of sensor technology.</span> Real-time versus retroactive analysis is the
difference between mitigating a power outage, detecting equipment failure, and preventing accidents.
<br></br>
<span class="color-1 font-lg">tura enables analytics to meet the demands of sensor technology by bringing complex higher math to real-time pattern
recognition.</span> Our platform maps user and sensor data into real-time streams where our pattern recognition software detects user-defined trends
within your data. Complex arrays of patterns can be layered together in a coherent manner to perform detection, decision, and analysis.
<br></br>
This robust and multi-layered approach allows us to define the complex trends seen in real-time data while ensuring that insights are clear and
actionable. Our platform streamlines the analytical process for people of all skill levels. Join us in the movement to democratize real-time
pattern recognition for an irrevocably Big Data world.
</div>
</div>
</div>
</section>
<div class="container divider-line"></div>
<!-- Logos Section -->
<section id="clients">
<div class="container">
<div class="row">
<div class="col-lg-12 font-lato font-sm font-size-lg color-7">
<h2 class="section-heading">Clients</h2>
<!-- <h3 class="section-subheading arch-body">Some of the clients we've had the pleasure working with:</h3> -->
<!-- <div class="col-lg-12 font-lato font-sm font-size-lg color-7"> -->
Some of the clients we've had the pleasure working with:
<!-- </div> -->
</div>
</div>
<div class="divider-lg-inv"></div>
<div class="row">
<!--<div class="col-lg-10 col-lg-offset-1">-->
<div class="col-sm-12">
<div id="myCarousel" class="carousel slide" data-interval="3000" data-ride="carousel">
<!-- Wrapper for carousel items -->
<div class="carousel-inner">
<div class="item">
<img src="./img/logos/clients_1.png">
</div>
<div class="active item">
<img src="./img/logos/clients_2.png">
</div>
<div class="item">
<img src="./img/logos/clients_3.png">
</div>
</div>
<!-- Carousel indicators -->
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
</ol>
</div>
</div>
</div>
<div class="divider-lg-inv"></div>
</div>
</section>
<!-- <div class="divider-sm-inv divider-line-2"></div> -->
<div class="container divider-line"></div>
<!-- Team Section -->
<section id="team">
<div class="container">
<div class="row">
<div class="col-lg-12 font-lato font-sm font-size-lg color-7">
<h2 class="section-heading">Team</h2>
<!-- <h3 class="section-subheading arch-body">The people behind tura:</h3> -->
The people behind tura:
</div>
</div>
<br>
<div class="mugshot-wall">
<div class="row">
<!-- <div class="col-sm-12"><img class="tech-stack" src="./img/logos/tech_stack_blue.png"></div> -->
<img class="mugshot img-circle" src="./img/parham-square.jpg" alt="parham">
<img class="mugshot img-circle" src="./img/molly-lecompte-mugshot-cropped.jpg" alt="molly">
<img class="mugshot img-circle" src="./img/kelson-luc-mugshot-color-cropped.jpg" alt="kelson">
<img class="mugshot img-circle" src="./img/david-nielson-square.jpg" alt="david">
<img class="mugshot img-circle" src="./img/justine-wang-mugshot-cropped.jpg" alt="justine">
<img class="mugshot img-circle" src="./img/cedar-mora-square.jpg" alt="cedar">
<img class="mugshot img-circle" src="./img/adrian-agnic-cropped.jpg" alt="adrian">
<img class="mugshot img-circle" src="./img/charles-emrich-mugshot-copy.jpg" alt="charles">
</div>
</div>
</div>
</section>
<div class="container divider-line"></div>
<!-- Contact Section -->
<section id="contact">
<div class="container">
<div class="row">
<div class="col-lg-12 font-lato font-sm font-size-lg color-7">
<h2 class="section-heading">Contact Us</h2>
<!-- <h3 class="section-subheading text-left color-7">If you require our services or would like to discover how we can assist you; leave us your
name and contact info for a <span class="color-1">free 60 minutes</span> consultation.
</h3> -->
If you require our services or would like to discover how we assist you; leave us your name and contact info for <span class="color-1 font-lg">free 60 minutes</span> consultation.
</div>
</div>
<br>
<div class="row">
<div class="col-lg-12">
<form name="sentMessage" id="contactForm" novalidate>
<div class="row">
<div class="col-md-6 col-sm-offset-1">
<div class="form-group">
<input type="text" class="form-control simple-input" placeholder="Your Name" id="name" required data-validation-required-message="Please enter your name.">
<p class="help-block text-danger"></p>
</div>
<div class="form-group">
<input type="text" class="form-control" placeholder="Your Contact (Email or Phone)" id="email" required data-validation-required-message="Please enter your contact information.">
<p class="help-block text-danger"></p>
</div>
</div>
<div class="col-md-6 col-sm-offset-1">
<div class="form-group">
<textarea class="form-control" placeholder="Your Message" id="message" required data-validation-required-message="Please enter a message."></textarea>
<p class="help-block text-danger"></p>
</div>
</div>
<div class="clearfix"></div>
<div class="col-md-6 col-sm-offset-1 text-center">
<div id="success"></div>
<button type="submit" class="btn btn-xl">Send Message</button>
</div>
</div>
</form>
</div>
</div>
<div class="divider-md-inv"></div>
<div class="row">
<div class="col-lg-12 font-lato font-sm font-size-lg color-7">
<!-- <h3 class="section-subheading text-left info"> -->
<div class="paragraph-space-sm"><span class="color-1 font-lg">Address: </span> P.O. Box 11629, Portland, OR 97211</div>
<div class="paragraph-space-sm"><span class="color-1 font-lg">Phone: </span> +1 (503) 563-0134</div>
<div class="paragraph-space-sm"><span class="color-1 font-lg">Email: </span> info@tura.io</div>
</h3>
</div>
</div>
</div>
</section>
<!-- Contact Form JavaScript -->
<script src="js/jqBootstrapValidation.js"></script>
<script src="js/contact_me.js"></script>
<!-- Custom JavaScript -->
<script src="js/main.js"></script>
</body>
</html>