-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
223 lines (174 loc) · 6.87 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
<!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://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet" />
<link rel="stylesheet" href="/css/style.css" />
<title>Block Box</title>
</head>
<body>
<div class="alan-btn"></div>
<div class="shadow"></div>
<div class="shadow1"></div>
<div class="shadow2"></div>
<div class="shadow3"></div>
<!-- NavBar -->
<section>
<div class="navbar" data-aos="fade-down">
<span id="logo">BlockBox </span>
<a href="/index.html" id="active">Home</a>
<a href="/html/about.html">About</a>
<a href="/html/Team.html">Team</a>
<a href="/html/docs.html">Docs</a>
<a href="/html/login.html">Login</a>
</div>
</section>
<!-- ** -->
<!-- Section 1 -->
<section class="sect1">
<article class="sect1_01" data-aos="fade-right">
<h1>Decentralized storage</h1>
<p>
Decentralized storage is a type of data storage system in which data
is stored across multiple nodes in a network rather than being stored
in a centralised location. This means that there is no single point of
failure or control, as each node is independent and operates
autonomously.
</p>
<div class="sect1_btns">
<button class="btn1"><a href="/html/login.html">Login</a></button>
<button class="btn2">
<a href="https://metamask.io/">Register</a>
</button>
</div>
</article>
<div class="lottieDiv" data-aos="fade-left">
<lottie-player class="lottie" src="https://assets2.lottiefiles.com/packages/lf20_me1uv4m6.json"
background="transparent" speed="1" loop autoplay></lottie-player>
</div>
</section>
<!-- ** -->
<!-- Section 2 -->
<section class="sect2" data-aos="fade-up">
<div class="shadow4"></div>
<div class="shadow5"></div>
<h1>Build With IPFS</h1>
<p class="ipfs">
IPFS (InterPlanetary File System) is a protocol and network designed to
create a decentralized, peer-to-peer method of storing and sharing
hypermedia in a distributed file system. It is a distributed system for
storing and accessing files, websites, applications, and data.
</p>
<article class="cards" data-aos="fade-up">
<div class="card">
<h2>Completely free</h2>
<p>
IPFS is a free and open-source distributed file system that provides
a decentralized method of storing and sharing files, websites, and
data.
</p>
</div>
<div class="card">
<h2>Lightning Fast</h2>
<p>
IPFS uses content-based addressing, which means that files are
identified by their unique content hash rather than a location-based
address. This allows for fast and efficient retrieval of files.
</p>
</div>
<div class="card">
<h2>Cross-Chain</h2>
<p>
IPFS uses a distributed network of nodes to store and share data,
providing redundancy and ensuring that data is available even if
some nodes go offline.
</p>
</div>
<div class="card">
<h2>BitSwap protocol</h2>
<p>
IPFS uses the BitSwap protocol to efficiently exchange data between
nodes, reducing network congestion and improving performance.
</p>
</div>
</article>
</section>
<!-- ** -->
<!-- Section 3 -->
<section class="sect3" data-aos="fade-up">
<article>
<h1>Connecting BlockChains for a Seamless Future</h1>
<div class="sect3_01">
<p>
With blockchain, intermediaries can be eliminated, reducing costs
and increasing speed. Additionally, blockchain can enable new
business models and revenue streams, creating opportunities for
innovation and growth.
</p>
<section class="sect3_02" data-aos="fade-right">
<div class="bar">Secure</div>
<div class="bar">Reliability</div>
<div class="bar">Cost-effectiveness</div>
</section>
</div>
</article>
<div>
<lottie-player class="lottie2" data-aos="fade-up"
src="https://assets7.lottiefiles.com/private_files/lf30_3dqqvcq2.json" background="transparent" speed="1"
style="width: 300px; height: 300px" loop autoplay></lottie-player>
</div>
</section>
<!-- ** -->
<!-- Section 4 -->
<section class="sect4" data-aos="fade-up">
<h1>The future of decentralised Storage System</h1>
<p>
In the future, decentralized storage is expected to become more
widespread and accessible, with new technologies and platforms emerging
to support it. This will create new opportunities for innovation and
entrepreneurship, as developers and businesses leverage decentralized
storage to build new applications and services.
</p>
<article data-aos="fade-up">
<div class="barEx">Community driven development</div>
<div class="bar">BitSwap</div>
<div class="bar">Fastest</div>
</article>
<div>
<lottie-player class="lottie3" data-aos="fade-up"
src="https://assets8.lottiefiles.com/packages/lf20_oUYCEY6cfy.json" background="transparent" speed="1"
style="width: 300px; height: 300px" loop autoplay></lottie-player>
</div>
</section>
<!-- ** -->
<!-- Footer -->
<div class="footer">
<p>BlockBox © 2023</p>
<span id="power">Powered by Metamask,IPFS, FileCoin.</span>
</div>
<!-- ** -->
<!-- Alan AI -->
<!-- Alan AI is a platform that allows developers to easily integrate natural language processing (NLP) capabilities into their applications. It provides a set of tools and APIs that allow developers to create conversational interfaces for various use cases, such as customer service, personal assistants, and chatbots. -->
<script type="text/javascript" src="https://studio.alan.app/web/lib/alan_lib.min.js"></script>
<script>
var alanBtnInstance = alanBtn({
key: "19cef3edd9cbd2a6c5a775ce9f97bf232e956eca572e1d8b807a3e2338fdd0dc/stage",
onCommand: function (commandData) {
if (commandData.command === "go:back") {
//call client code that will react on the received command
}
},
rootEl: document.getElementById("alan-btn"),
});
</script>
<!-- Scroll Animations -->
<script>
AOS.init();
</script>
<!-- Scroll Animations -->
</body>
</html>