forked from catalyst-network/catalystnetwork.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
1046 lines (954 loc) · 56.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
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-145266926-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-145266926-1');
</script>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-TXQW5CK');</script>
<!-- End Google Tag Manager -->
<!-- Hotjar Tracking Code for https://catalystnet.org/ -->
<script>
(function(h,o,t,j,a,r){
h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
h._hjSettings={hjid:1452006,hjsv:6};
a=o.getElementsByTagName('head')[0];
r=o.createElement('script');r.async=1;
r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
a.appendChild(r);
})(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
</script>
<meta charset="utf-8">
<title>Catalyst</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="format-detection" content="telephone=no">
<link rel="icon" type="image/x-icon" href="static/images/favicon.ico">
<link rel="stylesheet" media="all" href="static/css/style.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css"
integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous">
<!-- Quora Pixel Code (JS Helper) -->
<script>
!function(q,e,v,n,t,s){if(q.qp) return; n=q.qp=function(){n.qp?n.qp.apply(n,arguments):n.queue.push(arguments);}; n.queue=[];t=document.createElement(e);t.async=!0;t.src=v; s=document.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s);}(window, 'script', 'https://a.quora.com/qevents.js');
qp('init', 'c5f60baaa15d4c41aa547da00d93f474');
qp('track', 'ViewContent');
</script>
<noscript><img height="1" width="1" style="display:none" src="https://q.quora.com/_/ad/c5f60baaa15d4c41aa547da00d93f474/pixel?tag=ViewContent&noscript=1"/></noscript>
<!-- End of Quora Pixel Code -->
</head>
<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TXQW5CK"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<div class="wrapper">
<div class="preloader">
<div class="c-cube">
<div class="c-cube__side c-cube__side--front"></div>
<div class="c-cube__side c-cube__side--back"></div>
<div class="c-cube__side c-cube__side--right"></div>
<div class="c-cube__side c-cube__side--left"></div>
<div class="c-cube__side c-cube__side--top"></div>
<div class="c-cube__side c-cube__side--bottom"></div>
</div>
<div class="preloader__logo"><img src="static/images/logo.svg"></div>
</div>
</div>
<header class="header">
<div class="wrapper-inner">
<div class="header__content"><a class="header__logo" href="index.html"><img
src="static/images/logo.svg"></a>
<div class="header__menu">
<nav class="menu">
<ul class="menu__list">
<li class="menu__item"><a class="menu__link transition"
href="#features">Features</a></li>
<li class="menu__item"><a class="menu__link transition"
href="#dayzero">Day Zero Network</a></li>
<li class="menu__item"><a class="menu__link transition"
href="#Stories">Stories</a></li>
<li class="menu__item"><a class="menu__link transition"
href="#Videos">Videos</a></li>
<li class="menu__item"><a class="menu__link transition"
href="#team">Team</a></li>
<li class="menu__item"><a class="menu__link transition"
href="#roadmap">Roadmap</a></li>
<li class="menu__item"><a class="menu__link transition"
href="#contact">Contact</a></li>
<!-- <div class="start__button flex-center"><a style="padding-right: 20px;width: auto;" href="/RegisterNow.html" class="button button--green">Sign up for our <br> Virtual Meetup!</a></div> -->
</ul>
</nav>
</div>
<div class="header__mobile">
<div class="header__mobile-item topBar"></div>
<div class="header__mobile-item btmBar"></div>
</div>
</div>
</div>
</header>
<div class="top__social">
<a class="transition" href="https://github.com/catalyst-network"
target="_blank"><i class="fab fa-github" style="font-size:1.2em;margin-bottom:35px"></i></a>
<a class="transition" href="https://join.slack.com/t/catalystnet/shared_invite/enQtNjA5MzM5NDk3MzgyLTQyYTZmMDlhMjc3ODRkODRhNTU2Njk0M2FlOGRhNjRhNzkyZGExYjUyODBkODQ1ODBkYjA2YzUwZDdjMTZiYzY"
target="_blank"><i class="fab fa-slack" style="font-size:1.2em;margin-bottom:35px"></i></a>
<a class="transition" href="https://t.me/CatalystNetOrg"
target="_blank"><i class="fab fa-telegram-plane" style="font-size:1.3em;margin-bottom:35px"></i></a>
<a class="transition"
href="https://medium.com/catalystnetorg"
target="_blank">
<i class="fab fa-medium-m" style="font-size:1.2em;margin-bottom:35px"></i></a>
<a class="transition" href="https://www.reddit.com/r/CatalystNet"
target="_blank"><i class="fab fa-reddit" style="font-size:1.2em;margin-bottom:35px"></i></a>
<a class="transition"
href="https://www.linkedin.com/company/catalyst-network/about/"
target="_blank"><span class="icon-linkedin" style="margin-bottom:35px"></span></a>
<!--a class="transition" href="#"
target="_blank"><i class="fab fa-bitcoin" style="font-size:1.3em;"></i></a-->
</div>
<section class="top">
<div class="top__start wrap">
<div id="webinarbutton" class="start__button flex-center"><a style="padding-right: 20px;width: auto;text-align: -webkit-center;" href="/RegisterNow.html" class="button button--green">Sign up for our <br> Virtual Meetup</a></div>
<div class="wrapper-inner">
<div class="start__content">
<h1 class="start__title title title--white">Empowering the <span
class="green bold">decentralised </span>web</h1>
<div class="start__button flex-center"><a href="http://bit.ly/2kU97GS" class="button button--green">Sign up for updates<span
class="icon-arrow"></span></a></div>
</div>
</div>
</div>
<div class="top__about wrap" id="about">
<div class="wrapper-inner">
<div class="about__content">
<div class="about__left">
<div class="about__block flex">
<div class="about__img" data-aos="zoom-out-down" data-aos-delay="400"
data-aos-duration="800"><img src="static/images/about-1.png"></div>
<div class="about__info">
<h3 class="about__caption">ACCESSIBILITY</h3>
<div class="about__text">
<p>Anyone, anywhere any platform</p>
</div>
</div>
</div>
<div class="about__block flex about__block--reverse">
<div class="about__img" data-aos="zoom-out-down" data-aos-delay="600"
data-aos-duration="800"><img src="static/images/about-2.png"></div>
<div class="about__info">
<h3 class="about__caption">FUNCTIONALITY</h3>
<div class="about__text">
<p>Light footprint, high speed and software on chip capability makes Catalyst truly
fast & scalable</p>
</div>
</div>
</div>
<div class="about__block flex">
<div class="about__img" data-aos="zoom-out-down" data-aos-delay="800"
data-aos-duration="800"><img src="static/images/about-3.png"></div>
<div class="about__info">
<h3 class="about__caption">DEMOCRACY</h3>
<div class="about__text">
<p>Rewarding computational effort fairly, by using collaborative rather than
competitive consensus</p>
</div>
</div>
</div>
</div>
<div class="about__right">
<h2 class="about__title title title--white">How we do it</h2>
<div class="about__text about__text--white">
<p>The Catalyst Network is a fully functional decentralised technology
stack that works in the real world.</p>
<p>Previous attempts to reverse the trend to centralisation within the internet have
failed because the technology was too slow,
resource intensive, specialised, insecure and poorly incentivised -
there was little reason for anyone to use them.</p>
<p>Catalyst Network has been built from the ground up to make decentralisation within
the internet possible - it’s light, fast, accessible, works with common programming
languages, and is compatible within the current internet ecosystem. Most
importantly, unlike mining-based networks, Catalyst rewards all its participants
fairly through collaborative compensation.</p>
</div>
</div>
</div>
</div>
</div>
<div class="top__mission wrap" id="internet">
<div class="mission__img"><img src="static/images/mission_V2.png"><img class="mission__img-absolute"
src="static/images/mission2.png">
</div>
<div class="wrapper-inner">
<div class="mission__content">
<h3 class="mission__caption title">Catalyst Network</h3>
<h2 class="mission__title title title--white">Empowering the decentralised web</h2>
<div class="mission__block" data-text="Mission">
<h3 class="mission__caption">Mission</h3>
<div class="mission__text">
<p>To empower true decentralisation on the web, on a network owned and run by everyone.
</p>
</div>
</div>
<div class="mission__block" data-text="Vision">
<h3 class="mission__caption">Vision</h3>
<div class="mission__text">
<p>Our vision is a more transparent, secure, inclusive, fair and democratic economy and
society enabled by decentralised technology.</p>
</div>
</div>
<div class="start__button flex-center"><a href="/Introduction-to-Catalyst-Network.pdf" target="_blank" class="button button--green">
<b>Introduction to Catalyst Network (PDF)</b>
</a></div>
</div>
</div>
</div>
</section>
<section class="connection wrap">
<div class="wrapper-inner">
<div class="subscribe__content">
<div class="subscribe__text text-center">
<p>Learn what can be done with a light, fast and secure stack that incentivises everyone who
participates.
We are empowering decentralisation in the internet, and we want you to be part of it.</p>
</div>
<div class="connection--icon"><a class="transition" href="https://github.com/catalyst-network"
target="_blank"><i class="fab fa-github"
style="font-size:3em; margin-right:30px;"></i></a>
<a class="connection__icon" href="https://join.slack.com/t/catalystnet/shared_invite/enQtNjA5MzM5NDk3MzgyLTQyYTZmMDlhMjc3ODRkODRhNTU2Njk0M2FlOGRhNjRhNzkyZGExYjUyODBkODQ1ODBkYjA2YzUwZDdjMTZiYzY"
target="_blank"><i class="fab fa-slack" style="font-size:3em;"></i></a>
</div>
</div>
</div>
</section>
<section class="subscribe" id="subscribe" style="background-color:#19445b">
<div class="wrapper-inner">
<div class="subscribe__content">
<h2 class="subscribe__title title green">Stay updated - Join our newsletter</h2>
<div class="subscribe__text">
<p>Enter
address below to get the latest updates <br> & announcements on our progress.
</p>
</div>
<div class="subscribe__form text-center">
<form action="http://bit.ly/2kU97GS" method="POST" class="subscribe-form form-popup">
<div class="flex-center">
<div class="subscribe__input">
<input type="email" class="form-control" required data-msg="This field is required"
placeholder="YOUR EMAIL">
</div>
<button type="submit" class="newsletter__button">
<i id="join news letter" class="far fa-envelope fa-lg" style="color:#123448; font-size:20px;"></i>
</button>
</div>
</form>
</div>
<div class="subscribe__content">
<br><br><br><br>
<div class="subscribe__text">
<h2 class="subscribe__title title green">Join our community</h2>
</div>
</div>
<div class="subscribe__text">
<div class="subscribe__social flex-center">
<a class="transition" href="https://github.com/catalyst-network"
target="_blank"><i class="fab fa-github" style="font-size:1.2em;"></i></a>
<a class="transition" href="https://join.slack.com/t/catalystnet/shared_invite/enQtNjA5MzM5NDk3MzgyLTQyYTZmMDlhMjc3ODRkODRhNTU2Njk0M2FlOGRhNjRhNzkyZGExYjUyODBkODQ1ODBkYjA2YzUwZDdjMTZiYzY"
target="_blank"><i class="fab fa-slack" style="font-size:1.2em;"></i></a>
<a class="transition" href="https://t.me/CatalystNetOrg"
target="_blank"><i class="fab fa-telegram-plane" style="font-size:1.3em;"></i></a>
<a class="transition" href="https://medium.com/catalystnetorg" target="_blank">
<i class="fab fa-medium-m" style="font-size:1.3em;"></i></a>
<a class="transition" href="https://www.reddit.com/r/CatalystNet"
target="_blank"><i class="fab fa-reddit" style="font-size:1.2em;"></i></a>
<a class="transition" href="https://www.linkedin.com/company/catalyst-network/about/"
target="_blank"><span class="icon-linkedin"></span></a>
<!--a class="transition" href="#"
target="_blank"><i class="fab fa-bitcoin" style="font-size:1.3em;"></i></a-->
</div>
</div>
</div>
</div>
</section>
<section class="features wrap" id="features">
<div class="wrapper-inner">
<div class="features__content">
<h2 class="title title--center features__title">Features</h2>
<div class="features__part flex">
<div class="features__block snip1295 features__block--top" data-aos="fade-zoom-in"
data-aos-delay="400" data-aos-duration="800">
<div class="border one">
<div>
</div>
</div>
<div class="border two">
<div>
</div>
</div>
<div class="features__img"><img src="static/images/features-1.svg"></div>
<div class="features__text">
<h3>Fast</h3>
<p>New ways of achieving consensus and
managing data make Catalyst competitive
with centralised services.</p>
</div>
</div>
<div class="features__block snip1295 features__block--top" data-aos="fade-zoom-in"
data-aos-delay="900" data-aos-duration="800">
<div class="border one">
<div></div>
</div>
<div class="border two">
<div></div>
</div>
<div class="features__img"><img src="static/images/features-2.svg"></div>
<div class="features__text">
<h3>Accessible</h3>
<p>Catalyst works with the most common
programming languages, not specialised
code.</p>
</div>
</div>
<div class="features__block snip1295 features__block--top" data-aos="fade-zoom-in"
data-aos-delay="1400" data-aos-duration="800">
<div class="border one">
<div></div>
</div>
<div class="border two">
<div></div>
</div>
<div class="features__img"><img src="static/images/features-3.svg"></div>
<div class="features__text">
<h3>Democratic</h3>
<p>Collaborative rather than competitive
consensus gives all participants a fair stake.</p>
</div>
</div>
</div>
<div class="features__logo"><img src="static/images/logo-big.svg"></div>
<div class="features__part flex">
<div class="features__block snip1295 features__block--bottom" data-aos="fade-zoom-in"
data-aos-delay="1900" data-aos-duration="800">
<div class="border one">
<div></div>
</div>
<div class="border two">
<div></div>
</div>
<div class="features__img"><img src="static/images/features-4.svg"></div>
<div class="features__text">
<h3>Integrated</h3>
<p>The Catalyst Network functions within the
current internet ecosystem, with native
integration of existing technologies.</p>
</div>
</div>
<div class="features__block snip1295 features__block--bottom" data-aos="fade-zoom-in"
data-aos-delay="2400" data-aos-duration="800">
<div class="border one">
<div></div>
</div>
<div class="border two">
<div></div>
</div>
<div class="features__img"><img src="static/images/features-5.svg"></div>
<div class="features__text">
<h3>Light</h3>
<p>Catalyst nodes require very little compute to
function and can run on IoT devices and
Raspberry Pis.</p>
</div>
</div>
<div class="features__block snip1295 features__block--bottom" data-aos="fade-zoom-in"
data-aos-delay="2900" data-aos-duration="800">
<div class="border one">
<div></div>
</div>
<div class="border two">
<div></div>
</div>
<div class="features__img"><img src="static/images/features-6.svg"></div>
<div class="features__text">
<h3>Secure</h3>
<p>The Catalyst delivers the security of
blockchain without the slow transaction
times.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="network" id="dayzero">
<div class="wrapper-inner">
<div class="network__content">
<h2 class="title title--white network__title">DAY ZERO NETWORK</h2>
<div class="network__text">
<h3></h3>
<p>Users have been disappointed in past attempts at decentralisation because the networks have
failed
to
reach viability. Catalyst breaks that mould by offering a complete, functional Day Zero
Network. By using virtualised nodes as a service, Catalyst will go live with a sustainable
network in place - a world first.</p>
</div>
<div class="network__text">
<h3>GUARANTEED UTILITY</h3>
<p>Buying into Catalyst is not buying into a promise: it’s securing a piece of a new
reality. From
Day Zero, there will be a viable network with functioning dApps.</p>
</div>
<div class="network__text">
<h3>PRIVATELY BUILT</h3>
<p>The Catalyst Network is being developed by a seasoned team of tech and business veterans to
provide the
backbone of a fast and commercially viable decentralised network and deployed by Atlas City to
support their dApp ecosystem.</p>
</div>
</div>
</div>
</section>
<section class="followus wrap" id="Stories">
<div class="media_section">
<div class="wrapper-inner">
<div class="followus__content">
<br>
<br>
<h2 class="title followus__title" style="">Follow Us</h2>
<div class="flex">
<div class="flex__item">
<a target="_blank" class="followus__block img" href="https://medium.com/catalystnetorg/how-decentralised-technology-can-help-restore-trust-in-our-economy-9b56a265be7a">
<img style="height: 100%;" src="static/images/pauline_1.png">
<div class="followus__text">
<div class="followus__head followus__head--main transition" style="margin-bottom: 0px;">
How Decentralised Technology can Help Restore Trust in our Economy?<br>
</div>
<div class="followus__name">
Back in 2008, a paper was published that introduced a new protocol allowing the transfer of digital cash without trust in a third party.
</div>
<br>
<div class="followus__date followus__date--white">September 17, 2019</div>
</div>
</a>
</div>
<div class="flex__item">
<div class="followus__part flex">
<a target="_blank" class="followus__card transition" href="https://medium.com/swlh/are-proof-of-work-networks-killing-the-planet-5ff61ca2037d">
<div class="followus__img img"><img src="static/images/tony_1.jpeg"></div>
<div class="followus__info">
<div class="followus__date">August 12, 2019</div>
<div class="followus__head">
Are Proof-of-Work Networks Killing The Planet?
</div>
<div class="followus__name">How much coal do your Bitcoin holdings cost? How much uranium was used to create your Ether?</div>
</div>
</a>
<a target="_blank" class="followus__card transition" href="https://medium.com/catalystnetorg/atlas-city-and-the-catalyst-network-6b2b9948684b">
<div class="followus__img img"><img src="static/images/story_6.jpeg"></div>
<div class="followus__info">
<div class="followus__date">August 19, 2019</div>
<div class="followus__head">
Atlas City and the Catalyst Network
</div>
<div class="followus__name">Who we are, what we do, and why we do it.</div>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="Video section" id="Videos">
<div class="youtube_videos">
<div class="wrapper-inner">
<div class="team__content">
<BR>
<BR>
<br>
<h2 class="title title--white network__title" STYLE="margin-bottom: -10px;">WHAT IS THE CATALYST NETWORK ALL ABOUT?</h2>
<br>
<div class="row">
<div class="team__part flex">
<div class="team__block-wrap">
<div class="video__block" data-aos="flip-left" data-aos-delay="500" data-aos-duration="800">
<iframe class="yt-video" width="400" height="315" src="https://www.youtube.com/embed/WWjxJ-AZN8w" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
</div>
<div class="team__block-wrap">
<div class="video__block" data-aos="flip-left" data-aos-delay="500" data-aos-duration="800">
<iframe class="yt-video" width="400" height="315" src="https://www.youtube.com/embed/5uogKnBdNSw" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
</div>
<div class="team__block-wrap">
<div class="video__block" data-aos="flip-left" data-aos-delay="500" data-aos-duration="800">
<iframe class="yt-video" width="400" height="315" src="https://www.youtube.com/embed/lDM_YF0dF4Q" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
</div>
</div>
</div>
</div> <br><br>
<div style="clear:both"></div>
</div>
</div>
</section>
<section class="team wrap" id="team">
<div class="team__top">
<div class="wrapper-inner">
<div class="team__content">
<h2 class="title team__title">Our team</h2>
</div>
</div>
</div>
<div class="team__bottom" >
<div class="wrapper-inner" >
<div class="team__content">
<div class="team__part flex">
<div class="team__spacer"></div>
<div class="team__spacer"></div>
<div class="team__spacer"></div>
<div class="team__block-wrap">
<div class="team__block" data-aos="flip-left" data-aos-delay="500" data-aos-duration="800">
<div class="team__top">
<div class="team__img"><img src="static/images/DarrenOliveiro-Priestnall.png"></div>
<a class="team__icon flex-center transition"
href="https://www.linkedin.com/in/darrenop/" target="_blank">
<span class="icon-linkedin"> </span>
</a>
</div>
<h3 class="team__name">Darren Oliveiro-Priestnall</h3>
<p class="team__position">Co-founder, CEO & CTO</p>
<div class="team__text-wrap">
<p class="team__text">
Darren has more than 20 years of experience in the software
engineering and technology industry working at Microsoft, BAE systems. He is a
Member of the British Computer Society as well as a Certified Ethical Hacker,
Certified Network Defence Architect and Certified Blockchain Professional.<span class="team__more team__more--d-block transition js-more">less</span>
</p>
</div>
<div class="team__more transition js-more">more</div>
</div>
</div>
<div class="team__spacer"></div>
<div class="team__spacer"></div>
<div class="team__spacer"></div>
<div class="team__spacer"></div>
<div class="team__block-wrap">
<div class="team__block" data-aos="flip-left" data-aos-delay="1000" data-aos-duration="800">
<div class="team__top">
<div class="team__img"><img src="static/images/fran.jpg"></div>
<a class="team__icon flex-center transition"
href="https://github.com/franssl" target="_blank">
<span>
<i class="fab fa-github" style="font-size:1.3em;"></i>
</span>
</a>
</div>
<h3 class="team__name">Fran Sage-Ling</h3>
<p class="team__position">Blockchain Developer</p>
</div>
</div>
<!-- <div class="team__spacer"></div> -->
<div class="team__block-wrap">
<div class="team__block" data-aos="flip-left" data-aos-delay="1200" data-aos-duration="800">
<div class="team__top">
<div class="team__img"><img src="static/images/stephen.jpg"></div>
<a class="team__icon flex-center transition"
href="https://github.com/stxphxn" target="_blank">
<span>
<i class="fab fa-github" style="font-size:1.3em;"></i>
</span>
</a>
</div>
<h3 class="team__name">Stephen Horsfall</h3>
<p class="team__position">Blockchain Developer</p>
</div>
</div>
<div class="team__block-wrap">
<div class="team__block" data-aos="flip-left" data-aos-delay="1400" data-aos-duration="800">
<div class="team__top">
<div class="team__img"><img src="static/images/AlexWhite.jpg"></div>
<a class="team__icon flex-center transition"
href="https://github.com/xela101" target="_blank">
<span class="fab fa-github"> </span>
</a>
</div>
<h3 class="team__name">Alex White</h3>
<p class="team__position">Blockchain Developer</p>
</div>
</div>
<div class="team__spacer"></div>
<div class="team__spacer"></div>
<div class="team__spacer"></div>
<div class="team__block-wrap">
<div class="team__block" data-aos="flip-left" data-aos-delay="800" data-aos-duration="800">
<div class="team__top">
<div class="team__img"><img src="static/images/JosephChristopherson.png"></div>
<a class="team__icon flex-center transition"
href="https://www.linkedin.com/in/joseph-christopherson/" target="_blank">
<span class="icon-linkedin"> </span>
</a>
</div>
<h3 class="team__name">Joseph Christopherson</h3>
<p class="team__position">Co-Founder, Product Associate</p>
</div>
</div>
<div class="team__block-wrap">
<div class="team__block" data-aos="flip-left" data-aos-delay="1200" data-aos-duration="800">
<div class="team__top">
<div class="team__img"><img src="static/images/kearney.jpg"></div>
<a class="team__icon flex-center transition"
href="https://github.com/kearneyjj1" target="_blank">
<span>
<i class="fab fa-github" style="font-size:1.3em;"></i>
</span>
</a>
</div>
<h3 class="team__name">Joseph Kearney</h3>
<p class="team__position">Blockchain & Cryptography Specialist</p>
</div>
</div>
<div class="team__spacer"></div>
<div class="team__spacer"></div>
<div class="team__info">
<div class="team__logo"><img src="static/images/logo-white.svg" alt=""></div>
<p>
The founding team at Catalyst consists of veterans from the previous digital revolution, the
emergence of the Internet. The team has a track record of success in building companies and
businesses that thrive.
</p>
<div class="team__button flex-center">
<a href="mailto:[email protected]" class="button js-link-ajax-popup"
data-href="./popups/getInTouch.html">
Join Us<span class="icon-arrow"></span>
</a>
</div>
<br>
</div>
<br>
<br>
<div style="clear:both"></div>
</div>
</div>
</div>
</section>
<section class="timeline wrap" id="roadmap">
<div class="wrapper-inner">
<h2 class="title timeline__title">Roadmap</h2>
</div>
<div class="timeline__content">
<div class="timeline__wrapper js-timeline-wrapper">
<div class="timeline__block js-timeline">
<div class="timeline__event js-event" data-aos="fade-down" data-aos-delay="400"
data-aos-duration="800">
<p class="timeline__date">2017</p>
<ul class="timeline__list">
<li>Three white papers published</li>
</ul>
</div>
<div class="timeline__event js-event odd" data-aos="fade-up" data-aos-delay="500"
data-aos-duration="800">
<p class="timeline__date">Q1 2018</p>
<ul class="timeline__list" style="line-height: 14px;">
<li>Initial investment &
engineering team hired,
Prototype test network built
and used by third parties to
validate ideas
</li>
</ul>
</div>
<div class="timeline__event js-event" data-aos="fade-up" data-aos-delay="600"
data-aos-duration="700">
<p class="timeline__date">Q2 2018 </p>
<ul class="timeline__list">
<li>Supply chain proof of
concept
</li>
</ul>
</div>
<div class="timeline__event js-event odd" data-aos="fade-up" data-aos-delay="600"
data-aos-duration="800">
<p class="timeline__date">Q1 2019 </p>
<ul class="timeline__list">
<li>Catalyst wallet & secure distributed file storage</li>
</ul>
</div>
<div class="timeline__event js-event" data-aos="fade-down" data-aos-delay="700"
data-aos-duration="900">
<p class="timeline__date">Q2 2019 </p>
<ul class="timeline__list" style="line-height: 18px;">
<li>Open source code</li>
<li>Catalyst patents filed</li>
</ul>
</div>
<div class="timeline__event js-event odd" data-aos="fade-up" data-aos-delay="600"
data-aos-duration="1000">
<p class="timeline__date">Q3 2019 </p>
<ul class="timeline__list" style="line-height: 14px;">
<li>Catalyst Network announced at Blockchain Live, London </li>
<li>Early Access for contributing developers to core code base</li>
</ul>
</div>
<div class="timeline__event js-event" data-aos="fade-down" data-aos-delay="700"
data-aos-duration="1100">
<p class="timeline__date">Q4 2019 </p>
<ul class="timeline__list">
<li>Catalyst test network open for .Net dApp developers
</ul>
</div>
<div class="timeline__event js-event odd" data-aos="fade-up" data-aos-delay="800"
data-aos-duration="1200">
<p class="timeline__date">Q1 2020</p>
<ul class="timeline__list" style="line-height: 17px;">
<li>Continued commercial project development</li>
</ul>
</div>
<div class="timeline__event js-event" data-aos="fade-down" data-aos-delay="700"
data-aos-duration="1100">
<p class="timeline__date">Q2 2020 </p>
<ul class="timeline__list" style="line-height: 16px;">
<li>Catalyst Network genesis block and live network launch </li>
</ul>
</div>
</div>
</div>
<div class="timeline__line js-line"></div>
<a class="js-timeline-next timeline__button timeline__button--next" href="#"></a>
<a class="js-timeline-prev timeline__button timeline__button--prev" href="#"></a>
</div>
</section>
<section class="stories wrap" id="media_coverage">
<div class="media_coverage">
<div class="wrapper-inner">
<div class="row">
<div class="subscribe__title title green">
<br>
<br>
<h2 class="title title--left features__title" style="color: #fff;">Media Coverage</h2>
</div>
<br>
</div>
<div class="wrapper-inner">
<div class="team__content">
<div class="team__part flex">
<div class="stories__block-wrap card-wrapper" style="display: contents; ">
<div class="stories__block">
<div class="card frame text-center" data-aos="flip-left" data-aos-delay="500" data-aos-duration="800"
style="border: 1px solid rgba(98, 106, 110, 0.2);">
<br>
<br>
<br>
<img class="card-img-top img-responsive" style="width:100%;height: 69px;" src="static/images/fina1.png"
alt="Card image cap">
<br>
<br>
<div class="card-body">
<br>
<h3 class="card-title " style="color:#1a4866;font-weight:bold; font-size: 14px;">
U.K. Blockchain Firm Heads for Switzerland</h3> <br>
<p class="card-text" style="color:#1a4866;">Blockchain firm which just raised $4 million is heading to Switzerland.</p>
<br>
<a style="color: #16ac9f; border: 1px solid rgba(98, 106, 110, 0.2); padding: 0.2rem;" target="_blank"
href="https://www.finews.com/news/english-news/36976-atlas-city-switzerland-foundation-swiss-mark-weinberg-blockchain-catalyst" >
READ MORE</a>
</div>
<br>
</div>
</div>
</div>
<div class="stories__block-wrap card-wrapper" style="display: contents; ">
<div class="stories__block">
<div class="card frame text-center" data-aos="flip-left" data-aos-delay="500" data-aos-duration="800"
style="border: 1px solid rgba(98, 106, 110, 0.2);">
<br>
<br>
<br>
<img class="card-img-top img-responsive" style="width:100%;height: 69px;" src="static/images/fintech1.png"
alt="Card image cap">
<br>
<br>
<div class="card-body">
<br>
<h3 class="card-title " style="color:#1a4866;font-weight:bold; font-size: 14px;">
New blockchain tech firm Atlas City Global lands $4m investment</h3> <br>
<p class="card-text" style="color:#1a4866;">A London-based start-up focusing on blockchain.</p>
<br>
<a style="color: #16ac9f; border: 1px solid rgba(98, 106, 110, 0.2); padding: 0.2rem;" target="_blank"
href="https://www.bankingtech.com/2019/06/new-blockchain-tech-firm-atlas-city-global-lands-4m-investment/" >
READ MORE</a>
</div>
<br>
</div>
</div>
</div>
<div class="stories__block-wrap card-wrapper" style="display: contents; ">
<div class="stories__block">
<div class="card frame text-center" data-aos="flip-left" data-aos-delay="500" data-aos-duration="800"
style="">
<br>
<br>
<br>
<img class="card-img-top img-responsive" style="width:95%;height: 69px;" src="static/images/BM-Header-7.png"
alt="Card image cap">
<br>
<br>
<div class="card-body">
<br>
<h3 class="card-title " style="color:#1a4866;font-weight:bold; font-size: 14px;">
Atlas City Global announces completion of $4M funding round</h3> <br>
<p class="card-text" style="color:#1a4866;">The funding will be used to complete Atlas City’s global decentralised web.</p>
<br>
<a style="color: #16ac9f; border: 1px solid rgba(98, 106, 110, 0.2); padding: 0.2rem;" target="_blank"
href="https://www.bmmagazine.co.uk/get-funded/atlas-city-global-announces-completion-of-4m-funding-round/" >
READ MORE</a>
</div>
<br>
</div>
</div>
</div>
<div class="stories__block-wrap card-wrapper" style="display: contents; ">
<div class="stories__block">
<div class="card frame text-center" data-aos="flip-left" data-aos-delay="500" data-aos-duration="800"
style="border: 1px solid rgba(98, 106, 110, 0.2);">
<br>
<br>
<br>
<img class="card-img-top img-responsive" style="width:100%;height: 69px;background: black;" src="static/images/swi1.png"
alt="Card image cap">
<br>
<br>
<div class="card-body">
<br>
<h3 class="card-title " style="color:#1a4866;font-weight:bold; font-size: 14px;">
Crypto foundations continue to thrive in Switzerland</h3> <br>
<p class="card-text" style="color:#1a4866;">Yet more overseas blockchain firms are coming to Switzerland.</p>
<br>
<a style="color: #16ac9f; border: 1px solid rgba(98, 106, 110, 0.2); padding: 0.2rem;" target="_blank"
href="https://www.swissinfo.ch/eng/swiss-magnet_crypto-foundations-continue-to-thrive-in-switzerland/45100304" >
READ MORE</a>
</div>
<br>
</div>
</div>
</div>
</div>
</div>
</div>
<br>
</div>
</div>
</section>
<section class="contact wrap" id="contact">
<div class="wrapper-inner">
<div class="contact__content">
<h2 class="title title--white contact__title">Get in touch </h2>
<div class="contact__form">
<form id="contactForm" class="form-popup" name="form" action="https://catalystcontactform.azurewebsites.net/api/SendGrid1" method="POST" data-rules="{
"name":{"required" : true},
"email": { "required" : true, "email": true, "emailMethod": true},
"phone": {"required" : true, "minlength": "8", "maxlength": "13"},
"message": {"required" : true}
}">
<label data-name="nonfield"></label>
<div class="form__wrap">
<div class="contact__input contact__input--w-100">
<input id="contactFormName" class="input js-text" type="text" name="name" data-msg="This field is required"
placeholder="Name">
</div>
<div class="contact__group flex">
<div class="contact__input">
<input id="contactFormEmail" class="input" type="email" name="email"
data-msg="Please enter a valid email address"
data-msg-required="This field is required" placeholder="Email">
</div>
<div class="contact__input">
<input class="input" type="number" name="phone" minlength="8" maxlength="13"
data-msg-required="This field is required"
data-msg-minlength="Please enter no less than 8 characters"
data-msg-maxlength="Please enter no more than 13 characters"
placeholder="Phone">
</div>
</div>
<div class="contact__textarea">
<textarea id="contactFormMessage" class="textarea" name="message" data-msg-required="This field is required"
placeholder="Message"></textarea>
</div>
<div class="contact__submit">
<button class="submit flex-center transition" type="submit" id="submitMessage">Send</button>
</div>
</div>
</form>
</div>
</div>
</div>
<div class="contact__map">
<!-- <div id="infowindow">
</div> -->
<div id="map" data-position="{"lat":51.5175797, "lng": -0.1826176}"></div>
</div>
</section>
<footer class="footer">
<div class="wrapper-inner">
<div class="footer__content flex flex--center">
<div class="footer__block flex flex--center">
<div class="footer__text">Newsletter</div>
<div class="footer__form">
<form class="form-popup" id="contactForm" name="form" action="http://bit.ly/2kU97GS" method="POST" data-rules="{
"email": { "required" : true, "email": true, "emailMethod": true}
}">
<label data-name="nonfield"> </label>
<div class="footer__group">
<div class="footer__input">
<input type="email" name="email" data-msg="Please enter a valid email address"
data-msg-required="This field is required" placeholder="Email address">
</div>
<div class="footer__submit">