-
Notifications
You must be signed in to change notification settings - Fork 4
/
Copy pathindex.html
637 lines (505 loc) · 38.2 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
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
<!DOCTYPE html>
<html prefix="og: http://ogp.me/ns#">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>The Things Network</title>
<meta property="og:title" content="The Things Network" />
<meta property="og:type" content="website" />
<meta property="og:description" content="We are building a global open free crowdsourced long range low battery IoT data network." />
<meta property="og:url" content="http://www.thethingsnetwork.com" />
<meta property="og:image" content="/media/logo+rond2.png" />
<link href='http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900' rel='stylesheet' type='text/css'>
<link href="css/bootstrap.css" rel='stylesheet' type='text/css'>
<link href="css/ionicons.css" rel='stylesheet' type='text/css'>
<link href="css/style.css" rel='stylesheet' type='text/css'>
<link href="css/animate.css" rel='stylesheet' type='text/css'>
</head>
<body>
<main>
<!-- Header w/ animation -->
<div class="animation">
<div class="container-img">
<img class="logo-img" src=media/The%20Things%20Uitlijning.svg>
<h1 class="welcome">Unleashing the Internet of Things</h1>
<hr class="center-title">
<h2>We are on a mission to build a global open crowdsourced Internet of Things data network.</h2>
<p>
<a href="#whatwedo" id="learn-more-button">Learn more</a>
<a href="#contributors" id="contribute-button" >Contribute</a>
</p>
</div>
</div>
<!-- What we do -->
<article id="whatwedo" class="block">
<section class="intro-text">
<div class="intro-text-content">
<h2>What we do</h2>
<p>We crowdsourced a complete city-wide Internet of Things data network with the people of Amsterdam <span class="fat">in 6 weeks</span> using a new technology named <span class="fat">LoraWAN™.</span> Now we are launching our global campaign to repeat this in <span class="fat">every city in the world.</span>
</br></br>
The technology <span class="fat">allows for things to talk to the internet</span> without 3G or WiFi. So <span class="fat">no WiFi codes</span> and <span class="fat">no mobile subscriptions</span>. <br/><br/>It features <span class="fat">low battery usage, long range</span> and low bandwidth. Perfect for the internet of things.
</p>
</div>
</section>
<section class="media-container"><iframe src="http://player.vimeo.com/video/136731514?title=0&byline=0&badge=0" width="100%" height="100%" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></section>
</article>
<!- Vision ->
<article id="vision" class="block">
<section class="col-md-8 col-md-offset-2">
<h2>Our vision</h2>
<p>The internet was created by people that connected their networks and allowed traffic from, to and over their servers and cables to pass for free. As a result, there was abundant data communication and exponential innovation. <br/><br/>The Things Network is doing the same for the Internet of Things by creating abundant data connectivity. So applications and businesses can flourish.</p>
<hr class="splitter">
</section>
<section class="vision-item col-md-4">
<div class="vision-image ion-ios-world-outline"></div>
<h4>NEW DATA CONNECTIVITY TECHNOLOGIES</h4>
<hr class="line">
<p>New data network technologies allow for things to connect to the internet without using 3G or WiFi. This technology is called LoRaWAN and it is perfect for the Internet of Things as it is low battery, long range, and low bandwidth. Imagine a network that can be used without cumbersome WiFi passwords, mobile subscriptions, and zero setup costs.</p>
</section>
<section class="vision-item col-md-4">
<div class="vision-image ion-cash"></div>
<h4>Low costs</h4>
<hr class="line">
<p>Because the reach is very high and the cost of the equipment is low, covering an entire city can be done with a small investment. The city of Amsterdam was covered with only 10 gateways at the cost of 1200 dollars each.</p>
</section>
<section class="vision-item col-md-4">
<div class="vision-image ion-ios-people"></div>
<h4>Crowdsourcing</h4>
<hr class="line">
<p>Because the costs are very low, we do not have to rely on large telco coorperations to build such a network. Instead, we can crowdsource the network and make it public without any form of subscription. Our mission is to enable a network by the users for the users.</p>
</section>
</article>
<!- Building the Network ->
<article class="building block">
<h2>Building the network</h2>
<p>With a small group of people it is possible to provide an entire city of data connectivity for things.</br>
<br/><span class="fat">In a period of 4 weeks the city-wide coverage of Amsterdam was crowdsourced and implemented.</span></br></br> From day one use cases were built on top of this network. We believe the abundance we are creating will lead to exponential innovation from which we all benefit.
Join our global campaign by contributing. Let's make sure your city is next.</p>
<p>
<span class="letsbuild">You are the network. Let's build this thing together.</span></p>
</article>
<!- Contributors ->
<article id="contributors" class="block">
<h2>How to contribute</h2>
<section class="contribute-item col-md-4">
<div class="ion-home contribute-icon"></div>
<h4>Build The Network</h4>
<hr class="line line-margin">
<p>We are striving to support all available LoraWAN-enabled network equipment. We currently support two gateways ranging between 1000 and 1500 dollar in costs. We are also planning a Kickstarter campaign for a gateway of 200 dollar which is easy to install and way more affordable.</p>
<a href="#gateways-section" class="button" id="to-gateways">Get a gateway</a>
</section>
<hr class="simple-mobile">
<section class="contribute-item col-md-4">
<div class="ion-social-github contribute-icon"></div>
<h4>Open Source</h4>
<hr class="line">
<p>Our goal is to make the network architecture as decentralized as possible. And avoid any points of failure or control. We already have a community of 10 developers writing network software and equipment firmware.</p>
<a href="https://github.com/TheThingsNetwork/docs/wiki" class="button" target="_blank">See our code</a>
</section>
<hr class="simple-mobile">
<section class="contribute-item col-md-4">
<div class="ion-network contribute-icon"></div>
<h4 id="smaller">Campaign for your country</h4>
<hr class="line">
<p>Coordinating a local rollout increases the success rate of what we are doing. We are looking for country presidents to run The Things Network in their geographic areas.</p>
<button type="button" class="btn btn-primary btn-lg button" id="moreInfobutton" data-toggle="modal" data-target="#moreInfo3">Help out</button>
</section>
</article>
<article class="gateways block" id="gateways-section">
<h2>We currently support three kinds of gateways:</h2>
<div class="gateway-type">
<h5>Kerlink IoT Gateway</h5>
<div class="gateway-image"></div>
<p>The weatherproof Kerlink IoT Gateway is an operator-grade gateway providing a reach of around 7 miles. It needs a technician to be installed.</br></br><span>Price: ~€1500</span></p>
<p><button type="button" class="btn btn-primary btn-lg button" id="moreInfobutton" data-toggle="modal" data-target="#moreInfo">More info</button></p>
</div>
<div class="gateway-type">
<h5>Multi-Tech Gateway</h5>
<div class="gateway-image" id="multitech"></div>
<p>The Things Network firmware for this device is currently being developed. The product is of high quality and comparable to the Kerlink gateway. Also needs a technician for the installation.</br></br><span>Price: ~€700</span></p>
<p><button type="button" class="btn btn-primary btn-lg button" id="moreInfobutton" data-toggle="modal" data-target="#moreInfo2">More info</button></p>
</div>
<div class="gateway-type" id="last-gateway">
<h5>The Things Gateway</h5>
<div class="gateway-image"></div>
<p>This is a gateway which is easy to use and install, is low cost and will allow you to contribute to the network from your home. The range is around 5 kilometer and perfect for citizens to create their smart city.</br></br><span>Price: €200</span></p>
<p><a href="kickstarter-landing/kickstarter.html" class="button" target="_blank">More info</a></p>
</div>
</div>
</article>
<!-- Use cases -->
<article id="use-cases" class="block">
<h2>Use cases</h2>
<section class="article-text">
<p>Use cases range from bike finders to industrial sensors. Because we use an open standard a lot of devices and things supporting the network technology are already being made.
</p>
</section>
</article>
<article class="usecase-item water-detector">
<div class="image"></div>
<h4>Boat water detector</h4>
<p>Amsterdam has a lot of boats and unfortunately also quite some rain. It is not uncommon to have boats filling up with water and starting to sink. A water detector was developed that recognizes if your boat is filling up with water. If this happens the owner receives a SMS. On a return SMS of “clear my boat” a service will come by to remove the water.
</p>
</article>
<article class="usecase-item bike-finder">
<div class="image"></div>
<h4>I want to ride my bicycle</h4>
<p>
LoraWAN opens the door to low-energy, low cost applications. Its a safe and simple device you attach to your bike. It comes with an app that helps you find your bike and get notifications when it is being moved.
</p>
</article>
<article class="usecase-item rhino-finder">
<div class="image"></div>
<h4>Rhino finder in Zimbabwe</h4>
<p>Anti-Poaching Units don't have a way to share poaching incidents quickly and effectively. This system gets that information to the APU's in real time, so they could coordinate much better and get teams on site quickly enough to actually stop the poachers. This system populates an interactive online map that anti-poaching units can visualize incidents, patterns of poaching and coordinate and respond to incidents efficiently.</p>
</article>
<article class="usecase-item peerby-P2P">
<div class="image"></div>
<h4>Peerby</h4>
<p>The P2P sharing service Peerby wants to offer it’s users the ability to track their lended goods. With a tracker that is specifically developed for them users will always know the whereabouts of their things and it will also track usage of electronic devices.</p>
</article>
<article class="usecase-item wesharesolar-item">
<div class="image"></div>
<h4>WeShareSolar</h4>
<p>WeShareSolar is a very innovative concept to enable people to make use of solar power even though they do not own the property to place solar panel. The realtime information of the power consumption of their users and the yield of their solar panels is critical. Because both locations are not guaranteed with WiFI coverage or any other form of internet access. And the data rates are low The Things Network is perfect for them to use.</p>
</article>
<article class="usecase-item poa-item">
<div class="image"></div>
<h4>Port of Amsterdam</h4>
<p>The Port of Amsterdam is a wide ranged area. Sensors and detectors are providing real time management information. Because the entire area is too big for WiFi and 3G mobile connectivity is too costly, they embrace The Things Network by placing gateways and they are directly contributing to the public network so everybody can benefit. On the other hand companies surrounding the area are covering blind spots at the edges of the port helping them out in return.</p>
</article>
<article class="usecase-item quicksense-item">
<div class="image"></div>
<h4>QwikSense</h4>
<p>They make the environmental conditions inside of buildings available by placing their special sensors. This information is very valuable for increasing employer comfort and health.</p>
</article>
<article class="diagonal-parent">
<div class="diagonal"></div>
</article>
<article id="team">
<h2>Our team</h2>
<p>The current team consists of Internet of Things enthusiasts who believe in an open and free internet.</p>
<section class="team-item">
<a href="https://www.linkedin.com/in/wienke"><img src=media/wienke.jpg></a>
<h4>Wienke Giezeman</h4>
<h5>Initiator</h5>
</section>
<section class="team-item">
<a href="https://www.linkedin.com/in/johanstokking/nl"><img src=media/johan.jpg></a>
<h4>Johan Stokking</h4>
<h5>Tech lead</h5>
</section>
</article>
<article class="rest-of-team">
<section class="team-members">
<div class="team-member">
<img src="media/team/hans%20crijns.png">
<h5>Hans Crijns</h5>
</div>
<div class="team-member">
<img src="media/team/fokko%20visser.png">
<h5>Fokko Visser</h5>
</div>
<div class="team-member">
<img src="media/team/martijn%20van%20der%20veen.png">
<h5>Martijn van der Veen</h5>
</div>
<div class="team-member">
<img src="media/team/johan%20hoeksma.png">
<h5>Johan Hoeksma</h5>
</div>
<div class="team-member">
<img src="media/team/ruud%20vlaming.jpg">
<h5>Ruud Vlaming</h5>
</div>
<div class="team-member">
<img src="media/team/hans%20donner.jpg">
<h5>Hans Donner</h5>
</div>
<div class="team-member">
<img src="media/wessel.jpg">
<h5>Wessel Versluis</h5>
</div>
<div class="team-member">
<img src="media/bob.png">
<h5>Bob van Sommeren</h5>
</div>
<div class="team-member">
<img src="media/994907.jpeg">
<h5>Luke Roberts</h5>
</div>
<div class="team-member">
<button id="new-member-button" data-toggle="modal" data-target="#joinTeam"><img src="media/newmember.png" id="new-member"></button>
<h5>Your name?</h5>
</div>
</section>
<button type="button" class="btn btn-primary btn-lg" id="join-button" data-toggle="modal" data-target="#joinTeam">Join our team</button>
</article>
<article class="partner block">
<h2>Founding media partner</h2>
<div class="partner-logo nextweb"></div>
<div class="quote">
<p>“As The Next Web we love to embrace these kind of initiatives. Building an open and free internet for things and making it for the people and by the people is aligned with our beliefs.” </p><div class="quote-picture"></div>
<p><span>Boris Veldhuijzen van Zanten</span><br><span id="sentence-quote">Founder & CEO, The Next Web</span></p>
</div>
</article>
<article class="our-contributors block">
<h2>Contributors</h2>
<a href="http://www.rockstart.com" target="_blank"><div class="company-logo" id="logo1"></div></a>
<a href="http://www.bovendebalie.nl" target="_blank"><div class="company-logo" id="logo2"></div></a>
<a href="http://www.thenextweb.com" target="_blank"><div class="company-logo" id="logo3"></div></a>
<a href="http://www.disrupted.vc" target="_blank"><div class="company-logo" id="logo4"></div></a>
<a href="http://www.meetberlage.com" target="_blank"><div class="company-logo" id="logo5"></div></a>
<a href="http://www.a-lab.com" target="_blank"><div class="company-logo" id="logo6"></div></a>
<a href="https://www.kpmg.com" target="_blank"><div class="company-logo" id="logo7"></div></a>
<a href="https://www.waag.org/nl" target="_blank"><div class="company-logo" id="logo8"></div></a>
<a href="http://www.portofamsterdam.nl/" target="_blank"><div class="company-logo" id="logo9"></div></a>
<a href="https://www.trakkies.com/" target="_blank"><div class="company-logo" id="logo10"></div></a>
<a href="https://www.peerby.com/nl/" target="_blank"><div class="company-logo" id="logo11"></div></a>
<a href="http://wesharesolar.com/" target="_blank"><div class="company-logo" id="logo12"></div></a>
<a href="http://www.tweetonig.nl/home/" target="_blank"><div class="company-logo" id="logo13"></div></a>
<a href="http://www.wearesmiths.com/" target="_blank"><div class="company-logo" id="logo14"></div></a>
<a href="http://www2.deloitte.com/nl/nl.html" target="_blank"><div class="company-logo" id="logo15"></div></a>
<a href="https://www.uncinc.nl/" target="_blank"><div class="company-logo" id="logo16"></div></a>
<a href="http://www.bright.nl/" target="_blank"><div class="company-logo" id="logo17"></div></a>
<div class="company-logo" id="logo18"></div>
<aside>
<p>These are the people that made the first network in Amsterdam possible. They believe in our vision and see the need for this network.</p>
</aside>
</article>
<article class="how-to-connect block">
<h2>How to connect to the network</h2>
<section class="article-text"><p>The network is open to allow any LoraWAN device to be connected. If you would like to start using the network let us know. <br/> We are working on an easier interface to register your devices and we hope to have this out soon.</p></section>
<!-- Begin MailChimp Signup Form -->
<div id="mc_embed_signup">
<form action="//thethingsnetwork.us11.list-manage.com/subscribe/post?u=20406705fec6d7d4b2ab1d6cc&id=0b4108dfeb" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div id="mc_embed_signup_scroll">
<div class="mc-field-group">
<input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL" placeholder="Fill in your email address">
</div>
<div id="mce-responses" class="clear">
<div class="response" id="mce-error-response" style="display:none"></div>
<div class="response" id="mce-success-response" style="display:none"></div>
</div> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; left: -5000px;"><input type="text" name="b_20406705fec6d7d4b2ab1d6cc_0b4108dfeb" tabindex="-1" value=""></div>
<div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
</div>
</form>
</div>
<!--End mc_embed_signup-->
</article>
<article class="how-to-connect block" id="conference">
<h2>Conference</h2>
<section class="article-text"><p>The Things Network will be launched on August 21st in Amsterdam at Herengracht 182 with talks and a hackathon. Feel free to join!<a href="poster/index.html" target="_blank" class="button">Join</a>
</p>
</article>
<article class="testimonials block">
<h2>Testimonials</h2>
<div class="testimonial-parent">
<section class="testimonial-item">
<img src="media/borisvvws.jpg">
<p>"We embraced The Things Network from the start and wanted to be founding media partner as this is something we truly believe in. This is how the internet should be. Open, free and available for everyone."</br></br><span>Boris Veldhuijzen van Zanten</span><span id="sentence2">CEO and Co-Founder The Next Web</span></p>
</section>
<section class="testimonial-item">
<img src="media/gerbaron.png">
<p>"What I really like about this is that Amsterdam's city government was not involved at all. This is completely initiated, financed and built by inhabitants of Amsterdam." </br></br><span>Ger Baron</span><span id="sentence2">Head of Innovation and CTO City of Amsterdam</span></p>
</section>
<section class="testimonial-item last-row">
<img src="media/roonvanmaanen.png">
<p>"The LoraWAN Network offers the Port of Amsterdam a great opportunity to boost sensor projects forward, together with partners in the Amsterdam port area." </br></br><span>Roon van Maanen</span><span id="sentence2">Head of Innovation Port of Amsterdam</span></p>
</section>
<section class="testimonial-item last-row">
<img src="media/johntillema.jpeg">
<p>"We were already thinking of making a cheap LoraWAN gateway, so when The Things Network came along we were hooked from the start." </br></br><span>John Tillema </span><span id="sentence2">Co-Founder Tweetonig</span></p>
</section>
<section class="testimonial-item last-row">
<img src="media/daniel.jpg">
<p>"We want to support the development of Internet of Things and Smart Cities and we want to enable entrepreneurs and our clients to explore the opportunities. We hope The Things Network will jumpstart the adoption of new technologies and we look forward to see solutions that will benefit our daily lives." </br></br><span>Daniël Horn</span><span id="sentence2">Founder KPMG Innovative Startups</span></p>
</section>
<section class="testimonial-item last-row">
<img src="media/marko.jpg">
<p>"We translate technology developments in the field of Digital, Data and Cyber Security into opportunities and solutions for our clients. We are therefore happy to support the Things Network as Security and Privacy advisor." </br></br><span>Marko van Zwam</span><span id="sentence2">Head of Deloitte Cyber Risk Services</span></p>
</section>
</div>
</article>
<article class="how-to-connect block" id="open-section">
<h2>Open</h2>
<section class="article-text"><p>Our <a href="https://github.com/TheThingsNetwork/Manifest" target="_blank">manifest</a> states that this network is open. Any work done in the community will be open sourced. The foundation that is The Things Network is setup in a decentralized way not have any single point of control or failure. Nothing is centralized or owned by the founders. We strongly believe that innovation will flourish on this network as long as it is completely open and free. Money can be made on this network only by providing valuable services. We compare the network with the street you walk on. You don’t pay for walking on the pavement, but you pay for the great pizza that's sold on that street. See our open source repositories <a href="https://www.github.com/TheThingsNetwork/" target="_blank">here.</a>
</p>
</section>
</article>
<article class="how-to-connect block" id="youarethenetwork">
<h2>You are the network. Let's build this thing together.</h2>
<p><a href="#gateways-section" class="button" id="to-gateways2">Get a gateway</a></p>
</section>
</article>
<article class="diagonal-parent">
<div class="diagonal" id="diagonal2"></div>
</article>
<article class="how-to-connect block" id="press-area">
<h2>Press</h2>
<section class="article-text"><p>Interested in our journey? Feel free to use our presskit.<a href="http://thethingsnetwork.pr.co/108437-the-things-network-launches-world-s-first-crowdfunded-internet-of-things-data-network-in-amsterdam-and-the-world-is-next" target="_blank" class="button">Presskit</a>
</p>
</article>
<article class="how-to-connect block" id="contact-section">
<h2>Contact</h2>
<section class="article-text"><p>Want to know more about us? Send us an email or follow us on the following networks.
</p></section>
<ul>
<a href="https://twitter.com/thethingsntwrk" target="_blank"><li class="ion-social-twitter"></li></a>
<a href="https://www.facebook.com/thethingsnetwork?ref=ts&fref=ts" target="_blank"><li class="ion-social-facebook"></li></a>
<a href="https://www.github.com/TheThingsNetwork/"><li class="ion-social-github"></li></a>
</ul>
<a href="mailto:wienke@thethingsnetwork.com?Subject=Hello%20again" target="_top" id="mailto">wienke@thethingsnetwork.com</a>
</article>
<article class="footer">
<p><span class="top-line">Copyright 2015 </span><span class="top-line" id="second-top-line"> The Things Network </span> <a href="http://www.wearesmiths.com" target="_blank">Website made by The Smiths</a></p>
</article>
<!-- Modals -->
<!-- Modal 2 -->
<div class="modal fade" id="joinTeam" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel">Join our team</h4>
</div>
<div class="modal-body">
<p>If you would like to contribute in any way. Let us know. We need people that can manage the roll out of a city as well as software and hardware programmers to contribute to our open source work.</p>
</div>
<div class="modal-footer">
<!-- Begin MailChimp Signup Form - JOIN TEAM EMAIL-->
<div id="mc_embed_signup">
<form action="//thethingsnetwork.us11.list-manage.com/subscribe/post?u=20406705fec6d7d4b2ab1d6cc&id=61cafd6759" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div id="mc_embed_signup_scroll">
<div class="mc-field-group">
<label for="mce-EMAIL"></span>
</label>
<input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL" placeholder="Fill in your email address">
</div>
<div id="mce-responses" class="clear">
<div class="response" id="mce-error-response" style="display:none"></div>
<div class="response" id="mce-success-response" style="display:none"></div>
</div> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; left: -5000px;"><input type="text" name="b_20406705fec6d7d4b2ab1d6cc_61cafd6759" tabindex="-1" value=""></div>
<div class="clear">
<input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
</div>
</form>
</div>
<!--End mc_embed_signup-->
</div>
</div>
</div>
</div>
<div class="modal fade" id="moreInfo" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel">Kerlink IoT Gateway</h4>
</div>
<div class="modal-body">
<img src="media/kerlink%20lora%20iot.png">
<p>If you want to know more about the Kerlink IoT Gateway, leave your email address and we will keep you posted about how to order and install the gateway.</p>
</div>
<div class="modal-footer">
<!-- Begin MailChimp Signup Form -->
<div id="mc_embed_signup">
<form action="//thethingsnetwork.us11.list-manage.com/subscribe/post?u=20406705fec6d7d4b2ab1d6cc&id=bdd7f3d18e" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div id="mc_embed_signup_scroll">
<div class="mc-field-group">
<input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL" placeholder="Email address">
</div>
<div id="mce-responses" class="clear">
<div class="response" id="mce-error-response" style="display:none"></div>
<div class="response" id="mce-success-response" style="display:none"></div>
</div> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; left: -5000px;"><input type="text" name="b_20406705fec6d7d4b2ab1d6cc_bdd7f3d18e" tabindex="-1" value=""></div>
<div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
</div>
</form>
</div>
<!--End mc_embed_signup-->
</div>
</div>
</div>
</div>
<div class="modal fade" id="moreInfo2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel">Multi-Tech Gateway</h4>
</div>
<div class="modal-body">
<img src="media/multi%20gateway.png">
<p>If you want to know more about the Multi-Tech Gateway, leave your email address and we will keep you posted about how to order and install the gateway.</p>
</div>
<div class="modal-footer">
<!-- Begin MailChimp Signup Form -->
<div id="mc_embed_signup">
<form action="//thethingsnetwork.us11.list-manage.com/subscribe/post?u=20406705fec6d7d4b2ab1d6cc&id=40b85f487f" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div id="mc_embed_signup_scroll">
<div class="mc-field-group">
<input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL" placeholder="Email address">
</div>
<div id="mce-responses" class="clear">
<div class="response" id="mce-error-response" style="display:none"></div>
<div class="response" id="mce-success-response" style="display:none"></div>
</div> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; left: -5000px;"><input type="text" name="b_20406705fec6d7d4b2ab1d6cc_40b85f487f" tabindex="-1" value=""></div>
<div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
</div>
</form>
</div>
<!--End mc_embed_signup-->
</div>
</div>
</div>
</div>
<div class="modal fade" id="moreInfo3" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel">Campaign</h4>
</div>
<div class="modal-body">
<p>Leave your email address and we will inform you about how to campaign for your country.</p>
</div>
<div class="modal-footer">
<!-- Begin MailChimp Signup Form -->
<div id="mc_embed_signup">
<form action="//thethingsnetwork.us11.list-manage.com/subscribe/post?u=20406705fec6d7d4b2ab1d6cc&id=638baa9baf" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div id="mc_embed_signup_scroll">
<div class="mc-field-group">
<input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL" placeholder="Email address">
</div>
<div id="mce-responses" class="clear">
<div class="response" id="mce-error-response" style="display:none"></div>
<div class="response" id="mce-success-response" style="display:none"></div>
</div> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; left: -5000px;"><input type="text" name="b_20406705fec6d7d4b2ab1d6cc_638baa9baf" tabindex="-1" value=""></div>
<div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
</div>
</form>
</div>
<!--End mc_embed_signup-->
</div>
</div>
</div>
</div>
</main>
</body>
<script src="js/jquery-2.1.3.js"></script>
<script src="js/bootstrap.js"></script>
<script src="js/jparticle.jquery.js"></script>
<script src="js/wow.min.js"></script>
<script src="js/jq-butterscroll-0.0.1.js"></script>
<script src="js/ga.js"></script>
<script src="js/script.js"></script>
<script>
new WOW().init();
</script>
</html>