-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
476 lines (392 loc) · 32.6 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>Blockment</title>
<meta content="" name="description">
<meta content="" name="keywords">
<!-- Favicons -->
<link href="assets/img/favicon.png" rel="icon">
<link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Jost:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">
<!-- Vendor CSS Files -->
<link href="assets/vendor/aos/aos.css" rel="stylesheet">
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
<link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
<link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
<link href="assets/vendor/remixicon/remixicon.css" rel="stylesheet">
<link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
<!-- Template Main CSS File -->
<link href="assets/css/style.css" rel="stylesheet">
</head>
<body>
<!-- ======= Header ======= -->
<header id="header" class="fixed-top ">
<div class="container d-flex align-items-center">
<h1 class="logo me-auto"><a href="index.html">Blockment</a></h1>
<nav id="navbar" class="navbar">
<ul>
<li><a class="nav-link scrollto active" href="#hero">Home</a></li>
<li><a class="nav-link scrollto" href="#about">About</a></li>
<li><a class="nav-link scrollto" href="#why-us">Why the BLOCKMENT?</a></li>
<li><a class="nav-link scrollto" href="#team">Team</a></li>
<li><a class="nav-link scrollto" href="#contact">Contact</a></li>
<li><a class="getstarted scrollto" href="#about">Get Started</a></li>
</ul>
<i class="bi bi-list mobile-nav-toggle"></i>
</nav><!-- .navbar -->
</div>
</header><!-- End Header -->
<!-- ======= Hero Section ======= -->
<section id="hero" class="d-flex align-items-center">
<div class="container">
<div class="row">
<div class="col-lg-6 d-flex flex-column justify-content-center pt-4 pt-lg-0 order-2 order-lg-1" data-aos="fade-up" data-aos-delay="200">
<h1>Blockchain-based MOOCs</h1>
<h2>A fair massive online open course system with peer grading implemented using blockchain</h2>
<div class="d-flex justify-content-center justify-content-lg-start"></div>
</div>
<div class="col-lg-6 order-1 order-lg-2 hero-img" data-aos="zoom-in" data-aos-delay="200">
<img src="assets/img/hero-img.png" class="img-fluid animated" alt="">
</div>
</div>
</div>
</section><!-- End Hero -->
<main id="main">
<!-- ======= About Us Section ======= -->
<section id="about" class="about">
<div class="container" data-aos="fade-up">
<div class="section-title">
<h2>About Us</h2>
</div>
<div class="row content">
<div class="col-lg-6">
<p>
Nowadays, increasingly, many students learn the material of various courses through massive online open courses (MOOCs), instead of attending a university or an institute in a formal way. MOOCs have exploded in popularity among students and have generated a lot of money, especially during the COVID-19 pandemic, since universities in many regions around the world halted formal education and made use of online technologies, which included a lot of problems such as frequent disconnections in poor Internet coverage
</p>
</div>
<div class="col-lg-6 pt-4 pt-lg-0">
<p>
areas of the cities and towns. As a consequence, many turned to the MOOCs available on the Internet to learn the necessary material by listening to high-definition recorded lectures, reading suggested notes, solving the suggested homework (and possibly be graded), doing the course project, connecting with fellow students using online forums, and asking questions in case needed from the instructor and/or the teaching assistants.
</p>
<a href="#" class="btn-learn-more">Learn More</a>
</div>
</div>
</div>
</section><!-- End About Us Section -->
<!-- ======= Why Us Section ======= -->
<section id="why-us" class="why-us section-bg">
<div class="container-fluid" data-aos="fade-up">
<div class="row">
<div class="col-lg-7 d-flex flex-column justify-content-center align-items-stretch order-2 order-lg-1">
<div class="content">
<h3>Why <strong>the BLOCKMENT</strong>?</h3>
</div>
<div class="accordion-list">
<ul>
<li>
<a data-bs-toggle="collapse" class="collapse" data-bs-target="#accordion-list-1"><span>01</span> What is our solution design? <i class="bx bx-chevron-down icon-show"></i><i class="bx bx-chevron-up icon-close"></i></a>
<div id="accordion-list-1" class="collapse" data-bs-parent=".accordion-list">
<p>
In Blockment, students sign up on the MOOC host website and take the course they want, as if they are taking a traditional course online. The record of each student's registration in the course will be put on a blockchain. As the student downloads or watches lectures, the records will be updated by the insertion of new log records on the blockchain. Meanwhile, homework handouts are designed and released collectively, and the students submit their answers to the website. Each homework solution will be assessed by a sample of a pool of people containing three user roles: other students taking the same course, the instructor, and the teaching assistants.
After the completion of a course, the students will get a certificate in case they have eligible grades, and the certificate is pushed to the blockchain, making issuing the certificates a transparent and immutable action.
The provided blockchain platform is a "complete ecosystem" of taking courses, aiming to be the next iteration of MOOC-providing websites and platforms, especially during the era of Web 3.0 decentralized apps (dApps) witnessing a significant increase in popularity and usage; the provided MOOC platform is a Web 3.0 equivalent of the current MOOC-providing apps and websites.
Blockment supports registered students through the whole learning process and will reward them (issue certificates for them) for their effort in the course. In this system, enrollees start to learn the material, and throughout the progress of the course, they design new homework handouts and ask fellow students (with the help of the platform as a UX facilitator) to send their answers. After each member of the class solved the problem set given to them which was developed by other learners, they start to assess their fellow students' solutions.
The assessment procedure works as follows:
⁃ Students submit their homework anonymously.
⁃ The students, the teacher, and the teaching assistants compete to assess the submitted homework. After assessing the homework, they release the papers, the details of the assessment, and the given grade to the website, which is then added as a block to the blockchain. Their knowledge score in the system and the time of their assessment determine the priority and impact of that block and the rewards they receive. The students get a small amount of score for assessing each paper.
Each homework should be assessed by at least three (can vary) students.
⁃ The students act as miners, which means they check the assessment details of papers and add the verified assessments to the blockchain. Each block consists of the homework/exam questions, responses, and grading results. The miners get a score (similar to Bitcoin in the Bitcoin blockchain) for verifying the grades. Consequently, in Blockment, the winner is not who possesses better hardware, but who has a better knowledge of the course and is more proficient at assessing other solutions. To ensure this, every student gives a score to the student that assessed their paper, so that the blocks associated with students who have higher assessment scores have a higher chance to be accepted.
</p>
</div>
</li>
<li>
<a data-bs-toggle="collapse" data-bs-target="#accordion-list-2" class="collapsed"><span>02</span> What happens to assesments? <i class="bx bx-chevron-down icon-show"></i><i class="bx bx-chevron-up icon-close"></i></a>
<div id="accordion-list-2" class="collapse" data-bs-parent=".accordion-list">
<p>The assessment procedure works as follows:<br>
⁃ Students submit their homework anonymously.<br>
⁃ The students, the teacher, and the teaching assistants compete to assess the submitted homework. After assessing the homework, they release the papers, the details of the assessment, and the given grade to the website, which is then added as a block to the blockchain. Their knowledge score in the system and the time of their assessment determine the priority and impact of that block and the rewards they receive. The students get a small amount of score for assessing each paper.<br>
Each homework should be assessed by at least three (can vary) students.<br>
⁃ The students act as miners, which means they check the assessment details of papers and add the verified assessments to the blockchain. Each block consists of the homework/exam questions, responses, and grading results. The miners get a score (similar to Bitcoin in the Bitcoin blockchain) for verifying the grades. Consequently, in Blockment, the winner is not who possesses better hardware, but who has a better knowledge of the course and is more proficient at assessing other solutions. To ensure this, every student gives a score to the student that assessed their paper, so that the blocks associated with students who have higher assessment scores have a higher chance to be accepted.</p>
</div>
</li>
<li>
<a data-bs-toggle="collapse" data-bs-target="#accordion-list-3" class="collapsed"><span>03</span> What are the impacts and benefits of the solution? <i class="bx bx-chevron-down icon-show"></i><i class="bx bx-chevron-up icon-close"></i></a>
<div id="accordion-list-3" class="collapse" data-bs-parent=".accordion-list">
<p>
Our goal was to propose a new assessment method with the following properties that is applicable in both traditional learning and MOOCs:<br>
⁃ Decentralize the process. <br>
⁃ Ensure transparency. <br>
⁃ Have a universal and clear procedure. <br>
⁃ Have an extensive peer-review. <br>
⁃ Achieve results faster.<br>
⁃ Provide reliable infrastructure.<br>
An assessment system with the properties above can satisfy both students and teachers and be reliable at the same time. We defined, designed, and implemented our proposed system, Blockment, based on a blockchain platform, because it is decentralized, immutable, and it can guarantee transparency and fairness, unlike the other mentioned potential solutions. Consequently, Blockment helps to provide a fair and faster grading process by using a decentralized system core.
</p>
</div>
</li>
<li>
<a data-bs-toggle="collapse" data-bs-target="#accordion-list-4" class="collapsed"><span>04</span> What are our expected results of success? <i class="bx bx-chevron-down icon-show"></i><i class="bx bx-chevron-up icon-close"></i></a>
<div id="accordion-list-4" class="collapse" data-bs-parent=".accordion-list">
<p>
We expect Blockment to improve assessment quality, increase grading speed and reduce bias in academic environments when grading. In other words, our blockchain-based MOOC and peer grading system should be able to help students achieve fairer grades in less time.
We back our claims by designing and launching experiments on students in a classroom environment. We designed a two-step experiment scheme. In the first phase, we generally evaluated whether our newly proposed assessment method leads to promising results by conducting experiments on a few homework handouts in certain classes, and in the second phase, after making sure the results from the first phase has been promising, we launched a bigger study on a class for a complete educational semester to be able to both evaluate longer-term effects of using a blockchain-based peer assessment system and see if positive results seen in the first experiment stays true for the duration of the whole educational semester.
The results from the experiments indicated that Blockment was able to increase grading speed and decrease the assessment bias significantly (p-value < 0.05), which indicates Blockment can be used as a MOOC platform in a real-world setting to provide peer grading support.
</p>
</div>
</li>
<li>
<a data-bs-toggle="collapse" data-bs-target="#accordion-list-5" class="collapsed"><span>05</span> What are the key risks and mitigations? <i class="bx bx-chevron-down icon-show"></i><i class="bx bx-chevron-up icon-close"></i></a>
<div id="accordion-list-5" class="collapse" data-bs-parent=".accordion-list">
<p>
As far as we know, the idea of our proposed blockchain is new and unprecedented, so we consider some policies before implementing it to provide a better user experience. For example, the system should have a good abstraction (e.g. hiding credit / scoring system implemented as part of the decentralized network) since users may not have a blockchain technology background. Who revises the grades should not be the person who graded in the first place. Each paper might be graded multiple times to find and correct errors. Details of grading should be included in the block. Students should be able to consult the instructor when needed.
To prevent the destructive effects of fake users, users are rated and validated by the reputation scores. To handle biased scores, other users validate previous assessments. To address the lack of checkers and correctors, users are motivated by scores given as rewards.
Other problems in common with common blockchain networks (e.g. Bitcoin) will work out the same way it did for them.</p>
</div>
</li>
<li>
<a data-bs-toggle="collapse" data-bs-target="#accordion-list-6" class="collapsed"><span>06</span> What are the key challenges addressed by our project? <i class="bx bx-chevron-down icon-show"></i><i class="bx bx-chevron-up icon-close"></i></a>
<div id="accordion-list-6" class="collapse" data-bs-parent=".accordion-list">
<p>
Some of the main concerns in the assessment of massive online open courses are the fairness of the grades and the time it takes to grade all students' answers, especially because MOOCs tend to include more than hundreds of students, while homework in certain theoretical courses can't be auto-graded by a computer program and needs the intervention of human assessors which is simply not available in the scale necessary to support all users registered in the MOOC.
The validity, authority, and privacy of the certificates earned from passing MOOCs have also been challenging. In courses with fixed homework handouts and fixed solutions, some people who have passed the course previously may share solutions on social media, making it straightforward for other students to pass the exams without learning a lot and earn a certificate they didn't deserve, resulting in a kind of degree fraud. Consequently, many institutes or companies doubt the validity of these certificates and try to reassess the candidates by performing time-consuming interviews, which decreases the value of enrollment in a MOOC in the first place. MOOCs provide a lot of flexibility in students' schedules, are usually up-to-date, and are accessible to a much wider population than the traditional courses, but suffer from insufficient validity and transparency of the certificate, and assessing problems regarding hundreds of students in each semester.
We claim that by using Blockment, the quality of the course, both in MOOCs and the traditional method can be improved by addressing these issues.
</p>
</div>
</li>
<li>
<a data-bs-toggle="collapse" data-bs-target="#accordion-list-7" class="collapsed"><span>07</span> What are our project’s competitive advantages? <i class="bx bx-chevron-down icon-show"></i><i class="bx bx-chevron-up icon-close"></i></a>
<div id="accordion-list-7" class="collapse" data-bs-parent=".accordion-list">
<p>
Our objective was to provide a brand-new evaluation technique with the following characteristics that would work for both conventional education and MOOCs:<br>
⁃ Distribute the procedure.<br>
⁃ Ensure openness.<br>
⁃ Have an easy-to-follow, universal method.<br>
⁃ Have a thorough peer review.<br>
⁃ Get results more quickly.<br>
⁃ Offer a solid infrastructure.<br>
A dependable and fair evaluation system that satisfies both instructors and students simultaneously has the abovementioned characteristics. In contrast to the other indicated potential solutions, we created, built, and constructed our suggested system, Blockment, based on a blockchain platform. This is because it is decentralized, irreversible, and can provide transparency and justice. As a result, Blockment uses a decentralized system core to deliver a fair and quick grading process.
Several universities and institutes are now using blockchain technology in their educational systems, and most do so to assist academic degree administration and the digital transformation of certification procedures. Paper certificates' fingerprints (unique hashes) are written on the blockchain for educational systems, which reflects paper certificates as digital certificates. The blockchain also stores information about the certification authorities' and certifiers' identities. The management of certification authorities and certifiers, as well as the monitoring or revocation of certifications, are all supported by intelligent contracts. MIT Media Lab Learning and the University of Nicosia are two universities that focus on using blockchain to issue digital certificates.
Compared to the prior instances, we think blockchain technology has far greater potential for use in education and can address various problems in conventional educational institutions.
To provide a fair academic evaluation environment and solve other issues, such as those listed above, and add additional useful features, we suggest placing the entire process of taking a massive online open course (MOOC) on a blockchain system called Blockment.
</p>
</div>
</li>
<li>
<a data-bs-toggle="collapse" data-bs-target="#accordion-list-8" class="collapsed"><span>08</span> What are the current or coming alternatives to our project? <i class="bx bx-chevron-down icon-show"></i><i class="bx bx-chevron-up icon-close"></i></a>
<div id="accordion-list-8" class="collapse" data-bs-parent=".accordion-list">
<p>
During the initial stages of its appearance, blockchain technology was not able to draw much attention. However, as Bitcoin continues to run safely and steadily over the years, society has since become aware that the enormous potential applications of the underlying technology of this invention are not only in cryptocurrency but also in many other areas, such as education. Blockchain technology has become a hot topic for more and more institutions, enterprises, and researchers all around the world.
Nowadays, some universities and institutes have applied blockchain technology in their educational systems, and most use it to support academic degree management and digital transformation of certification processes. The blockchain for educational platforms represents paper certificates as digital certificates, and their fingerprints (unique hashes) are written on the blockchain. In addition, the identities of certification authorities and certifiers are also stored in the blockchain. Finally, intelligent contracts support the management of certification authorities and certifiers and the monitoring or revocation of certificates. The University of Nicosia and the MIT Media Lab Learning are examples of institutions that work on using blockchain in issuing digital certificates. In addition, Alipour et al. (2022) have explored decentralized peer grading schemes but have not implemented them in a MOOC platform, as the current work does.
We believe that blockchain technology has much more potential in education than the examples mentioned earlier, and it can solve many issues in commonplace educational systems.
We propose putting the end-to-end procedure of taking a massive online open course (MOOC) up to earning the certificate on a blockchain system called Blockment to provide a fair environment for academic assessment while also eliminating other problems, as mentioned above, and introducing new helpful features.
</p>
</div>
</li>
</ul>
</div>
</div>
<div class="col-lg-5 align-items-stretch order-1 order-lg-2 img" style='background-image: url("assets/img/why-us.png");' data-aos="zoom-in" data-aos-delay="150"> </div>
</div>
</div>
</section><!-- End Why Us Section -->
<!-- ======= Skills Section ======= -->
<section id="skills" class="skills">
<div class="container" data-aos="fade-up">
<div class="row">
<div class="col-lg-6 d-flex align-items-center" data-aos="fade-right" data-aos-delay="100">
<img src="assets/img/skills.png" class="img-fluid" alt="">
</div>
<div class="col-lg-6 pt-4 pt-lg-0 content" data-aos="fade-left" data-aos-delay="100">
<h3>The averages of scores given by the students.</h3>
<div class="skills-content">
<div class="progress">
<span class="skill">Fairness of student's own grade in our method <i class="val">84.9%</i></span>
<div class="progress-bar-wrap">
<div class="progress-bar" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
<div class="progress">
<span class="skill">Fairness of student's own grade in traditional method <i class="val">78.9%</i></span>
<div class="progress-bar-wrap">
<div class="progress-bar" role="progressbar" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
<div class="progress">
<span class="skill">Overall fairness of all grades in our method <i class="val">81.3%</i></span>
<div class="progress-bar-wrap">
<div class="progress-bar" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
<div class="progress">
<span class="skill">Overall fairness of all grades in traditional method <i class="val">73.8%</i></span>
<div class="progress-bar-wrap">
<div class="progress-bar" role="progressbar" aria-valuenow="55" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
<div class="progress">
<span class="skill">Grading speed in our method <i class="val">77.6%</i></span>
<div class="progress-bar-wrap">
<div class="progress-bar" role="progressbar" aria-valuenow="55" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
<div class="progress">
<span class="skill">Grading speed in traditional method <i class="val">54.4%</i></span>
<div class="progress-bar-wrap">
<div class="progress-bar" role="progressbar" aria-valuenow="55" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</section><!-- End Skills Section -->
<!-- ======= Cta Section ======= -->
<section id="cta" class="cta">
<div class="container" data-aos="zoom-in">
<div class="row">
<div class="col-lg-9 text-center text-lg-start">
</div>
</div>
</div>
</section><!-- End Cta Section -->
<!-- ======= Team Section ======= -->
<section id="team" class="team section-bg">
<div class="container" data-aos="fade-up">
<div class="section-title">
<h2>Team</h2>
</div>
<div class="row">
<div class="col-lg-6">
<div class="member d-flex align-items-start" data-aos="zoom-in" data-aos-delay="100">
<div class="pic"><img src="assets/img/team/iman-mohammadi.jpg" class="img-fluid" alt=""></div>
<div class="member-info">
<h4>Iman Mohammadi</h4>
<span>Computer Engineering student at Sharif University of Technology</span>
<div class="social">
<a href="https://www.linkedin.com/in/imanmohammadi02"> <i class="ri-linkedin-box-fill"></i> </a>
<a href="https://twitter.com/Iman_M_02"><i class="ri-twitter-fill"></i></a>
<a href="https://t.me/Iman_M_02"><i class="ri-telegram-fill"></i></a>
<a href="https://www.instagram.com/iman_m_02/"><i class="ri-instagram-fill"></i></a>
</div>
</div>
</div>
</div>
<div class="col-lg-6 mt-4 mt-lg-0">
<div class="member d-flex align-items-start" data-aos="zoom-in" data-aos-delay="200">
<div class="pic"><img src="assets/img/team/soroush-jahanzad.jpg" class="img-fluid" alt=""></div>
<div class="member-info">
<h4>Soroush Jahanzad</h4>
<span>Computer Engineering student at Sharif University of Technology</span>
<div class="social">
<a href="https://www.linkedin.com/in/soroush-jahanzad"> <i class="ri-linkedin-box-fill"></i> </a>
<a href="https://twitter.com/SoroushTheFirst"><i class="ri-twitter-fill"></i></a>
<a href="https://t.me/SoroushTheFirst"><i class="ri-telegram-fill"></i></a>
</div>
</div>
</div>
</div>
<div class="col-lg-6 mt-4">
<div class="member d-flex align-items-start" data-aos="zoom-in" data-aos-delay="300">
<div class="pic"><img src="assets/img/team/sina-elahimanesh.jpg" class="img-fluid" alt=""></div>
<div class="member-info">
<h4>Sina Elahimanesh</h4>
<span>Computer Engineering student at Sharif University of Technology</span>
<div class="social">
<a href="https://www.linkedin.com/in/sina-elahimanesh-094120158"> <i class="ri-linkedin-box-fill"></i> </a>
<a href="https://twitter.com/SElahimanesh"><i class="ri-twitter-fill"></i></a>
<a href="https://t.me/SinaElahimanesh"><i class="ri-telegram-fill"></i></a>
</div>
</div>
</div>
</div>
<div class="col-lg-6 mt-4">
<div class="member d-flex align-items-start" data-aos="zoom-in" data-aos-delay="400">
<div class="pic"><img src="assets/img/team/parimehr-morassafar.jpg" class="img-fluid" alt=""></div>
<div class="member-info">
<h4>Parimehr Morassafar</h4>
<span>Computer Engineering student at Sharif University of Technology</span>
<div class="social">
<a href="https://www.linkedin.com/in/parimehr-morassafar-766a04195"> <i class="ri-linkedin-box-fill"></i> </a>
<a href="https://t.me/pariiimehr"><i class="ri-telegram-fill"></i></a>
</div>
</div>
</div>
</div>
<div class="col-lg-6 mt-4">
<div class="member d-flex align-items-start" data-aos="zoom-in" data-aos-delay="400">
<div class="pic"><img src="assets/img/team/spneshaei.jpg" class="img-fluid" alt=""></div>
<div class="member-info">
<h4>Parsa Neshaei</h4>
<span>Computer Engineering student at Sharif University of Technology</span>
<div class="social">
<a href="https://www.linkedin.com/in/spneshaei"> <i class="ri-linkedin-box-fill"></i> </a>
<a href="https://twitter.com/seyyedparsa"><i class="ri-twitter-fill"></i></a>
<a href="https://t.me/spneshaei"><i class="ri-telegram-fill"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
</section><!-- End Team Section -->
</main><!-- End #main -->
<!-- ======= Footer ======= -->
<footer id="footer">
<div class="footer-newsletter">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-6">
</div>
</div>
</div>
</div>
<div class="footer-top">
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-6 footer-contact">
<h3>Blockment</h3>
</div>
<div class="col-lg-3 col-md-6 footer-links">
<h4>Useful Links</h4>
<ul>
<li><i class="bx bx-chevron-right"></i> <a href="https://www.blockchain.com">Blockchain</a></li>
</ul>
</div>
<div class="col-lg-3 col-md-6 footer-links">
</div>
<div class="col-lg-3 col-md-6 footer-links">
<h4>Our Social Networks</h4>
<div class="social-links mt-3">
<a href="https://www.linkedin.com/company/blockment/" class="linkedin"><i class="bx bxl-linkedin"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="container footer-bottom clearfix">
<div class="copyright">
© Copyright <strong><span>Blockment</span></strong>. All Rights Reserved
</div>
<div class="credits">
Designed by <a href="https://bootstrapmade.com/">BootstrapMade</a>
</div>
</div>
</footer><!-- End Footer -->
<div id="preloader"></div>
<a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>
<!-- Vendor JS Files -->
<script src="assets/vendor/aos/aos.js"></script>
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
<script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
<script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
<script src="assets/vendor/waypoints/noframework.waypoints.js"></script>
<script src="assets/vendor/php-email-form/validate.js"></script>
<!-- Template Main JS File -->
<script src="assets/js/main.js"></script>
</body>
</html>