forked from unclehowell/datro
-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
471 lines (439 loc) · 41.8 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
<!DOCTYPE html>
<html class="no-js is-responsive is-mobile-first" lang="en">
<head>
<meta charset="utf-8">
<link href="//datro.xyz/index.html" rel="canonical">
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0, shrink-to-fit=no" name="viewport"><!-- GitHub Pages -->
<script type="type/javascript">
var host = "datro.xyz";
if {{ host == window.location.host} && {window.location.protocol != "https:""}}
window.location.protocol = "https";
</script>
<meta content="DATRO Consortium" name="description">
<meta content="Unclehowell" name="author">
<title>DATRO Consortium</title>
<link href="static/datro/img/favicons/apple-icon-57x57.png" rel="apple-touch-icon" sizes="57x57">
<link href="static/datro/img/favicons/apple-icon-60x60.png" rel="apple-touch-icon" sizes="60x60">
<link href="static/datro/img/favicons/apple-icon-72x72.png" rel="apple-touch-icon" sizes="72x72">
<link href="static/datro/img/favicons/apple-icon-76x76.png" rel="apple-touch-icon" sizes="76x76">
<link href="static/datro/img/favicons/apple-icon-114x114.png" rel="apple-touch-icon" sizes="114x114">
<link href="static/datro/img/favicons/apple-icon-120x120.png" rel="apple-touch-icon" sizes="120x120">
<link href="static/datro/img/favicons/apple-icon-144x144.png" rel="apple-touch-icon" sizes="144x144">
<link href="static/datro/img/favicons/apple-icon-152x152.png" rel="apple-touch-icon" sizes="152x152">
<link href="static/datro/img/favicons/apple-icon-180x180.png" rel="apple-touch-icon" sizes="180x180">
<link href="static/datro/img/favicons/android-icon-192x192.png" rel="icon" sizes="192x192" type="image/png">
<link href="static/datro/img/favicons/favicon-32x32.png" rel="icon" sizes="32x32" type="image/png">
<link href="static/datro/img/favicons/favicon-96x96.png" rel="icon" sizes="96x96" type="image/png">
<link href="static/datro/img/favicons/favicon-16x16.png" rel="icon" sizes="16x16" type="image/png">
<link rel="manifest" href="manifest.json">
<meta content="#ffffff" name="msapplication-TileColor">
<meta content="static/datro/img/favicons/ms-icon-144x144.png" name="msapplication-TileImage">
<meta content="#ffffff" name="theme-color"><!-- CSS -->
<!-- <link href="https://getbootstrap.com/docs/4.1/dist/css/bootstrap.min.css" rel="stylesheet"> -->
<link href="static/datro/css/bootstrap.min.css" rel="stylesheet">
<link href="static/datro/css/reset.min.css" rel="stylesheet">
<link href="static/datro/css/bootstrap.min.css" rel="stylesheet">
<link href="static/datro/css/featherlight.css" rel="stylesheet" type="text/css">
<link href="static/datro/css/style.css" rel="stylesheet">
<link href="static/datro/css/carousel.css" rel="stylesheet">
<link href="static/datro/css/dropdownboxes.css" rel="stylesheet">
<link href="static/datro/css/footer.css" rel="stylesheet" type="text/css">
<link href="static/datro/css/download-buttons.css" rel="stylesheet" type="text/css">
<link href="static/datro/css/glyphicon.css" rel="stylesheet" type="text/css">
<style>
html {
overflow-y: scroll;
overflow-x: hidden;
}
body{color:#202020}
::-webkit-scrollbar {
width: 0px;
background: transparent; /* make scrollbar transparent */
}
@media all and (min-width:1024px) {
.tweak0001 {margin-bottom:6rem;}
}
a {color:grey;}
@media all and (min-width:1024px) {
.add-to-cart-btn { width:120px; max-height:30px; min-height:25px; min-width:80px; padding-top:3px; font-weight:lighter;}
}
.btn, a.btn {display:inline-block; background:#333366!important; color:#fff; font-size:1rem; min-height:2rem; text-align:center; border-radius:4px; padding:1px; border:1px solid white!important; min-width:90px; max-width:120px; width:30vw; margin:1px; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";}
.glyphinbutton {}
@media (max-width: 600px) and (min-width: 345px) and (orientation: portrait) {
.video-iframe {min-height:45vw; min-width: 78vw; max-height: 48vw!important; max-width: 80vw!Important;}
}
.v-h {
position: absolute !important;
height: 1px; width: 1px;
overflow: hidden;
clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px);
}
</style>
<script src="static/datro/js/lazy.min.js">
</script>
<script src="static/datro/js/ism-2.2.min.js">
</script>
<script src="static/datro/js/jquery-3.3.1.min.js">
</script>
<script>
function pageLoad(){
document.getElementById('mainWrapper').style.visibility="visible";
}
</script>
<link href="static/datro/html/search-box/app.css" rel="stylesheet">
<script src="static/datro/js/menu.js">
</script>
<script src="static/datro/js/preloader/jquery-1.9.1.js" >
</script>
<script>
window.jQuery || document.write('<script src="static/datro/js/preloader/jquery-1.9.1.js"><\/script>')
</script>
<script src="static/datro/js/preloader/main.js">
</script>
<style>
body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}
</style><noscript>
<style>
body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}
</style></noscript>
<style>
html {
overflow-y: scroll;
}
::-webkit-scrollbar {
width: 0px;
background: transparent; /* make scrollbar transparent */
}
</style>
<!-- google tracking code start -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-6BTNPTMXBF"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-6BTNPTMXBF');
</script>
<!-- google tracking code end -->
</head>
<body style="background-color:#333666;background:#333666;" data-role="page" onload="pageLoad()">
<header id="mainWrapper">
<nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
<h1 class="v-h">Site Navigation</h1>
<a data-content="DATRO" href="index.html" title="DATRO">
<img alt="DATRO Header Logo" class="navbar-brand" src="static/datro/img/datro_logo.webp"></a>
<button aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation" class="navbar-toggler" data-target="#navbarCollapse" data-toggle="collapse" type="button">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarCollapse">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="nav-link" href="static/datro/technology.html">Portfolio</a>
</li>
<li class="nav-item"></li>
<li class="nav-item">
<a data-featherlight="iframe" data-featherlight-iframe-allowfullscreen="true" class="nav-link" href="static/library/">Library</a>
</li>
</ul>
</div>
</nav>
</header>
<!-- preloader <div id="loader"></div> -->
<div id="loader-wrapper">
<div class="loader-section section-left"></div>
<div class="loader-section section-right"></div>
</div>
<main style="background-color: #333366;">
<div class="carousel" data-ride="carousel" id="myCarousel">
<div class="carousel-inner" style="overflow:visible!important;">
<div class="carousel-item active">
<div id="image1"></div>
<div class="container carouseltwo">
<div class="carousel-caption text-left">
<h1 class="carousel-maintitle">Web 3.0 Internet</h1>
<h2 class="carousel-title">Is Everyone's Business.</h2>
<div class="button-block">
<div class="button-block-right">
<div class="button-block-left">
<div class="wrapperwrapper">
<div class="wrapper">
<dl class="carousel-dropdown">
<dt>
<a href="javascript:void(0);"><span><span></span><span class="features-text">Learn More</span></span></a>
</dt>
<dd>
<ul style="display: none; overflow-x:hidden;">
<li>
<a href="static/datro/technology.html" style="color:#66CCFF!important; white-space: nowrap!important; display:inline-block;">
<b style="color:white; font-size:85%;margin-right:10px; font-weight:300!important;">Technologies</b>
<span class="glyphicon glyphicon-download"> </span></a>
</li>
<li style="list-style: none"><span class="glyphicon glyphicon-arrow-down" style="text-align:center; color: white; margin-left:50%; opacity:0;"> </span></li>
<li>
<a data-featherlight="iframe" data-featherlight-iframe-allowfullscreen="true" href="static/library/" style="color:#66CCFF!important;"><b style="color:white; font-size:85%; margin-right:10px;font-weight:300!important;">Documents</b> <span class="glyphicon glyphicon-book"> </span></a>
</li>
<li style="list-style: none"><span class="glyphicon glyphicon-arrow-down glyphinbutton"> </span></li>
</ul>
</dd>
</dl>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<div id="image3"></div>
<div class="container carouselthree">
<div class="carousel-caption text-left">
<h1 class="carousel-maintitle">1+ Billion Routers</h1>
<h2 class="carousel-title">Upgradable Now. For FREE.</h2>
<div class="button-block">
<div class="button-block-right">
<div class="button-block-left">
<div class="wrapperwrapper">
<div class="wrapper">
<dl class="carousel-dropdown">
<dt>
<a href="javascript:void(0);"><span><span></span><span class="features-text">Learn More</span></span></a>
</dt>
<dd>
<ul style="display: none; overflow-x:hidden;">
<li>
<a href="static/datro/technology.html" style="color:#66CCFF!important; white-space: nowrap!important; display:inline-block;">
<b style="color:white; font-size:85%;margin-right:10px; font-weight:300!important;">Technologies</b>
<span class="glyphicon glyphicon-download"> </span></a>
</li>
<li style="list-style: none"><span class="glyphicon glyphicon-arrow-down" style="text-align:center; color: white; margin-left:50%; opacity:0;"> </span></li>
<li>
<a data-featherlight="iframe" data-featherlight-iframe-allowfullscreen="true" href="static/library/" style="color:#66CCFF!important;"><b style="color:white; font-size:85%; margin-right:10px;font-weight:300!important;">Documents</b> <span class="glyphicon glyphicon-book"> </span></a>
</li>
<li style="list-style: none"><span class="glyphicon glyphicon-arrow-down" style="text-align:center; color: white; margin-left:50%; opacity:0;"> </span></li>
</ul>
</dd>
</dl>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div><a class="carousel-control-prev" data-slide="prev" data-target="#myCarousel" role="button" style="opacity:1!important; opacity:1!important;"><span aria-hidden="true" class="carousel-control-prev-icon"></span> <span class="sr-only">Previous</span></a> <a class="carousel-control-next" data-slide="next" data-target="#myCarousel" role="button" style="opacity:1!important; opacity:1!important;"><span aria-hidden="true" class="carousel-control-next-icon"></span> <span class="sr-only">Next</span></a>
</div>
</div><span class="sexy_line"></span>
<p class="segment-paragraph"></p>
<p class="segment-paragraph" style="text-align:center!important;"><br/><strong style="font-weight:bolder!important;">Welcome to the Web3.0 Revolution</strong></p>
<p class="segment-paragraph">
<b style="font-weight:400;color:rgba(255,255,255,0.7);">DATR<span class="copy-left">©</span></b> researches and develops a broad range of technologies which decentralize and democratize both internet services and the role of Internet Service Providers (ISP's) - commonly known as Web 2.0.
Our technologies empower individuals and groups, in both urban and rural areas, to communicate digitally without a need for an ISP (and in many cases, no new hardware either).
</p><p class="segment-paragraph">More than 1 billion wireless access points exist in the world today.
<b style="font-weight:400;color:rgba(255,255,255,0.7);">DATR<span class="copy-left">©</span></b> sources our solution to every member
of the public in the form of a free and universal software upgrade.
And each year we pledge to make our solution compatible with 50 million more pre-existing devices.
Since the software enables wireless access points to mesh network, connectivity can now grow into areas lacking internet.
Scaling this new type of network demands no capital and no legal or technical expertise.</p>
<p class="segment-title">Introducing HotspotBnB</p>
<div style="display:inline-block;background:transparent; margin-bottom:40px;width:100%; height:auto; text-align:center;">
<iframe class="video-iframe" src="static/datro/html/videos/intro-hbnb.html" style="max-width:90vw; width:545px; height:318px; text-align:center;"></iframe>
</div>
<p class="segment-paragraph">HotspotBnB, our free software upgrade, autonomously installs to your wireless router.
It also installs to single board computers which plug into the rear of wireless routers, such as Raspberry Pi's, UpBoard's, etc.
Even better our software's source code is free. It's been published in the public domain for total transparency.
HotspotBnB works in conjunction with your existing ISP,
so there's no need to be a private investigator to understand it or a tech genius to install it. There are no fees and no contracts to break or sign,
not even with your existing ISP.
</p><p class="segment-paragraph">This website features all the initial software, documents and training videos,
allowing anyone to upgrade their wireless access point and begin this journey today. Once upgraded,
you'll be able to explore and install applications directly on your wireless access point for the first time ever.
HotspotBnB's app-store attracts the most pioneering free applications by the most extraordinary developers. Already there's an iptv
and offline media center, a solar/IoT energy and IPCCTV camera monitor and a selection of virtualized game stations
(featuring virtualized game-pad controllers) so extensive they date back to the 80's. After a 'one-click' install, these apps
(which function on and offline) are all simultaneously accessible from all of your household devices' web-browsers, both locally and remotely.
</p>
<div style="display:inline-block;width:100vw;text-align:center;"></div>
</div>
<div class="segment-bottom"></div>
</main>
<div class="pinky-template">
<div class="sexy_line" style="filter:invert(100%)"></div><a data-content="DATRO" title="DATRO "></a>
<footer class="FooterNew">
<div class="FooterNew-content">
<div class="FooterNew-content-inner">
<div class="FooterNew-section">
<div class="Container">
<div class="Grid">
<div class="Grid-col Grid-col--desktopSmall-4">
<div class="FooterNew-info-section">
<a class="FooterNew-logo" data-content="DATRO" href="index.html" title="DATRO"><img alt="DATRO Footer Logo" class="FooterNew-logo-img" src="static/datro/img/footer_logo.png"></a>
</div>
<div class="FooterNew-info-section">
<a class="FooterNew-subTitle" data-content="DATRO Language Selector" data-qtsb-label="GoToLanguageSelector" data-qtsb-section="footer" data-qtsb-subsection="LanguageSelector" data-robots="LocaleSelector" href="#DATROfooter" id="locale-selector" role="button" title="DATRO"><span class="Icon--light Icon FooterNew-subTitle-icon"><svg class="Icon-image" height="24" viewbox="0 0 24 24" width="24" xmlns="https://www.w3.org/2000/svg">
<path d="M0 0h24v24H0z" fill="none"></path>
<path d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zm6.93 6h-2.95c-.32-1.25-.78-2.45-1.38-3.56 1.84.63 3.37 1.91 4.33 3.56zM12 4.04c.83 1.2 1.48 2.53 1.91 3.96h-3.82c.43-1.43 1.08-2.76 1.91-3.96zM4.26 14C4.1 13.36 4 12.69 4 12s.1-1.36.26-2h3.38c-.08.66-.14 1.32-.14 2 0 .68.06 1.34.14 2H4.26zm.82 2h2.95c.32 1.25.78 2.45 1.38 3.56-1.84-.63-3.37-1.9-4.33-3.56zm2.95-8H5.08c.96-1.66 2.49-2.93 4.33-3.56C8.81 5.55 8.35 6.75 8.03 8zM12 19.96c-.83-1.2-1.48-2.53-1.91-3.96h3.82c-.43 1.43-1.08 2.76-1.91 3.96zM14.34 14H9.66c-.09-.66-.16-1.32-.16-2 0-.68.07-1.35.16-2h4.68c.09.65.16 1.32.16 2 0 .68-.07 1.34-.16 2zm.25 5.56c.6-1.11 1.06-2.31 1.38-3.56h2.95c-.96 1.65-2.49 2.93-4.33 3.56zM16.36 14c.08-.66.14-1.32.14-2 0-.68-.06-1.34-.14-2h3.38c.16.64.26 1.31.26 2s-.1 1.36-.26 2h-3.38z"></path></svg></span> Language: English</a>
</div>
<div class="FooterNew-info-section">
<a class="FooterNew-subTitle" data-featherlight="iframe" data-featherlight-iframe-allowfullscreen="true" href="#" title="DATRO Help & Support"><span class="Icon--light Icon FooterNew-subTitle-icon"><svg class="Icon-image" height="24" viewbox="0 0 24 24" width="24" xmlns="https://www.w3.org/2000/svg">
<path d="M12 2C6.486 2 2 6.487 2 12c0 5.515 4.486 10 10 10s10-4.485 10-10c0-5.513-4.486-10-10-10zm0 16.25c-.69 0-1.25-.56-1.25-1.25s.56-1.25 1.25-1.25 1.25.56 1.25 1.25-.56 1.25-1.25 1.25zm1-4.375V15h-2v-3h1c1.104 0 2-.897 2-2 0-1.104-.896-2-2-2s-2 .896-2 2H8c0-2.205 1.795-4 4-4s4 1.795 4 4c0 1.86-1.277 3.43-3 3.875z"></path></svg></span> Help & Support</a>
</div>
</div>
<div class="Grid-col Grid-col--tablet-3 Grid-col--desktopSmall-2 FooterNew-link-section">
<h3 class="FooterNew-link-title" data-footerlink="footer-link">Portfolio <span class="Icon Icon--small Icon--light FooterNew-link-icon FooterNew-link-icon--disable"><svg class="Icon-image" height="24" viewbox="0 0 24 24" width="24" xmlns="https://www.w3.org/2000/svg">
<path d="M12 16c-.3 0-.5-.1-.7-.3l-6-6 1.4-1.4 5.3 5.3 5.3-5.3 1.4 1.4-6 6c-.2.2-.4.3-.7.3z"></path></svg></span> <span class="Icon Icon--small Icon--light FooterNew-link-icon FooterNew-link-icon--active"><svg class="Icon-image" viewbox="0 0 24 24" xmlns="https://www.w3.org/2000/svg">
<path d="M12 8.3a.91.91 0 0 1 .7.3l6 6-1.4 1.4-5.3-5.3L6.7 16l-1.4-1.4 6-6a.91.91 0 0 1 .7-.3z"></path></svg></span></h3>
<div class="FooterNew-link-content">
<ul class="FooterNew-links">
<li>
<a class="FooterNew-link" data-content="" data-qtsb-label="GoToDistributionNetwork" data-qtsb-section="footer" data-qtsb-subsection="Distribution" href="static/datro/technology.html" title="">MonoREAPo<b style="font-size:40%;color:white; position:relative;vertical-align:text-top!important;opacity:0.8;"><span class="copy-left">©</span></b></a>
</li>
<li>
<a class="FooterNew-link" data-content="DATRO Neo Dome" data-qtsb-label="GoToNeoDome" data-qtsb-section="footer" data-qtsb-subsection="Network" href="static/datro/technology.html" title="DATRO Neo Dome">NΞΩ DΩMΞ<b style="font-size:40%;color:white; position:relative;vertical-align:text-top!important;opacity:0.8;"><span class="copy-left">©</span></b></a>
</li>
<li>
<a class="FooterNew-link" data-content="DATRO HotspotBnB" data-qtsb-label="GoToDownloadCenter" data-qtsb-section="footer" data-qtsb-subsection="Network" data-uitest-target="GoToHotspotBnB" href="static/datro/technology.html" title="DATRO Hotspotβnβ">Hotspotβnβ<b style="font-size:40%;color:white; position:relative;vertical-align:text-top!important;opacity:0.8;"><span class="copy-left">©</span></b></a>
</li>
</ul>
</div>
</div>
<div class="Grid-col Grid-col--tablet-3 Grid-col--desktopSmall-2 FooterNew-link-section">
<h3 class="FooterNew-link-title" data-footerlink="footer-link">About <span class="Icon Icon--small Icon--light FooterNew-link-icon FooterNew-link-icon--disable"><svg class="Icon-image" height="24" viewbox="0 0 24 24" width="24" xmlns="https://www.w3.org/2000/svg">
<path d="M12 16c-.3 0-.5-.1-.7-.3l-6-6 1.4-1.4 5.3 5.3 5.3-5.3 1.4 1.4-6 6c-.2.2-.4.3-.7.3z"></path></svg></span> <span class="Icon Icon--small Icon--light FooterNew-link-icon FooterNew-link-icon--active"><svg class="Icon-image" viewbox="0 0 24 24" xmlns="https://www.w3.org/2000/svg">
<path d="M12 8.3a.91.91 0 0 1 .7.3l6 6-1.4 1.4-5.3-5.3L6.7 16l-1.4-1.4 6-6a.91.91 0 0 1 .7-.3z"></path></svg></span></h3>
<div class="FooterNew-link-content">
<ul class="FooterNew-links">
<li>
<a class="FooterNew-link" data-content="DATRO News" data-qtsb-label="GoToNews" data-qtsb-section="footer" data-qtsb-subsection="About" data-uitest-target="GoToNews" href="#" title="DATRO News">DATR<span class="copy-left">©</span> News & Press</a>
</li>
<li>
<a class="FooterNew-link" data-content="DATRO Documents" data-qtsb-label="GoToDocuments" data-qtsb-section="footer" data-qtsb-subsection="About" data-featherlight="iframe" data-featherlight-iframe-allowfullscreen="true" data-uitest-target="GoToDocuments" href="static/library/">DATR<span class="copy-left">©</span> Documents</a>
</li>
<li>
<a class="FooterNew-link" data-content="Contact DATRO" data-qtsb-label="GoToContact" data-qtsb-section="footer" data-qtsb-subsection="Network" data-uitest-target="GoToContact" href="#" title="Contact DATRO">DATR<span class="copy-left">©</span> Contacts</a>
</li>
<li>
<a class="FooterNew-link" data-content="History" data-qtsb-label="GoToHistory" data-qtsb-section="footer" data-qtsb-subsection="About" data-uitest-target="GoToHistory" href="#" title="History">DATR<span class="copy-left">©</span> History</a>
</li>
<li>
<a class="FooterNew-link" data-content="Team" data-qtsb-label="GoToTeam" data-qtsb-section="footer" data-qtsb-subsection="Network" data-uitest-target="GoToTeam" href="#" title="The DATRO Team">DATR<span class="copy-left">©</span> Team</a>
</li>
</ul>
</div>
</div>
<div class="Grid-col Grid-col--tablet-3 Grid-col--desktopSmall-2 FooterNew-link-section">
<h3 class="FooterNew-link-title" data-footerlink="footer-link">Legal <span class="Icon Icon--small Icon--light FooterNew-link-icon FooterNew-link-icon--disable"><svg class="Icon-image" height="24" viewbox="0 0 24 24" width="24" xmlns="https://www.w3.org/2000/svg">
<path d="M12 16c-.3 0-.5-.1-.7-.3l-6-6 1.4-1.4 5.3 5.3 5.3-5.3 1.4 1.4-6 6c-.2.2-.4.3-.7.3z"></path></svg></span> <span class="Icon Icon--small Icon--light FooterNew-link-icon FooterNew-link-icon--active"><svg class="Icon-image" viewbox="0 0 24 24" xmlns="https://www.w3.org/2000/svg">
<path d="M12 8.3a.91.91 0 0 1 .7.3l6 6-1.4 1.4-5.3-5.3L6.7 16l-1.4-1.4 6-6a.91.91 0 0 1 .7-.3z"></path></svg></span></h3>
<div class="FooterNew-link-content">
<ul class="FooterNew-links">
<li>
<a class="FooterNew-link" data-content="DATRO Terms of Service" data-featherlight="iframe" data-featherlight-iframe-allowfullscreen="true" data-qtsb-label="GoToTerms" data-qtsb-section="footer" data-qtsb-subsection="CorporateLinks" data-uitest-target="GoToTerms" href="static/library/coming_soon/coming_soon/latest/build/html/index.html" rel="nofollow" title="DATRO Terms of Service">Terms of Service</a>
</li>
<li>
<a class="FooterNew-link" data-content="DATRO Copyleft Policy" data-featherlight="iframe" data-featherlight-iframe-allowfullscreen="true" data-qtsb-label="GoToCopyleft" data-qtsb-section="footer" data-qtsb-subsection="CorporateLinks" data-uitest-target="GoToCopyleft" href="static/library/coming_soon/coming_soon/latest/build/html/index.html" rel="nofollow" title="DATRO Copyleft">Copyright Notice</a>
</li>
<li>
<a class="FooterNew-link" data-content="DATRO Privacy Policy" data-featherlight="iframe" data-featherlight-iframe-allowfullscreen="true" data-qtsb-label="GoToPrivacyPolicy" data-qtsb-section="footer" data-qtsb-subsection="CorporateLinks" data-uitest-target="GoToPrivacyPolicy" href="static/library/coming_soon/coming_soon/latest/build/html/index.html" rel="nofollow" title="DATRO Privacy Policy">Privacy Policy</a>
</li>
</ul>
</div>
</div>
<div class="Grid-col Grid-col--tablet-3 Grid-col--desktopSmall-2 FooterNew-link-section">
<h3 class="FooterNew-link-title FooterNew-link-title--hideMobile" style="margin-left:20px;">Get Started</h3>
<div class="FooterNew-appStoreIcons">
<a data-cf-modified-932506ddc3088c932de8e2ec-="" onclick="if (!window.__cfRLUnblockHandlers) return false; window.open('https://github.com/unclehowell/HBnB/releases/')" style="filter:invert(10%); width:120px; display:block; min-height: 32.5px; margin:5px; background-color:transparent; border:1px solid white; border-radius:5px; padding:2px;"><b data-content="Hotspotβnβ Latest Version" data-qtsb-label="GoToWaveZIP" data-qtsb-section="footer" data-qtsb-subsection="AppsAndSocial" style="font-size:12.5px; color:white;" title="Hotspotβnβ Latest Version"><i class="glyphicon glyphicon-compressed" style="margin-left: 16px; margin-right: -6px; margin-top: 5px;"> </i> <strong>Downloads</strong></b> <span></span></a> <a data-featherlight="iframe" data-featherlight-iframe-allowfullscreen="true" href="static/library/" style="filter:invert(10%); width:120px; display:block; min-height: 32.5px; margin:5px; background-color:transparent; border:1px solid white; border-radius:5px; padding:2px;"><b data-content="Hotspotβnβ Operator Manual, Direct Download" data-qtsb-label="GoToWaveISO" data-qtsb-section="footer" data-qtsb-subsection="AppsAndSocial" style="font-size:12.5px; color:white;" title="Hotspotβnβ Operator Manual, Direct Download"><i class="glyphicon glyphicon-book" style="margin-left: 12px!Important; margin-right: -3px!important; margin-top: 5px;"> </i> <span>Documents</span></b> <span></span></a>
</div>
<div class="FooterNew-social">
<a class="FooterNew-social-icon Icon Icon--light" data-content="Like DATRO on Facebook; on Facebook Today" data-qtsb-label="GoToFacebook" data-qtsb-section="footer" data-qtsb-subsection="AppsAndSocial" href="https://www.facebook.com/datrogroup/" rel="nofollow" target="_blank" title="DATRO on Facebook - Like DATRO on FacebookLike DATRO on Facebook Today"><svg class="Icon-image" height="24" viewbox="0 0 24 24" width="24" xmlns="https://www.w3.org/2000/svg">
<path d="M16.41 8.65h-3v-2a.8.8 0 0 1 .84-.91h2.12V2.51h-2.93a3.7 3.7 0 0 0-4 4v2.14H7.59V12h1.87v9.5h3.95V12h2.66l.34-3.35z"></path></svg></a> <a class="FooterNew-social-icon Icon Icon--light" data-content="Follow DATRO on TwitterFollow DATRO on Twitter Today" data-qtsb-label="GoToTwitter" data-qtsb-section="footer" data-qtsb-subsection="AppsAndSocial" href="#DATROfooter" rel="nofollow" target="_self" title="Follow DATRO on Twitter"><svg class="Icon-image" height="24" viewbox="0 0 24 24" width="24" xmlns="https://www.w3.org/2000/svg">
<path d="M8.192 21c-2.28 0-4.404-.668-6.192-1.815 2.144.252 4.282-.342 5.98-1.672-1.768-.034-3.26-1.202-3.772-2.806.633.12 1.256.085 1.823-.07-1.942-.39-3.282-2.14-3.24-4.01.545.302 1.17.484 1.83.505C2.822 9.93 2.313 7.555 3.37 5.738c1.992 2.444 4.97 4.053 8.326 4.22C11.106 7.434 13.024 5 15.63 5c1.163 0 2.212.49 2.95 1.276.92-.18 1.785-.517 2.565-.98-.3.944-.942 1.736-1.775 2.235.817-.097 1.596-.314 2.32-.635-.542.807-1.228 1.52-2.016 2.088C19.93 14.665 15.694 21 8.192 21z"></path></svg></a> <a class="FooterNew-social-icon Icon Icon--light" data-content="Collaborate with DATRO on GitHub" data-qtsb-label="GoToGitHub" data-qtsb-section="footer" data-qtsb-subsection="AppsAndSocial" href="https://github.com/unclehowell/datro/blob/gh-pages/COLLABORATE.md" rel="nofollow" target="_blank" title="Collaborate with DATRO on GitHub"><img alt="GitHub Badge" class="Icon-image" height="24" src="static/datro/img/git-footer.png" width="24"></a> <a class="FooterNew-social-icon Icon Icon--light" data-content="Subscribe to DATRO on YouTubeSubscribe to DATRO on YouTube Today" data-qtsb-label="GoToYoutube" data-qtsb-section="footer" data-qtsb-subsection="AppsAndSocial" href="#DATROfooter" rel="nofollow" target="_self" title="DATRO on Youtube"><svg class="Icon-image" height="24" viewbox="0 0 24 24" width="24" xmlns="https://www.w3.org/2000/svg">
<path d="M13.983 14.66c-.303 0-.562.194-.753.426v-1.988h-.855v6.173h.855v-.348c.236.294.494.407.804.407.564 0 .774-.44.774-1.002v-2.526c0-.618-.205-1.142-.825-1.142zm-.047 3.545c0 .145-.024.25-.073.314-.094.12-.295.115-.434.046l-.2-.16v-2.84l.174-.137c.148-.076.34-.062.442.073.06.08.09.197.09.35v2.352zM11.084 9.25V7.024c0-.263.12-.456.37-.456.274 0 .39.187.39.455V9.25c0 .26-.132.452-.37.452-.248 0-.39-.2-.39-.453zm-1.94 4.745h-.988v5.277h-.954v-5.277h-.987v-.897h2.928v.897zm1.557.722h.848v4.554H10.7v-.5c-.154.183-.317.325-.486.422-.457.26-1.083.256-1.083-.668v-3.807h.847v3.49c0 .185.045.307.226.307.165 0 .395-.212.498-.34v-3.457zM13.507 5.7h.89v3.666c0 .193.045.322.237.322.173 0 .414-.222.523-.358V5.7h.89v4.783h-.89v-.53c-.386.46-.76.598-1.028.598-.477 0-.62-.38-.62-.852V5.7h-.002zm-2.034-.04c.72 0 1.278.537 1.278 1.286V9.29c0 .803-.563 1.28-1.278 1.28-.862 0-1.303-.437-1.303-1.28V6.946c0-.768.518-1.285 1.302-1.285zM7.865 4l.69 2.59L9.198 4h1.018L9.05 7.853v2.63H8.046v-2.63L6.857 4h1.008zm8.918 16.706c-1.822.123-7.746.123-9.566 0C5.245 20.57 5.015 19.376 5 16.25c.015-3.133.247-4.322 2.217-4.458 1.82-.124 7.744-.124 9.566 0 1.972.135 2.202 1.33 2.217 4.457-.015 3.13-.247 4.32-2.217 4.456zm-.05-6.103c-.764 0-1.286.548-1.286 1.338v2.045c0 .82.414 1.41 1.223 1.41.892 0 1.268-.532 1.268-1.41v-.342h-.87v.316c0 .396-.022.636-.38.636-.34 0-.37-.296-.37-.637v-.86h1.62v-1.16c0-.82-.39-1.337-1.204-1.337zm.334 1.792h-.748v-.46c0-.314.064-.534.377-.534.305 0 .37.226.37.534v.46z" fill-rule="evenodd"></path></svg></a> <a class="FooterNew-social-icon Icon Icon--light" data-content="Follow DATRO on InstagramFollow DATRO on Instagram Today" data-qtsb-label="GoToInstagram" data-qtsb-section="footer" data-qtsb-subsection="AppsAndSocial" href="#DATROfooter" rel="nofollow" target="_self" title="DATRO on Instagram - Follow DATRO on InstagramFollow DATRO on Instagram Today"><svg class="Icon-image" height="24" viewbox="0 0 24 24" width="24" xmlns="https://www.w3.org/2000/svg">
<path d="M15 12c0 1.657-1.343 3-3 3s-3-1.342-3-3c0-1.657 1.343-3 3-3s3 1.343 3 3zm4.327-3.636c.043.948.052 1.233.052 3.636s-.01 2.688-.053 3.637c-.112 2.42-1.248 3.58-3.69 3.69-.948.042-1.233.052-3.637.052-2.403 0-2.69-.01-3.636-.053-2.446-.11-3.58-1.273-3.69-3.69-.043-.95-.053-1.234-.053-3.637s.01-2.688.054-3.636c.11-2.42 1.248-3.58 3.69-3.69.948-.043 1.233-.052 3.636-.052s2.69.01 3.637.052c2.44.11 3.578 1.27 3.69 3.69zM16.62 12c.002-2.553-2.07-4.622-4.62-4.622-2.553 0-4.622 2.07-4.622 4.622 0 2.553 2.07 4.622 4.622 4.622 2.553 0 4.622-2.07 4.622-4.622zm1.264-4.804c0-.596-.484-1.08-1.08-1.08-.596 0-1.08.484-1.08 1.08 0 .597.483 1.08 1.08 1.08.597 0 1.08-.483 1.08-1.08zM21 12c0-2.444-.01-2.75-.054-3.71-.147-3.265-1.963-5.085-5.235-5.235C14.75 3.01 14.446 3 12 3c-2.445 0-2.75.01-3.71.054-3.27.15-5.085 1.963-5.236 5.235C3.01 9.25 3 9.556 3 12c0 2.445.01 2.75.054 3.71.15 3.27 1.964 5.086 5.236 5.236.96.044 1.265.054 3.71.054 2.445 0 2.75-.01 3.71-.054 3.266-.15 5.09-1.963 5.236-5.236.044-.96.054-1.265.054-3.71z"></path></svg></a>
</div>
</div>
</div>
</div>
</div>
<div class="FooterNew-section" style="border-bottom: 1px solid transparent!important;">
<div class="Container">
<div class="Grid">
<div class="Grid-col Grid-col--3 Grid-col--tablet-6 Grid-col--desktopSmall-3">
<div class="SiteStat FooterNew-siteStat">
<div class="SiteStat-value FooterNew-siteStat-value" id="footerRegisteredUsersCount"></div>
<div class="SiteStat-name FooterNew-siteStat-name">
<span class="SiteStat-name-text"></span>
</div>
</div>
</div>
<div class="Grid-col Grid-col--3 Grid-col--tablet-6 Grid-col--desktopSmall-3">
<div class="SiteStat FooterNew-siteStat">
<div class="SiteStat-value FooterNew-siteStat-value" id="footerTotalJobsPostedCount"></div>
<div class="SiteStat-name FooterNew-siteStat-name">
<span class="SiteStat-name-text"></span> <button class="SiteStat-name-icon" data-content="" id="posted-listings" title=""></button>
</div>
</div>
</div>
<div class="Grid-col Grid-col--desktopSmall-6">
<p class="FooterNew-siteStat-term" style="text-align:right;">
<img style="margin-top: 2em; margin-bottom: 1em; }" alt="Release Version" src="https://img.shields.io/github/v/release/unclehowell/datro?color=%23333666&include_prereleases"></br>
<b style="opacity: 1; font-weight: 300!important; font-size: 95%; display: block; text-align: right; margin-top: 1em;">
<a data-content="DATRO" data-featherlight="iframe" data-featherlight-iframe-allowfullscreen="true" href="static/datro/html/statistics/website.html" style="color: white; display: inline-block; border: 1px solid rgba(255,255,255,0.2); border-radius: 3px; padding: 5px;" title="DATRO Decentralized, Democratized, Free Communications - datro.xyz">
<span class="glyphicon glyphicon-stats"></span> Stats</a>
<a data-content="DATRO Decentralized, Democratized, Free Communications - datro.xyz" data-featherlight="iframe" data-featherlight-iframe-allowfullscreen="true" href="static/library/" style="color: white; display: inline-block; border: 1px solid rgba(255,255,255,0.2); border-radius: 3px; padding: 5px;" title="DATRO Decentralized, Democratized, Free Communications - datro.xyz">
<span class="glyphicon glyphicon-book"></span> Docs</a>
<a data-content="DATRO Decentralized, Democratized, Free Communications - datro.xyz" href="https://github.com/unclehowell/datro/tree/gh-pages/static/datro" style="color: white; display: inline-block; border: 1px solid rgba(255,255,255,0.2); border-radius: 3px; max-height: 29px!important; padding: 5px!important;" target="_blank" title="DATRO Decentralized, Democratized, Free Communications - datro.xyz">
<img alt="Another GitHub Badge" class="Icon-image" height="24" src="static/datro/img/git-footer.png" style="height: 18px; vertical-align: middle; width: 18px; zoom: 0.8; margin-right: 3px!important; margin-bottom: 4px!important;" width="24">Code</a>
<a data-content="DATRO Decentralized, Democratized, Free Communications - datro.xyz" href="https://github.com/unclehowell/datro/edit/gh-pages/index.html" style="color: white; display: inline-block; border: 1px solid rgba(255,255,255,0.2); border-radius: 3px; padding: 5px;" target="_blank" title="DATRO Decentralized, Democratized, Free Communications - datro.xyz">
<span class="glyphicon glyphicon-edit"></span> Edit</a>
</p>
<p class="FooterNew-siteStat-term" style="white-space: nowrap;text-align:right;font-size:100%;">
<b style="opacity: 0.4; font-family: sans-serif; text-align: right; display: block; font-size: 1.2em; font-weight: bold; margin-bottom: 1em; margin-top: 1.5em;">Free, Decentralized and Democratic Internet</b>
<img src="static/datro/img/favicons/android-chrome-192x192.png" style="height: 1.3em; image-rendering: pixelated; opacity: 0.4;" >
<b style="opacity:0.6;font-weight:bolder!important;font-size:0.8em;">
DATRO Consortium Limited, ID: 13775817 (2021+)</b>
</p>
<p class="FooterNew-siteStat-term" style="white-space: nowrap;text-align:right;font-size:100%;">
<img src="static/datro/img/rsa-logo.png" style="height: 0.95em; filter: grayscale(1)brightness(5); opacity: 1;">
<b style="opacity:0.6;font-weight:bolder!important;font-size:0.8em;">Royal Signals Association,
Life Member ID: 55983 (2017+) </b>
</p>
<p class="FooterNew-siteStat-term" style="white-space: nowrap;text-align:right;font-size:100%;">
<b style="opacity:0.6;font-weight:bolder!important;font-size:0.8em;">
<img src="static/datro/img/rsigs-coa.png" style="height: 1.62em; filter: grayscale(1)brightness(2); opacity: 1;">
Royal Signals,
<img src="static/datro/img/army.png" style="height: 1.62em; filter: grayscale(1)brightness(2); opacity: 1;">
British Army,
Service ID: 25148537 (2002+)
</b>
</p>
<p class="FooterNew-siteStat-term" style="white-space: nowrap;text-align:right;font-size:100%;">
<img src="static/datro/img/ogl.png" style="height:1em;filter:invert(0.8);image-rendering:pixelated;opacity: 0.5;" >
<b style="opacity:0.6;font-weight:bolder!important;font-size:0.8em;">Open Government Licence 3.0,
<img src="static/datro/img/royal-coa.png" style="height:1.5em;filter:brightness(10)contrast(1.5);image-rendering:pixelated;opacity:0.7;">
Crown Copyright <script>new Date().getFullYear()>2017&&document.write("© "+new Date().getFullYear());</script></b>
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</footer>
</div>
<script src="static/datro/js/bootstrap.min.js"></script>
<script src="static/datro/js/holder2.js">
</script>
<script src="static/datro/js/carousel-dropdown.js">
</script>
<script src="static/datro/js/currencydrop.js">
</script>
<script src="static/datro/js/scale.fix.js">
</script>
<script src="static/datro/js/jquery.min.js">
</script>
<script src="static/datro/html/featherlight/release/featherlight.min.js">
</script>
<script src="static/datro/js/smoothloader.js"></script>
</body>
</html>