-
Notifications
You must be signed in to change notification settings - Fork 5
/
aboutUs.html
274 lines (271 loc) · 15.9 KB
/
aboutUs.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://cdn.tailwindcss.com"></script>
<title>BLOCKCHAIN MEETS</title>
<script>
var title = document.title;
var title1 = "5ire";
var title2 = "5ire Chain";
setInterval(function() {
document.title = (document.title === title1 ? title2 : title1);
}, 2000); // change every 1 second
</script>
<link rel="shortcut icon" href="asset 6.png" type="image/x-icon">
</head>
<body class="bg-blue-950">
<nav class="bg-blue-900 py-3 px-20">
<ul class="flex justify-end">
<li><img src="./images/icon1.svg" class="w-5 mx-2 cursor-pointer" alt=""></li>
<li><img src="./images/twitter.png" class="w-5 mx-2 cursor-pointer" alt=""></li>
<li><img src="./images/telegram.png" class="w-5 mx-2 cursor-pointer" alt=""></li>
<li><img src="./images/github.png" class="w-5 mx-2 cursor-pointer" alt=""></li>
<li><img src="./images/discord.png" class="w-5 mx-2 cursor-pointer" alt=""></li>
</ul>
</nav>
<div class="flex justify-between items-center pt-6">
<div class="flex pl-28 items-center">
<img src="./images/5ireLogo.png" class="w-16 h-16 rounded-full" alt="">
<p class="text-white font-sans font-bold text-4xl px-2 py-2">5ire</p>
</div>
<nav2 class="px-20 flex items-center">
<ul class="flex text-white">
<li class="mx-6 text-lg font-semibold cursor-pointer hover:text-slate-300">About Us</li>
<li class="mx-6 text-lg font-semibold cursor-pointer hover:text-slate-300">Testnet</li>
<li class="mx-6 text-lg font-semibold cursor-pointer hover:text-slate-300">Community</li>
<li class="mx-6 text-lg font-semibold cursor-pointer hover:text-slate-300">Research</li>
<li class="mx-6 text-lg font-semibold cursor-pointer hover:text-slate-300">Validator</li>
<li class="mx-6 text-lg font-semibold cursor-pointer hover:text-slate-300">Sustainability</li>
</ul>
<button class="bg-blue-500 text-black font-bold py-2 px-3 rounded-xl mx-2 border-2 border-blue-500 hover:border-blue-950">5ire
Explorer</button>
</nav2>
</div>
<div class="flex justify-between pl-28 pt-28">
<div class="flex-row justify-between">
<p class="text-white font-bold font-sans text-5xl py-10">About Us</p>
<p class="text-white font-sans text-xl py-4">Building a sustainable future through distributed<br>ledger
technology</p>
<p class="text-white font-sans text-xl py-4 pb-7">The 5ire ecosystem aims to bring a shift in
the<br>paradigm from a for-profit economy to a<br>for-benefit economy</p>
<button
class="bg-blue-500 text-black font-bold p-2 rounded-3xl border-2 border-blue-500 hover:border-blue-950 font-sans w-36">Contact
Us</button>
</div>
<div class="pr-32">
<img src="./images/about us.svg" class="w-full" alt="">
</div>
</div>
<!-- <div class="overlapboxes flex justify-center space-x-16 text-white text-3xl my-auto absolute pl-52">
<div class=" bg-blue-500 rounded-2xl py-7 px-16 mt-20">Our Vision</div>
<div class=" bg-blue-500 rounded-2xl py-7 px-16 mt-20">Our Mission</div>
<div class=" bg-blue-500 rounded-2xl py-7 px-16 mt-20">Our Values</div>
</div> -->
<div class="flex justify-center space-x-5 pt-28">
<div>
<div
class="py-6 px-5 w-60 bg-blue-500 text-white text-2xl rounded-2xl font-sans relative top-9 left-10 text-center">
Our Vision</div>
<div class="bg-sky-600 rounded-md w-80 text-white font-sans py-16 px-5 text-justify font-semibold">
5ireChain aims to become a blockchain ecosystem for the 5th industrial revolution (5IR)
whereself-governing decentralized companies are incentivized and empowered towards sustainable
development.This is mainly due to 5ireChain's business idea that is created upon a for-benefit paradigm,
known as the proof-of-benefit model. The proof-of-benefit model allows sustainable practices that are
beneficial for the environment. The impact of this model is that business entities not only focus on
profit
making but they also take sustainability into consideration.
</div>
</div>
<div>
<div
class="py-6 px-5 w-60 bg-blue-500 text-white text-2xl rounded-2xl font-sans relative top-9 left-10 text-center">
Our Mission</div>
<div class="bg-sky-600 rounded-md w-80 text-white font-sans pt-16 px-5 pb-28 text-justify font-semibold">
5ire aims to become a blockchain ecosystem for the 5th industrial revolution, where
self-sovereign decentralized organizations are empowered & incentivized toward accelerating the
implementation of the United Nations 2030 Agenda for Sustainable Development.<br><br>Our goal is to work
hard to provide finance platforms that could potentially revolutionize access to capital and unlock
potential for new investors in projects that address environmental challenges.
</div>
</div>
<div>
<div
class="py-6 px-5 w-60 bg-blue-500 text-white text-2xl rounded-2xl font-sans relative top-9 left-10 text-center">
Our Values</div>
<div class="bg-sky-600 rounded-md w-80 text-white font-sans pt-16 px-5 pb-40 text-justify font-semibold">
We value community, accountability, innovation, transparency, and a shared sense of purpose.
Blockchain's ability to provide a verifiable and transparent record may make it well-placed to be
central to
our innovation. By decentralizing and digitizing the adjudication of what is trustworthy, 5ire also has
the
potential to empower broader communities and improve the slow, costly intermediation associated with
ourcurrent models of environmental governance.
</div>
</div>
</div>
<div class="aboutfire flex justify-between pl-28 pt-28 items-center">
<div>
<img src="./images/5ire.png" class="rounded-3xl" alt="">
</div>
<div class="pr-32">
<p class="text-white font-sans font-bold text-4xl">About 5ire</p>
<p class="text-white font-sans pt-5 font-semibold text-base">The 5ire ecosystem aims to bring a shift in the
paradigm from a for-profit<br>economy to a for-benefit economy. This is achieved by
embedding<br>sustainability and social impact deep inside the 5irechain runtime logic and<br>ensuring
that activities aligned with the United Nations Sustainable<br>Development Goals, either on-chain or in
the real world,are really incentivized.</p>
<p class="text-white font-sans pt-5 font-semibold text-base">In a fifth-generation layer-1 blockchain
ecosystem designed with economic<br>and environmental sustainability at its core and is one of india's
fastest-<br>growing unicorns enabled by a community of people worldwide.</p>
</div>
</div>
<div class="pt-24 flex-col space-y-20">
<p class="text-sky-400 text-4xl font-sans font-bold text-center">Backers and Partners</p>
<div class="flex justify-center space-x-16">
<img src="./images/img1.png" class="w-32" alt="">
<img src="./images/img2.png" class="w-32" alt="">
<img src="./images/img3.png" class="w-32" alt="">
<img src="./images/img4.png" class="w-32" alt="">
<img src="./images/img5.png" class="w-32" alt="">
<img src="./images/img6.png" class="w-32" alt="">
</div>
<div class="flex justify-center space-x-16">
<img src="./images/img7.png" class="w-32" alt="">
<img src="./images/img8.png" class="w-32" alt="">
<img src="./images/img9.png" class="w-32" alt="">
<img src="./images/img10.png" class="w-32" alt="">
<img src="./images/img11.png" class="w-32" alt="">
<img src="./images/img12.png" class="w-32" alt="">
</div>
<div class="flex justify-center space-x-16">
<img src="./images/img13.png" class="w-32" alt="">
<img src="./images/img14.png" class="w-32" alt="">
<img src="./images/img15.png" class="w-32" alt="">
<img src="./images/img16.png" class="w-32" alt="">
<img src="./images/img17.png" class="w-32" alt="">
<img src="./images/img18.png" class="w-32" alt="">
</div>
<div class="flex justify-center space-x-16">
<img src="./images/img19.png" class="w-32" alt="">
<img src="./images/img20.png" class="w-32" alt="">
<img src="./images/img21.png" class="w-32" alt="">
<img src="./images/img22.png" class="w-32" alt="">
<img src="./images/img23.png" class="w-32" alt="">
<img src="./images/img24.png" class="w-32" alt="">
</div>
<div class="flex justify-center space-x-16">
<img src="./images/img25.png" class="w-32" alt="">
<img src="./images/img26.png" class="w-32" alt="">
<img src="./images/img27.png" class="w-32" alt="">
<img src="./images/img28.png" class="w-32" alt="">
<img src="./images/img29.png" class="w-32" alt="">
<img src="./images/img30.png" class="w-32" alt="">
</div>
<div class="flex justify-center space-x-16">
<img src="./images/img31.png" class="w-32" alt="">
<img src="./images/img32.png" class="w-32" alt="">
<img src="./images/img33.png" class="w-32" alt="">
<img src="./images/img34.png" class="w-32" alt="">
<img src="./images/img35.png" class="w-32" alt="">
<img src="./images/img36.png" class="w-32" alt="">
</div>
<div class="flex justify-center space-x-16">
<img src="./images/img37.png" class="w-32" alt="">
<img src="./images/img38.png" class="w-32" alt="">
<img src="./images/img39.png" class="w-32" alt="">
<img src="./images/img40.png" class="w-32" alt="">
<img src="./images/img41.png" class="w-32" alt="">
<img src="./images/img42.png" class="w-32" alt="">
</div>
<div class="flex justify-center space-x-16">
<img src="./images/img43.png" class="w-32" alt="">
<img src="./images/img44.png" class="w-32" alt="">
<img src="./images/img45.png" class="w-32" alt="">
<img src="./images/img46.png" class="w-32" alt="">
<img src="./images/img47.png" class="w-32" alt="">
<img src="./images/img48.png" class="w-32" alt="">
</div>
<div class="flex justify-center space-x-16">
<img src="./images/img49.png" class="w-32" alt="">
<img src="./images/img50.png" class="w-32" alt="">
<img src="./images/img51.png" class="w-32" alt="">
<img src="./images/img52.png" class="w-32" alt="">
<img src="./images/img53.png" class="w-32" alt="">
<img src="./images/img54.png" class="w-32" alt="">
</div>
<div class="flex justify-center space-x-16">
<img src="./images/img55.png" class="w-32" alt="">
<img src="./images/img56.png" class="w-32" alt="">
<img src="./images/img57.png" class="w-32" alt="">
<img src="./images/img58.png" class="w-32" alt="">
<img src="./images/img59.png" class="w-32" alt="">
<img src="./images/img60.png" class="w-32" alt="">
</div>
<div class="flex justify-center space-x-16">
<img src="./images/img61.png" class="w-32" alt="">
<img src="./images/img62.png" class="w-32" alt="">
</div>
</div>
<div class="advisors pt-28">
<p class="text-white font-bold font-sans text-4xl text-center">Advisors</p>
</div>
<!-- advisors and media presence part left -->
<!-- FOOTER SECTION -->
<div class="bg-sky-400 font-sans py-16">
<p class="text-4xl text-center font-semibold">Join the 5ireverse</p>
<p class="text-lg text-center pt-4">Subscribe to our Newsletter</p>
<form action="" class="text-center pt-8">
<input type="email" name="email" id="email" placeholder="Enter the E-mail address"
class="px-48 py-1 rounded-md outline-indigo-100">
<button
class="text-white bg-blue-950 text-xl rounded-lg py-2 px-4 border-2 border-blue-950 hover:border-sky-400">Subscribe
now</button>
</form>
</div>
<div>
<div class="flex justify-center space-x-24 pt-24 ml-14">
<div class="div1">
<div class="flex items-center">
<img src="./images/5ireLogo.png" class="w-16 h-16 rounded-full" alt="">
<p class="text-white font-sans font-bold text-5xl px-2 py-2">5ire</p>
</div>
<p class="text-white font-sans pt-5 font-bold text-lg">Follow Us</p>
<div class="imgs flex justify-center space-x-5 pt-5">
<img src="./images/twitter.png" class="w-6 cursor-pointer" alt="">
<img src="./images/github.png" class="w-6 cursor-pointer" alt="">
<img src="./images/telegram.png" class="w-6 cursor-pointer" alt="">
<img src="./images/discord.png" class="w-6 cursor-pointer" alt="">
</div>
</div>
<div>
<p class="text-sky-400 font-bold font-sans text-xl pb-5">General</p>
<p class="text-white font-sans font-semibold pt-3 cursor-pointer hover:text-slate-300">Documentation</p>
<p class="text-white font-sans font-semibold pt-3 cursor-pointer hover:text-slate-300">Contact us</p>
<p class="text-white font-sans font-semibold pt-3 cursor-pointer hover:text-slate-300">News & Media</p>
</div>
<div>
<p class="text-sky-400 font-bold font-sans text-xl pb-5">Explore</p>
<p class="text-white font-sans font-semibold pt-3 cursor-pointer hover:text-slate-300">Blog</p>
<p class="text-white font-sans font-semibold pt-3 cursor-pointer hover:text-slate-300">Community</p>
<p class="text-white font-sans font-semibold pt-3 cursor-pointer hover:text-slate-300">Roadmap</p>
<p class="text-white font-sans font-semibold pt-3 cursor-pointer hover:text-slate-300">Brand kit</p>
</div>
<div>
<p class="text-sky-400 font-bold font-sans text-xl pb-5">Foundation</p>
<p class="text-white font-sans font-semibold pt-3 cursor-pointer hover:text-slate-300">Research</p>
<p class="text-white font-sans font-semibold pt-3 cursor-pointer hover:text-slate-300">Become a Validator</p>
<p class="text-white font-sans font-semibold pt-3 cursor-pointer hover:text-slate-300">5ire Ambassador Program</p>
<p class="text-white font-sans font-semibold pt-3 cursor-pointer hover:text-slate-300">Sustainability</p>
</div>
<div>
<p class="text-sky-400 font-bold font-sans text-xl pb-3">Legal</p>
<p class="text-white font-sans font-semibold pt-3 cursor-pointer hover:text-slate-300">Privacy Policy</p>
</div>
</div>
<p class="text-center text-white text-md font-sans pt-16 pb-24">All Rights Reserved © 5ire 2023</p>
</div>
</body>
</html>