-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
240 lines (222 loc) · 10.8 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
<!DOCTYPE html>
<html>
<!--<![endif]-->
<head>
<meta charset="UTF-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta content="width=device-width, initial-scale=1" name="viewport">
<title>XDemic - Home</title>
<!-- CSS Files-->
<link type="text/css" rel="stylesheet" href="css/all.css" />
<link type="text/css" rel="stylesheet" href="css/bootstrap.min.css" />
<link rel="stylesheet" href="css/aos.css">
<link type="text/css" rel="stylesheet" href="css/style.css" />
<!-- JS Files-->
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/jquery.bxslider.min.js"></script>
<script type="text/javascript" src="js/aos.js"></script>
<script type="text/javascript" src="js/common.js"></script>
</head>
<body id="page-top" data-spy="scroll">
<!-- Header start -->
<header id="header">
<div class="container">
<div class="logo">
<a href="index.html"></a>
</div>
<div class="menu">
<ul>
<li><a href="#page-top">Home</a></li>
<li><a href="#forstudent">Product</a></li>
<li><a href="#howworks">How It Works</a></li>
<li><a href="#getstarted">About Us</a></li>
<li><a href="#foruniversity">Resources</a></li>
</ul>
<span></span>
</div>
</div>
</header>
<!-- Header end -->
<!-- Home Banner start -->
<section id="home-banner">
<div class="container">
<div class="banner-content">
<h1 data-aos="fade-up" data-aos-duration="1000"><span data-aos="fade-up" data-aos-duration="2000">wecome
to</span> 21st century <br>credentials</h1>
</div>
</div>
</section>
<!-- Home Banner ends -->
<!-- Main Area start -->
<!-- get started start -->
<section id="getstarted">
<div class="container">
<div class="getstarted-content">
<div class="row">
<div class="col-sm-6 offset-2">
<h2 data-aos="fade-down">The key to 21st Century Credentials</h2>
<p data-aos="fade-up" data-aos-duration="1000">xDemic provides a secure and hassle free source
of verifiable credential resource management.
An easy transition for academics to generate and issue digital certificates, and an
authentic solution record management with block chain anchored format available around the
globe.</p>
</div>
<div class="col-sm-3">
<a data-aos="fade-left" href="#" class="button">GEt started</a>
</div>
</div>
</div>
</div>
</section>
<!-- get started end -->
<!-- how works start -->
<section id="howworks">
<div class="container">
<div class="howworks-content">
<div class="row">
<div class="col-sm-8">
<h2 data-aos="fade-right" data-aos-offset="300" data-aos-duration="300"
data-aos-easing="ease-in-sine"><span>For</span> Schools</h2>
<em data-aos="fade-right" data-aos-offset="200" data-aos-duration="0"
data-aos-easing="ease-in-sine">Secure credential issuance</em>
<p data-aos="fade-zoom-in" data-aos-easing="ease-in-back" data-aos-delay="0"
data-aos-duration="0" data-aos-offset="200">xDemic enables schools to go paper-free,
saving time and resources, along with tracking the
efficiency of their graduates in the job market. Give your students a convenient way of
sharing their official transcripts either for higher studies or better job prospects.</p>
</div>
<div class="col-sm-4">
<a data-aos="fade-left" href="#" class="button">How it works?</a>
</div>
</div>
</div>
</div>
<a href="#" class="sidelink"></a>
</section>
<!-- how works end -->
<!-- for student start -->
<section id="forstudent">
<div class="container">
<div class="forstudent-content" data-aos="fade-up" data-aos-anchor-placement="top-bottom"
data-aos-duration="1000" data-aos-delay="500">
<h2>For Students</h2>
<span>Your verified credentials, in your phone!</span>
<p>Get best possible options to secure admission in high ranking universities by storing and sharing
your verified academic records in the mobile app. Carry your verified credentials with you and
access them <em>anytime, anywhere!</em></p>
<div class="download-box">
<em>Available on Android & IOS</em>
<a data-aos="fade-right" href="#" class="button">Downlaod app</a>
</div>
</div>
</div>
<a href="#" class="sidelink"></a>
</section>
<!-- for student end -->
<!-- for university start -->
<section id="foruniversity">
<div class="container">
<div class="foruniversity-content">
<div class="row">
<div class="col-sm-8 float-right">
<h2 data-aos="fade-left" data-aos-offset="300" data-aos-duration="300"
data-aos-easing="ease-in-sine">For <span>Universities/ Employers</span></h2>
<em></em>
<p data-aos="fade-zoom-in" data-aos-easing="ease-in-back" data-aos-delay="0"
data-aos-duration="300">Solutions oriented to cater specific needs of
academics and employers. xDemic verifies
applicant transcripts, issues performance based badges to retain employees and to attract
the best possible talent for your institute.</p>
<ul>
<li><a href="#">Find the best talent</a></li>
<li><a href="#">Find valuable <br> candidates</a></li>
</ul>
</div>
<div class="col-sm-4">
<a data-aos="fade-left" href="#" class="button">verification portal</a>
</div>
</div>
</div>
</div>
</section>
<!-- for university end -->
<!-- global security start -->
<section id="globalsecurity">
<div class="container">
<div class="globalsecurity" data-aos="flip-down">
<h2>Global security <br> for your data</h2>
<p>xDemic provides block-chain based security for all the stakeholders, with seamless integration into
existing credential processes to issue and verify transcripts. It is a fast, reliable and convenient
platform which ensures recipient ownership and vendor independence</p>
<div class="download-box">
<em>curious to know more</em>
<a data-aos="fade-left" href="#" class="button">Downlaod app</a>
</div>
</div>
</div>
<a href="#" class="sidelink"></a>
</section>
<!-- global security end -->
<!-- get started start -->
<section id="availableon">
<div class="container">
<h2 data-aos="fade-down">Ready to initiate the <span>transition?</span></h2>
<span data-aos="fade-down">need Some text here mariya</span>
<a data-aos="fade-right" href="#" class="button">get started now</a>
<div class="available-now" data-aos="flip-right">
<em>available on</em>
<a href="#" class="store-btn googleplay"></a>
<a href="#" class="store-btn appstore"></a>
</div>
</div>
</section>
<!-- get started end -->
<!-- contact form start -->
<section id="contactform">
<div class="container">
<div class="contactform-content">
<div class="row">
<div class="col-sm-6 offset-3">
<h2>contact US</h2>
<div class="search-form">
<form action="" method="">
<div class="Input">
<input type="text" id="input" class="Input-text" placeholder="Subject"
name="subject">
<label for="input" class="Input-label">Subject</label>
</div>
<div class="Input">
<input type="email" id="input" class="Input-text" placeholder="Your Email here"
name="email">
<label for="input" class="Input-label">Your Email here</label>
</div>
<div class="Input">
<input type="text" id="input" class="Input-text" placeholder="Drop Message"
name="message">
<label for="input" class="Input-label">Drop Messag</label>
</div>
<button type="submit" class="button">send us</button>
</form>
</div>
<div class="social-media">
<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#"><i class="fab fa-twitter"></i></a></li>
<li><a href="#"><i class="fab fa-linkedin-in"></i></a></li>
</div>
</div>
</div>
</div>
</div>
<a href="#page-top" class="scroll-top"></a>
</section>
<!-- contact form start -->
<!-- Main Area Ends -->
<!-- Footer start -->
<footer id="footer">
<div class="container">
</div>
</footer>
<!-- Footer end -->
</body>
</html>