/
index.html
400 lines (348 loc) · 20.1 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
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
<!DOCTYPE html>
<html lang="de">
<head>
<title>Smartlane - Optimize your demand-driven logistics and mobility business</title>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=1300">
<meta name="description" content="">
<meta name="author" content="">
<!-- <link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'> -->
<link href='http://fonts.googleapis.com/css?family=Titillium+Web:600,400,300' rel='stylesheet' type='text/css'>
<link rel="icon" href="/static/img/favicon.ico">
<!-- compiled and minified CSS -->
<link rel="stylesheet" href="/static/bower_components/bootstrap/dist/css/bootstrap.min.css">
<!-- Optional theme -->
<link rel="stylesheet" href="/static/css/cover.css">
<!-- Font awesome -->
<link rel="stylesheet" href="/static/bower_components/fontawesome/css/font-awesome.min.css">
<link rel="stylesheet" href="/static/bower_components/fontawesome-docker/fontcustom/fontcustom.css">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<style>
details, summary { display: block}
details {
border: 1px solid #f5f5f5;
padding: 1em;
background-image: -webkit-linear-gradient(white 0%, #f5f5f5 100%);
background-image: -moz-linear-gradient(white 0%, #f5f5f5 100%);
background-image: -o-linear-gradient(white 0%, #f5f5f5 100%);
background-image: linear-gradient(white 0%, #f5f5f5 100%);
cursor: pointer;
}
details:hover, details:focus { background: #ddd; }
.no-details details > * { display: none; }
/* .no-details details > summary:before { float: left; width: 20px; content: '► '; }
.no-details details.open > summary:before { content: '▼ '; } */
.no-details details summary { display: block; }
#slides {
overflow: hidden;
position: relative;
height: 500px;
top: 80px;
}
#slides ul {
list-style: none;
height: 600px;
margin: 0;
padding: 0;
position: relative;
top: 280px;
left: 100px;
}
#slides li {
height: 400px;
float: left;
text-align: left;
position: relative;
top: 0px;
left: 100px;
}
</style>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-67739155-1', {
'storage': 'none',
'clientId': '11459a79-1e05-45d7-bc76-2b834d0f925b'
});
ga('send', 'pageview');
</script>
</head>
<body data-spy="scroll">
<div class="site-wrapper">
<div class="site-wrapper-inner">
<nav>
<div class="container-fluid fixedheight" style="position: fixed; top: 0px; padding: 0px; background: white; width: 100%; z-index: 20000000; border-top: 6px solid #e3e3e3; border-bottom: 162px solid #e3e3e3;">
<ul class="masthead nav navbar-nav masthead-nav fixedheight" style="float: none; margin: 0 auto;">
<a class="pull-left active" href="/#home"><img src="/static/img/logo_sm.png" id="logo-sm" style="z-index: 50000000;"></a>
<li id="kontakt-menu-li" class="pull-right bottomaligned"><a href="/kontakt">Kontakt</a></li>
<li id="blog-menu-li" class="pull-right bottomaligned"><a href="/blog.html">Blog<!-- <sup><img src="http://s3.amazonaws.com/satisfaction-production/s3_images/127848/newicon.gif" /> --></a></li>
<!-- <li id="vision-menu-li"><a href="/#vision">Vision</a></li> -->
<li id="team-menu-li" class="pull-right bottomaligned"><a class="scrollme" href="#team">Team</a></li>
<li id="services-menu-li" class="pull-right bottomaligned"><a class="scrollme" href="#services">Services</a></li>
<li id="dispatch-menu-li" class="pull-right bottomaligned"><a class="scrollme" href="http://www.dispatch.smartlane.de/">Smartlane<span style="font-style:italic; color: #35d21">DISPATCH!</span></a></li>
<li>
<a style="background: #e3e3e3; color: #333333;" class="firstlanguagelink activelang" href="/">de</a>
</li>
<li>
<a style="background: #e3e3e3; color: #333333;" class="" href="/en">en</a>
</li>
</ul>
</div>
</nav>
<div class="cover-container">
<div class="inner cover">
<div class="col-md-12" id="home" style="background: url(../../static/img/smartlane_title.jpg) no-repeat center center; background-size: cover; min-height: 800px;">
<div style="visibility: hidden;" class="btn-bar">
<div id="buttons">
<a id="prev" href="#"><</a>
<a id="next" href="#">></a>
</div>
</div>
<div id="slides">
<ul>
<li class="slide">
<p style="color: #ffffff; text-align: left; font-size: 5em;">Smartlane<span style="font-style: italic;">DISPATCH</span></p>
<p style="color: #ffffff; text-align: left; font-size: 1.5em;">Unser neuestes Produkt: Begeistern Sie Ihre Kunden durch innovative nachfrageorientierte Auftragsdisposition.</p>
</li>
<li class="slide">
<p style="color: #ffffff;font-size: 5em;">IT für Mobility</p>
<p style="color: #ffffff; text-align: left; font-size: 1.5em;">Profitieren Sie von unserer Expertise in Softwareentwicklung und Smart Data Analytics <br>für Mobility, Logistik und Geoanwendungen.</p>
</li>
<li class="slide">
<p style="color: #ffffff; text-align: left; font-size: 5em;">Smartlane<span style="font-style: italic;">DISPATCH</span></p>
<p style="color: #ffffff; text-align: left; font-size: 1.5em;">Unser neueste Produkt: Begeistern Sie Ihre Kunden durch innovative nachfrageorientierte Auftragsdisposition.</p>
</li>
<li class="slide">
<p style="color: #ffffff;font-size: 5em;">IT für Mobility</p>
<p style="color: #ffffff; text-align: left; font-size: 1.5em;">Profitieren Sie von unserer Expertise in Softwareentwicklung und Smart Data Analytics <br>für Mobility, Logistik und Geoanwendungen.</p>
</li>
</ul>
</div>
</div>
<div class="col-md-12" style="background: url(../../static/img/mapbackground.jpg) no-repeat center center;" id="dispatch" >
<div class="slbox" style="background: transparent; padding-bottom: 80px; top: 100px"><br><br>
<h1 class="cover-heading orangetext">Smartlane<em>DISPATCH</em></h1>
<!-- <div class="row" style="padding-top: 80px;">
<div class="col-md-12"> -->
<img src="/static/img/screenshot_dispatcher_with_smartphone.png" width="800px" />
<!--
</div>
<div class="col-md-6">
<p class="featureitem">Intelligentes Routing zur nachfragegetriebenen Auftragsplanung</p>
<p class="featureitem">Verortung von weltweiten Adressen oder aus Ihrer Kundendatenbank</p>
<p class="featureitem">Informieren Sie Ihre Endkunden über die voraussichtliche Ankunftszeit</p>
<p class="featureitem">Keine Installation nötig. Einfach Browser öffnen, einloggen und starten</p>
<p class="featureitem">Eingegebene Daten werden nur auf Servern in Deutschland gespeichert</p>
<p class="featureitem">Bezahlen Sie nur so viel wie Sie auch nutzen</p>
-->
<p style="text-align: center;">Innovative web-basierte Auftragsdisposition durch Software-as-a-Service.</p>
<p style="text-align: center;">Planen Sie Ihre Aufträge und Touren agil auf Anfrage Ihrer Kunden.</p>
<p style="margin-top:2.0em"><a class="btn" href="http://www.dispatch.smartlane.de/" style="width: 50%">Erfahren Sie mehr!</a><br> </p>
<!-- </div> -->
</div>
<!-- <br>
</div> -->
</div>
<div class="col-md-12" id="services">
<div class="slbox" style="background: transparent; padding-bottom: 80px; top: 100px"><br><br>
<h1 class="cover-heading orangetext">Smartlane - IT für die Mobilität der Zukunft</h1>
<div class="row" style="padding-top: 40px">
<div class="col-md-6" style="padding-right: 25px; padding-left: 25px; min-height: 311px;">
<p style="text-align: justify;">Konzentrieren Sie sich auf Ihre Kerngeschäft. Wir unterstützen Sie bei innovativen datengetriebenen Anwendungen in den Bereichen Mobility, Logistik und Location Based Services.</p>
<p style="text-align: justify;"><br/>
Die Smartlane-Gründer verbindet langjährige Erfahrung in Wissenschaft und Anwendung der Verkehrstechnik sowie der Informationstechnologie. Wir bieten Ihnen daher Entwicklungs- und Beratungsdienstleistungen auf Basis modernster Technologien in folgenden Bereichen an:<br> </p>
<p class="featureitem">Verarbeitung großer Geodaten in lokalen und verteilten Umgebungen</p>
<p class="featureitem">Interaktive kartenbasierte Cloud- und Web-Anwendungen</p>
<p class="featureitem">Fahrerassistenz-, Verkehrssteuerungs- und Routingdienste</p>
<p class="featureitem">Datenbasierte Anwendungen im SQL-/NoSQL- und Big Data-Umfeld</p>
<p class="featureitem">Java-, Python- und Node.js-Entwicklung</p>
</div>
<div class="col-md-6" style="padding-right: 25px; padding-left: 25px; ">
<img src="/static/img/screenshot_heatmap.png" style="box-shadow: 10px 10px 5px #e3e3e3;" width="500px"/>
<!-- <p><br><a class="btn btn-gray" href="examples" style="margin-top:25px; width: 90%;">Beispielprojekte ansehen</a></p> -->
<br><br><p><a class="btn" href="signup_service" style="margin-top:15px; width: 90%;">Kontaktieren Sie uns</a><br/> </p>
</div>
</div>
<br>
</div>
</div>
<div class="col-md-12" id="team">
<div class="slbox" style="background: url(../../static/img/mapbackground.jpg); padding-bottom: 80px; top: 100px">
<br>
<h1 class="cover-heading orangetext">Team</h1>
<div class="row" style="padding-top: 40px">
<div class="col-md-6">
<div class="avatar-frame center-block"><img src="/static/img/flo.jpg" style="width: 100%;"></div>
<div>
<p class="lead">Florian Schimandl</p>
<p>
<a class="fa fa-envelope" href="mailto:florian@smartlane.de" ></a> <a class="fa fa-twitter" href="http://twitter.com/fschimandl" ></a> <a class="fa fa-linkedin-square" href="https://de.linkedin.com/in/florian-schimandl-234273115"></a> <a class="fa fa-xing-square" href="https://www.xing.com/profile/Florian_Schimandl" ></a> <!-- Leaving out for now
<i class="fa fa-bitbucket"></i>
-->
</p>
</div>
</div>
<div class="col-md-6">
<div style="text-align: justify;">
<p style="font-weight: bold;">Projektmanagement, Datenmodellierung, Kundenbetreuung</p><br />
Florian ist Diplom-Informatiker mit langjähriger Expertise im Bereich Datenarchitekturen, Modellierung und Simulation von Verkehr und Mobilität. Nach seinem Abschluss an der TU München war er wissenschaftlicher Mitarbeiter und Forschungsgruppenleiter am Lehrstuhl für Verkehrstechnik der TU München. In seiner laufenden Promotion beschäftigt er sich mit der Architektur und Analyse von kooperativen Systemen und der zugehörigen Datenqualität.
</div>
</div>
</div>
<hr/>
<div class="row" style="margin-top: 3.0em">
<div class="col-md-6" >
<div class="avatar-frame center-block"><img src="/static/img/mathias.jpg" style="width: 100%;"></div>
<p class="lead">Dr. Mathias Baur</p>
<p>
<a class="fa fa-envelope" href="mailto:mathias@smartlane.de" ></a> <a class="fa fa-twitter" href="https://twitter.com/machribau" ></a> <a class="fa fa-linkedin-square" href="https://de.linkedin.com/in/dr-mathias-baur-1aa5b5114"></a> <a class="fa fa-xing-square" href="https://www.xing.com/profile/Mathias_Baur4" ></a> <!-- Leaving out for now
<i class="fa fa-bitbucket"></i>
-->
</p>
</div>
<div class="col-md-6">
<div style="text-align: justify">
<p style="font-weight: bold;">Produktentwicklung, Daten- und Softwarearchitekturen</p><br />
Mathias ist Spezialist für professionelle Software-Architekturen und für die Modellbildung aus Mobilitätsdaten. Er hat mehrjährige Erfahrung aus Industrie, Forschung und als Gesellschafter eines früheren eigenen Unternehmens. In seiner Promotion ermittelte er Verbesserungspotentiale für den Straßenverkehr durch die simulations- und datengetriebene Optimierung von Fahrerassistenz- und Verkehrsbeeinflussungssystemen.
</div>
</div>
</div>
<hr/>
<div class="row" style="margin-top: 3.0em">
<div class="col-md-6">
<div class="avatar-frame center-block"><img src="/static/img/matthew.jpg" style="width: 100%;"></div>
<p class="lead">Matthew Fullerton</p>
<p>
<a class="fa fa-envelope" href="mailto:matthew@smartlane.de" ></a> <a class="fa fa-twitter" href="http://twitter.com/mattfullerton" ></a> <a class="fa fa-github" href="http://github.com/mattfullerton" ></a> <a class="fa fa-docker" href="https://hub.docker.com/u/mattfullerton/" ></a> <a class="fa fa-linkedin-square" href="http://de.linkedin.com/pub/matthew-fullerton/31/409/608/de" ></a> <a class="fa fa-xing-square" href="https://www.xing.com/profile/Matthew_Fullerton" ></a> <!-- Leaving out for now
<i class="fa fa-bitbucket"></i>
-->
</p>
</div>
<div class="col-md-6">
<div style="text-align: justify;">
<p style="font-weight: bold;">Softwareentwicklung, Systemadministration, Forschungskoordination</p><br />
Matthew hat in den letzten 12 Jahren in den USA, in Großbrittannien und Deutschland als Angestellter und Freelancer Software entwickelt und wissenschaftlich gearbeitet. Er hat Erfahrung in der Modellierung von Verkehrssystemen, Integration von Offenen Daten, HTML Crawling/Scraping, Bildverarbeitung und Sensorkommunikation. Außerdem ist er Experte für Konzeption und Betreuung von IT-Infrastrukturen. </div>
</div>
</div>
<hr/>
<div class="row" style="margin-top: 3.0em">
<div class="col-md-6">
<div class="avatar-frame center-block"><img src="/static/img/monja.jpg" style="width: 100%;"></div>
<p class="lead">Monja Egbers</p>
<p>
<a class="fa fa-envelope" href="mailto:monja@smartlane.de" ></a> <a class="fa fa-linkedin-square" href="https://de.linkedin.com/in/monja-egbers-12a098118"></a> <a class="fa fa-xing-square" href="https://www.xing.com/profile/Monja_Egbers" ></a>
</p>
</div>
<div class="col-md-6">
<div style="text-align: justify; ">
<p style="font-weight: bold;">Geschäftsentwicklung und Vertrieb</p><br />
Als TUM-BWL Masterabsolventin an der TU München hat Monja ein interdisziplinäres Studium in Wirtschaft und Ingenieurwissenschaften abgelegt. Durch Praktika und Nebenjobs im Direktvertrieb, im strategischen Einkauf, im Controlling und im Inhouse-Consulting sammelte sie zahlreiche Erfahrungen unter anderem in der Automobilbranche. In ihrer Masterarbeit an der UnternehmerTUM hat sie sich mit der Geschäftsmodell-Ausrichtung und dem Vertrieb von Start-Ups in der frühen Phase beschäftigt.
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-12" id="footer" >
<div class="slbox" style="padding-top: 30px;">
<div class="row">
<div class="col-md-3">
<p class="small pull-left" style="text-align: left;">Smartlane GmbH<br>Metzstraße 29a<br>81667 München<br></p>
</div>
<div class="col-md-3">
<p class="pull-left" style="text-align: left;"><span class="small">Tel. +49 89 9041193-0 <br><br>Kontaktieren Sie uns: </span><a class="fa fa-envelope" href="mailto:info@smartlane.de" ></a> <a class="fa fa-twitter" href="http://twitter.com/smartlanedata" ></a> <a class="fa fa-facebook-square" href="http://facebook.com/smartlanedata" ></a></p>
</div>
<div class="col-md-3">
</div>
<div class="col-md-3">
<p id="impressum-menu-li" class="pull-right"><a href="/impressum">Impressum</a></li>
</div>
</div>
<div class="row">
<div class="col-md-12" style="top: 30px;">
<p style="margin-top: 2.0em;">Wir danken unseren Unterstützern und Partnern:</p>
<p><a href="http://www.exist.de/DE"><img src="/static/img/exist_logo_mu_rgb.png" width="100px"></a> <a href="http://www.bafa.de/bafa/de/wirtschaftsfoerderung/invest"><img src="/static/img/Logo_Foerderfaehigkeit_Wagniskapital.jpg" width="100px"></a> <a href="https://www.unternehmertum.de/"><img src="/static/img/unternehmertum.png"></a> <a href="http://www.munichnetwork.com"><img src="/static/img/munichnetwork.gif" width="120px"></a> <a href="http://www.its-bavaria.de"><img width="150px" src="/static/img/itsbavaria.svg" onerror="this.onerror=null; this.src='/static/img/itsbavaria.png'"></a></p>
<p style="font-size:0.8em">Smartlane wurde von Januar bis Dezember 2015 mit einem EXIST-Gründerstipendium gefördert</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="/static/bower_components/jquery/dist/jquery.min.js"></script> <!-- Latest compiled and minified JavaScript -->
<script src="/static/bower_components/bootstrap/dist/js/bootstrap.min.js"></script> <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script src="/static/js/ie10-viewport-bug-workaround.js"></script>
<!-- <script src="http://www.schimandl.de/smartlane/jquery.details.js?v=0.1.0"></script> -->
<script>
//window.console || (window.console = { 'log': alert });
$(function () {
$(document).ready(function () {
//rotation speed and timer
var speed = 6000;
var run = setInterval(rotate, speed);
var slides = $('.slide');
var container = $('#slides ul');
var elm = container.find(':first-child').prop("tagName");
var item_width = container.width();
var previous = 'prev'; //id of previous button
var next = 'next'; //id of next button
slides.width(item_width); //set the slides to the correct pixel width
container.parent().width(item_width);
container.width(slides.length * item_width); //set the slides container to the correct total width
container.find(elm + ':first').before(container.find(elm + ':last'));
resetSlides();
//if user clicked on prev button
$('#buttons a').click(function (e) {
//slide the item
if (container.is(':animated')) {
return false;
}
if (e.target.id == previous) {
container.stop().animate({
'left': 0
}, 2500, function () {
container.find(elm + ':first').before(container.find(elm + ':last'));
resetSlides();
});
}
if (e.target.id == next) {
container.stop().animate({
'left': item_width * -2
}, 2500, function () {
container.find(elm + ':last').after(container.find(elm + ':first'));
resetSlides();
});
}
//cancel the link behavior
return false;
});
function resetSlides() {
//and adjust the container so current is in the frame
container.css({
'left': -1 * item_width
});
}
});
//a simple function to click next link
//a timer will call this function, and the rotation will begin
function rotate() {
$('#next').click();
}
});
</script>
</body>
</html>