-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
214 lines (205 loc) · 12.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="This is the home page of blockchain." />
<title>Home Page</title>
<link rel="icon" type="image/svg" href="./assets/1st.svg">
<link rel="stylesheet" href="css/style.css" type="text/css">
<link rel="stylesheet" href="css/glassmorphism.css" type="text/css">
</head>
<body class="homePage">
<div class="home-base-container home-cursor">
<header class="glassmorphism a-center" role="banner">
<a href="index.html" class="logo"><img src="assets/1st.svg" alt="logo"></a>
<nav role="navigation">
<ul class="navigation-list a-j-center">
<li><a href="index.html">Home</a></li>
<li><a href="blockchain.html">Blockchain Technology</a></li>
<li><a href="cryptocurrency.html">Cryptocurrency</a></li>
<li><a href="use_cases.html">Use Cases</a></li>
<li><a href="contactus.html">Contact Us</a></li>
</ul>
</nav>
<div class="a-center">
<a href="#" class="nav-btn" role="button">
<span>Let's Talk</span>
</a>
</div>
</header>
<main class="home-wrapper home-flow" role="main">
<div class="hero a-j-t-center">
<div class="glassmorphism">
<div>
<h1 class="">Blockchain</h1>
</div>
</div>
</div>
<section class="home-section1 t-center">
<div class="glassmorphism">
<h2>Intro<span class="linear-text">duction</span></h2>
<div class="home-grid1 home-grid a-j-t-center">
<div class="home-s1-right">
<h3>Blockchain: The Future of Secure and Transparent Transactions</h3>
<p>
Blockchain is a decentralized, digital ledger that records
transactions across a network of computers in a secure and
transparent manner. It's the underlying technology behind
cryptocurrencies like Bitcoin and Ethereum, but its
applications extend far beyond digital currency. A network of
computers is established, and transactions are broadcast to
the network, verified, and combined into a "block." Each block
is then added to the "chain" of previous blocks, creating a
permanent record. The network is updated, and each participant
has a copy of the blockchain. This technology offers a range
of benefits, including decentralization, immutability,
transparency, and consensus, making it an attractive solution
for various industries, including supply chain management,
smart contracts, identity verification, and healthcare record
management.
</p>
</div>
<div class="home-s1-left">
<img src="assets/manjing-img/home-section1.svg" alt="decoration_introduction">
</div>
</div>
</div>
</section>
<section class="home-section2 a-j-t-center">
<div class="glassmorphism">
<h2>More <span class="linear-text">Info</span></h2>
<div class="home-grid2 home-grid">
<div class="home-s2-left a-j-t-center">
<img src="assets/manjing-img/home-section2.webp" alt="decoration_more_info">
</div>
<div class="home-s2-right">
<h3>Smart Contracts: A Key Component of Blockchain Technology</h3>
<p>
Smart contracts are self-executing contracts with the terms of
the agreement written directly into lines of code. They are
stored and replicated on a blockchain, allowing for automated
enforcement and execution of the contract terms. This
technology has the potential to revolutionize various
industries by providing a secure, transparent, and efficient
way to execute agreements. The key characteristics of smart
contracts include autonomy, immutability, and transparency.
They execute automatically when conditions are met, without
the need for intermediaries. Smart contracts are stored on a
blockchain, making them tamper-proof and ensuring that all
parties can view the contract terms and execution. This
transparency builds trust and ensures that all parties adhere
to the agreed-upon terms. The process of creating and
executing a smart contract involves several steps. First, a
developer writes the smart contract code. Then, the smart
contract is deployed on a blockchain. Once deployed, a
specific event or condition triggers the contract execution.
Finally, the smart contract executes, enforcing the
agreed-upon terms. This automated process eliminates the need
for manual intervention, reducing time and cost. Smart
contracts have various applications across industries. In
supply chain management, they can automate payment and
inventory management. In insurance, they can automatically
process claims and payouts. They can also be used to securely
manage digital identity, identity verification, and
authentication. Additionally, smart contracts can ensure
secure and transparent voting processes in voting systems. The
benefits of smart contracts are numerous. They increase
efficiency by automating manual processes, reducing time and
cost. They also ensure accuracy by eliminating errors and
inconsistencies. Moreover, smart contracts build trust by
ensuring that all parties adhere to the agreed-upon terms. As
the technology continues to evolve, we can expect to see even
more innovative applications of smart contracts.
</p>
</div>
</div>
</div>
</section>
<section class="home-section3">
<div class="home-grid3 glassmorphism t-center">
<h2>Customer <span class="linear-text">Reviews</span></h2>
<div class="home-card a-j-center">
<div class="home-box glassmorphism-2">
<img src="./assets/dv-img/u1.jpg" alt="Customer 1">
<div class="">
<h3>Emily R.</h3>
<p>
"The insights on blockchain technology provided here are top-notch. The detailed
explanations and easy-to-understand breakdowns helped me grasp complex concepts
quickly. Highly recommended for anyone looking to dive into the world of
blockchain!"
</p>
</div>
</div>
<div class="home-box glassmorphism-2">
<img src="./assets/dv-img/u2.jpg" alt="Customer 2">
<div class="">
<h3>James T.</h3>
<p>"I appreciate the up-to-date information and thorough research on various blockchain
applications. This site has been instrumental in expanding my knowledge and staying
ahead in the rapidly evolving blockchain space."</p>
</div>
</div>
<div class="home-box glassmorphism-2">
<img src="./assets/dv-img/u3.jpg" alt="Customer 3">
<div class="">
<h3>Linda K.</h3>
<p>"The resources available here are exceptional. The clear explanations and practical
examples have been a huge help in understanding how blockchain can be applied in
real-world scenarios. This site is a valuable asset for both beginners and advanced
users."</p>
</div>
</div>
<div class="home-box glassmorphism-2">
<img src="./assets/dv-img/u4.jpg" alt="Customer 4">
<div class="">
<h3>Robert M.</h3>
<p>
"A fantastic resource for anyone interested in blockchain technology. The
comprehensive
guides and expert insights have given me a solid foundation and the confidence to
explore blockchain projects further."
</p>
</div>
</div>
</div>
</div>
</div>
</section>
</main>
<footer id="footer" class="glassmorphism" role="contentinfo">
<div class="col col1">
<h3>BlockchainSite</h3>
<p>Made By <span>❤</span>Responsive Group 1</p>
<div class="social">
<a href="#" target="_blank" class="link"><img src="assets/manjing-img/instagram.svg"
alt="instagram link" /></a>
<a href="#" target="_blank" class="link"><img src="assets/manjing-img/facebook.svg"
alt="facebook link" /></a>
<a href="#" target="_blank" class="link"><img src="assets/manjing-img/twitter.svg"
alt="twitter link" /></a>
</div>
<div class="copyrights">
<a href="https://storyset.com/web" target="_blank">Web illustrations by Storyset</a>
<p>2024 © Conestoga - Web Development - 24S - Responsive Group 1</p>
</div>
</div>
<div class="col col2">
<a href="index.html">Home</a>
<a href="blockchain.html">Blockchain Technology</a>
<a href="cryptocurrency.html">Cryptocurrency</a>
<a href="use_cases.html">Use Cases</a>
<a href="contactus.html">Contact</a>
</div>
<div class="col col3">
<p>Overview</p>
<p>Info</p>
<p>Type Table</p>
<p>Cases</p>
<p>Subscribe</p>
</div>
</footer>
</div>
</body>
</html>