-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
165 lines (135 loc) · 7.84 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
<!DOCTYPE html>
<html lang="en" id="home">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<title>EduCTX</title>
<link
href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i"
rel="stylesheet">
<link href="css/sb-admin-2.css" rel="stylesheet">
<link href="css/home.css" rel="stylesheet">
</head>
<body id="page-top" class="overlay">
<div id="wrapper" class="height-100">
<ul class=" navbar-nav bg-gradient-primary sidebar sidebar-dark accordion" id="accordionSidebar">
<a class="sidebar-brand d-flex align-items-center justify-content-left border-grey-bottom" href="home.html">
<div class="sidebar-brand-icon ">
<img src="img/EDU-Coin.png" alt="EduCTX logo" width="47px" height="47px" id="brand-icon">
</div>
<div class="sidebar-brand-text mx-3">EduCTX</div>
</a>
<hr class="sidebar-divider my-0">
<div class="sidebar-heading">
Interface
</div>
<div class="text-left pt-4 d-none d-md-inline" id="sidebar-home">
<div class="sidebar-brand-text heading-big">EduCTX</div>
<div class="sidebar-brand-text statement">Efficient, simplified and safe<br />
solution for student's certificate<br /> managment and verification.</div>
<a href="https://eductx.org/">
<input type="button" class="btn btn-success pl-3" name="btn" value="FIND OUT MORE"
id="find-out-more" />
</a>
</div>
</ul>
<img src="img/blockchain-lab.svg" alt="blockchain-lab" id="blockchain-lab">
<div id="content-wrapper" class="d-flex flex-column greenish">
<img src="img/system.svg" alt="system" id="system">
<img src="img/hills.svg" alt="hills" id="hills">
<div id="content" class="">
<div id="header"></div>
<nav
class="navbar navbar-expand navbar-light bg-grey topbar mb-4 static-top sidebar-dark border-grey-bottom greenish">
<a class="sidebar-brand d-flex align-items-center justify-content-left small-screens"
href="home.html">
<div class="sidebar-brand-icon">
<img src="img/EDU-Coin.png" class="" alt="EduCTX logo" width="47px" height="47px">
</div>
<div class="sidebar-brand-text mx-3 font-weight-normal" id="small-eductx">EduCTX
</div>
</a>
</nav>
<div class="container-fluid front">
<img src="img/cloud.svg" alt="blockchain-lab" id="cloud">
<div class="row small-screens">
<div class="col-md-12 col-sm-12 d-flex align-items-stretch mb-2">
<div class="p-3 ml-0 mb-4">
<div class="sidebar-brand-text heading-big text-center">EduCTX</div>
<div class="sidebar-brand-text statement text-center">Efficient, simplified and
safe<br />
solution for student's certificate<br /> managment and verification.</div>
<a href="https://eductx.org/">
<input type="button" class="btn btn-success pl-3 center" name="btn"
value="FIND OUT MORE" id="find-out-more" />
</a>
</div>
</div>
</div>
<div class="row">
<div class="col-12 align-items-center statement">
Automatically redirecting to <span class="font-weight-semibold">EduCTX v2.0</span>
<span id="countdown">in 10
seconds...</span>
</div>
</div>
<div class="row justify-content-md-center justify-content-lg-center text-center pl-4 pr-3">
<div class="col-xl-6 col-lg-6 col-md-8 mt-4 mb-3">
<a href="https://platform.eductx.org">
<div class="card pl-4 pr-4 click-me" id="network-card">
<div class=" mt-4">
<img class="img-fluid pb-2" style="width: 100%" src="img/old.png"
alt="EduCTX v1.2">
<p class="font-weight-normal mb-0 text-grey font-weight-normal larger">EduCTX
v1.2</p>
<p class="font-weight-light mt-0 text-midgrey" style="height: 5vh;">Conventional
platform containing
all the existing certificates based on smart contract</p>
</div>
</div>
</a>
</div>
<div class="col-xl-6 col-lg-6 col-md-8 mt-4 mb-3">
<a href="https://masca.io">
<div class="progress-bar-container">
<div class="progress-bar-border"></div>
<div class="progress-bar"></div>
<div class="card pl-4 pr-4 click-me" id="network-card">
<div class=" mt-4">
<img class="img-fluid pb-2 " style="width: 100%" src="img/new.png"
alt="EduCTX v2.0">
<p class="font-weight-normal mb-0 text-grey larger">EduCTX v2.0</p>
<p class="font-weight-light mt-0 text-midgrey" style="height: 5vh;">Brand
new platform using
Masca
</p>
</div>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
<script>
setTimeout(function () {
window.location.href("https://masca.io");
}, 15000);
// count down
var seconds = 15,
$seconds = document.querySelector('#countdown');
(function countdown() {
$seconds.textContent = 'in ' + seconds + ' second' + (seconds == 1 ? '' : 's') + '...';
var napolnjenost = 100 - (seconds * 100 / 15);
document.querySelector('.progress-bar').style.width = napolnjenost + '%';
if (seconds-- > 0) setTimeout(countdown, 1000)
})();
</script>
<!-- Bootstrap core JavaScript-->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
</body>
</html>