forked from firoorg/firo-site
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
150 lines (146 loc) · 6.83 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
---
layout: base
title: titles.home
permalink: /index.html
---
<section id="intro">
<div class="row">
<div class="intro-img col">
<img src="/img/firo-ecosystem.svg" alt="Image representing the Firo ecosystem"/>
</div>
<div class="intro-info col imgi">
<img src="/img/img_firo-mobile-top2.svg" alt="Header for mobile" loading="lazy"/>
</div>
<div class="intro-info col">
<h1>{% t home.heading %}</h1>
<p>{% t home.heading2 %}</p>
<a class="btn-primary" href="#getfiro">{% t home.cta1 %}</a>
<a class="btn-secondary" href="{{ site.baseurl }}/about/faq/">{% t home.cta2 %}</a>
</div>
<div class="intro-info col imgi">
<img src="/img/img_firo-mobile-bot2.svg" alt="Header for mobile" loading="lazy"/>
</div>
</div>
</section>
<section id="intro-info" class="section">
<div class="container">
<div class="row blockchain">
<div class="col col-img">
<img src="/img/privacy.svg" alt="Blockchain illustration" loading="lazy"/>
</div>
<div class="col col-info">
<h3>{% t home.privacy %}</h3>
<p>{% t home.privacy1 %}</p>
<div class="row block-facts">
<div class="col">
<img src="/img/site-icons/icon_anonymous.svg" alt="stylised human figure with an exclamation mark on the face" loading="lazy"/>
<div>
<h4>{% t home.privacy2 %}</h4>
<p>2<sup>16</sup></p>
</div>
</div>
<div class="col">
<img src="/img/site-icons/icon_setup.svg" alt="stylised equalizer" loading="lazy"/>
<div>
<h4>{% t home.privacy3 %}</h4>
<p>{% t global.yeth %}</p>
</div>
</div>
</div>
</div>
</div>
<div class="row privacy">
<div class="col col-info">
<h3>{% t home.blockchain %}</h3>
<p>{% t home.blockchain1 %}</p>
<div class="row block-facts">
<div class="col">
<img src="/img/site-icons/icon_coins.svg" alt="stylised stack of coins" loading="lazy"/>
<div>
<h4>{% t home.blockchain2 %}</h4>
<p>21.4 mil</p>
</div>
</div>
<div class="col">
<img src="/img/site-icons/icon_axe.svg" alt="stylised axe" loading="lazy"/>
<div>
<h4>{% t home.blockchain3 %}</h4>
<p>FiroPoW</p>
</div>
</div>
<div class="col">
<img src="/img/site-icons/icon_node.svg" alt="stylised stack of servers representing nodes" loading="lazy"/>
<div>
<h4>{% t home.blockchain4 %}</h4>
<p>5000+</p>
</div>
</div>
</div>
</div>
<div class="col col-img">
<img src="/img/blockchain.svg" alt="Blockchain illustration" loading="lazy"/>
</div>
</div>
<div class="row blockchain">
<div class="col col-img">
<img src="/img/privacy-infrastructure.svg" alt="Privacy Infrastructure illustration" loading="lazy"/>
</div>
<div class="col col-info">
<h3>{% t home.privacyin %}</h3>
<p>{% t home.privacyin1 %}</p>
</div>
</div>
<div class="row rnd">
<div class="col col-info">
<h3>{% t home.randd %}</h3>
<p>{% t home.randd1 %}</p>
<div class="row block-facts">
<div class="col">
<img src="/img/site-icons/icon_sigma.svg" alt="stylised sigma" loading="lazy"/>
<h4>Sigma</h4>
</div>
<div class="col">
<img src="/img/site-icons/icon_lelantus.svg" alt="stylised L" loading="lazy"/>
<h4>Lelantus</h4>
</div>
<div class="col">
<img src="/img/site-icons/icon_dandelion.svg" alt="stylised dandelion" loading="lazy"/>
<h4>Dandelion</h4>
</div>
</div>
<a class="btn-secondary" href="{{ site.baseurl }}/about/research/">{% t home.cta2 %}</a>
</div>
<div class="col col-img">
<img src="/img/rnd.svg" alt="Blockchain illustration" loading="lazy"/>
</div>
</div>
</div>
</section>
<section id="getfiro" class="section">
<div class="container">
<div class="row">
<div class="col">
<h2>{% t home.getfiro %}</h2>
<p>{% t home.getfiro1 %}</p>
</div>
</div>
<div class="row btns">
<a class="col" href="{{ site.baseurl }}/get-firo/download/">
<img src="/img/wallet.svg" alt="Image representing a physical Firo wallet" loading="lazy"/>
<h3>{% t home.getfiro2 %}</h3>
</a>
<a class="col" href="{{ site.baseurl }}/get-firo/buy-firo/">
<img src="/img/buy-firo.svg" alt="Image representing swapping Firo for dollars" loading="lazy"/>
<h3>{% t home.getfiro3 %}</h3>
</a>
<a class="col" href="{{ site.baseurl }}/guide/masternode-setup.html">
<img src="/img/earn-firo.svg" alt="Image representing a masternode" loading="lazy"/>
<h3>{% t home.getfiro4 %}</h3>
</a>
<a class="col" href="{{ site.baseurl }}/guide/how-to-mine-firo.html">
<img src="/img/mine-firo.svg" alt="Image showing a pickaxe representing mining Firo" loading="lazy"/>
<h3>{% t home.getfiro5 %}</h3>
</a>
</div>
</div>
</section>