forked from digitalcredentials/dcc-website
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
243 lines (216 loc) · 13.7 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- SEO Meta Tags -->
<meta name="description" content="The MIT Digital Credentials Consortium">
<meta name="author" content="Gabriel Fields">
<!-- OG Meta Tags to improve the way the post looks when you share the page on Facebook, Twitter, LinkedIn -->
<meta property="og:site_name" content="Digital Credentials Consortium" /> <!-- website name -->
<meta property="og:site" content="https://digitalcredentials.mit.edu" /> <!-- website link -->
<meta property="og:title" content="Digital Credentials Consortium"/> <!-- title shown in the actual shared post -->
<meta property="og:description" content="The MIT Digital Credentials Consortium" /> <!-- description shown in the actual shared post -->
<meta property="og:image" content="" /> <!-- image link, make sure it's jpg -->
<meta property="og:url" content="" /> <!-- where do you want your post to link to -->
<meta name="twitter:card" content="summary_large_image"> <!-- to have large image post format in Twitter -->
<!-- Webpage Title -->
<title>Digital Credentials Consortium</title>
<!-- Styles -->
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,600;0,700;1,400;1,600&display=swap" rel="stylesheet">
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/fontawesome-all.css" rel="stylesheet">
<link href="css/swiper.css" rel="stylesheet">
<link href="css/magnific-popup.css" rel="stylesheet">
<link href="css/styles.css" rel="stylesheet">
<!-- Favicon -->
<link rel="icon" href="images/cropped-fav-dc-b-32x32.png" sizes="32x32" />
<link rel="icon" href="images/cropped-fav-dc-b-192x192.png" sizes="192x192" />
</head>
<body data-spy="scroll" data-target=".fixed-top">
<!-- Navigation -->
<nav id="navbar" class="navbar navbar-expand-lg fixed-top navbar-light">
<div class="container">
<a id="navbar-logo" class="navbar-brand logo-image" href="#"><img src="images/DCC_navbar-logo.png" alt="alternative"></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarToggler" aria-controls="navbarTogglerDemo02" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarToggler">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link page-scroll" href="#header" data-toggle="collapse" data-target="#navbarToggler">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link page-scroll" href="#intro" data-toggle="collapse" data-target="#navbarToggler">Who We Are</a>
</li>
<li class="nav-item">
<a class="nav-link page-scroll" href="#mission" data-toggle="collapse" data-target="#navbarToggler">Our Mission</a>
</li>
<li class="nav-item">
<a class="nav-link page-scroll" href="#details" data-toggle="collapse" data-target="#navbarToggler">Our Technology</a>
</li>
<li class="nav-item">
<a class="nav-link page-scroll" href="#contact" data-toggle="collapse" data-target="#navbarToggler">Connect</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- end of navigation -->
<!-- Header -->
<header id="header" class="header">
<div class="container">
<div class="text-container">
<h1 class="h1-large">We are building an infrastructure for digital academic credentials that can support the education systems of the future.
<br>Read our white paper,<br>
<a href="wp-content/uploads/2020/02/white-paper-building-digital-credential-infrastructure-future.pdf" target="_blank">"Building the digital credential infrastructure for the future"
</a>
</h1>
</div> <!-- end of text-container -->
</div> <!-- end of container -->
</header> <!-- end of header -->
<!-- end of header -->
<!-- Who We Are -->
<div id="intro" class="basic-1">
<div class="container">
<div class="row">
<div class="col-sm-12">
<h2>A University-Led Effort</h2>
<p>The Digital Credentials Consortium was founded in 2018 by leading universities with expertise in the design of verifiable digital credentials. Together, we are designing an infrastructure for digital credentials of academic achievement.</p>
<h3>Digital technology has a profound effect on the way we learn.</h3>
<p>A wealth of materials is available to us at all times. We can easily connect with other learners, or communicate with our professors. Increasingly, technology is acting as personal guide that can support our individual interests and pathways. But the way we issue and manage academic credentials has not changed that much - and doesn’t take advantage of the possibilities of digital technology.
<br><br>What would an academic degree look like if it was designed today? Or a professional certificate? Or a certificate for an online course? As the question of trusted verification and authentication of learning and credentials poses itself with renewed urgency we need to rethink the way we recognize and transact with academic credentials.</p>
</div> <!-- end of col -->
</div> <!-- end of row -->
</div> <!-- end of container -->
</div> <!-- end of form-1 -->
<!-- end of Who We Are -->
<!-- Mission -->
<header id="mission" class="mission">
<div class="container">
<div class="text-container">
<h1 class="h1-large">Our mission is to create a trusted, distributed, and shared infrastructure that will become the standard for issuing, storing, displaying, and verifying academic credentials, digitally.
</h1>
</div> <!-- end of text-container -->
</div> <!-- end of container -->
</header> <!-- end of mission -->
<!-- end of mission -->
<!-- Details 1 -->
<div id="details" class="basic-2">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="intro">
<h2>Our Technology</h2>
<p>We are exploring how recent advances in public key infrastructures, public ledgers, and blockchains can be used to rethink the way we recognize and transact with academic achievements.
</br></br>Building on earlier efforts by the participating institutions, we are now setting our sights on the design and governance of a technology infrastructure for academic credentials – transforming credentials into tokens of social and human capital that can create new opportunities for participation in education and industry. Our Technology Working Group is currently developing a white paper.</p>
</div> <!-- end of intro -->
</div> <!-- end of col -->
</div> <!-- end of row -->
<div class="row">
<div class="col-lg-5">
<div >
<h3>As a learner, this technology will allow you to:</h3>
<ul class="li-space-lg">
<li>Maintain a compelling and verifiable record of your lifelong learning achievements to share with employers</li>
<li>Receive your credentials digitally and safely</li>
<li>Own all of your credentials forever without having to ask/pay your institution for a transcript ever again</li>
<li>Compile and curate credentials you receive from multiple educational institutions</li>
</ul>
</div> <!-- end of text-container -->
</div> <!-- end of col -->
<div class="col-lg-7 order-first order-lg-0">
<div class="image-container">
<img class="img-fluid" src="images/photo-1.jpg" alt="alternative">
</div> <!-- end of image-container -->
</div> <!-- end of col -->
</div> <!-- end of row -->
</div> <!-- end of container -->
</div> <!-- end of basic-2 -->
<!-- end of details 1 -->
<!-- Details 2 -->
<div class="basic-3">
<div class="container">
<div class="row">
<div class="col-lg-7">
<div class="image-container">
<img class="img-fluid" src="images/photo-2.jpg" alt="alternative">
</div> <!-- end of image-container -->
</div> <!-- end of col -->
<div class="col-lg-5">
<div>
<h3>For institutions, digital verifiable credentials enable you to:</h3>
<ul class="li-space-lg">
<li>Keep and distribute learner records in a way that is easy, safe, and inexpensive</li>
<li>Remove the risk of identity fraud</li>
<li>Issue multiple credentials to a single learner easily, using the same streamlined process</li>
</ul>
</div> <!-- end of text-container -->
</div> <!-- end of col -->
</div> <!-- end of row -->
</div> <!-- end of container -->
</div> <!-- end of basic-3 -->
<!-- end of details 2 -->
<!-- Newsletter -->
<div id="contact" class="form-1">
<div class="container">
<div class="row">
<div class="col-lg-12">
<h2 class="h2-heading">Help us build the digital credential infrastructure that fits the future of education.</h2>
<p>The DCC is an active participant in the <a href="https://w3c-ccg.github.io/vc-ed/" target="blank">W3C VC-EDU task force</a>. If you are interested in contributing to the emerging technical standards for digital academic credentials, feel free to join the discussion.</p>
</div> <!-- end of col -->
</div> <!-- end of row -->
<div class="row">
<div class="col-lg-12">
<a class="btn-solid-lg" href="http://eepurl.com/gic0Xf" target="_blank">Sign up for updates</a>
</div> <!-- end of col -->
</div> <!-- end of row -->
</div> <!-- end of container -->
</div> <!-- end of form-1 -->
<!-- end of newsletter -->
<!-- Footer -->
<div class="footer">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="footer-col first">
<img class="img-fluid" src="images/logo-mit-footer.png" style="width:240px" alt="alternative">
<p class="p-small">
<br>Massachusetts Institute of Technology<br>
Cambridge, MA 02139<br><br>
© 2021 MIT Open Learning<br><br>
<a href="https://accessibility.mit.edu/" target="blank">Accessibility</a>
</p>
</div> <!-- end of footer-col -->
<div class="footer-col second">
<h6>Founding Members</h6>
<p class="p-small">
Delft University of Technology (The Netherlands)<br>
Georgia Tech (USA)<br>
Harvard University (USA)<br>
Hasso Plattner Institute, University of Potsdam (Germany)<br>
Massachusetts Institute of Technology (USA)<br>
McMaster University (Canada)<br>
Tecnologico De Monterrey (Mexico)<br>
TU Munich (Germany)<br>
UC Berkeley (USA)<br>
UC Irvine (USA)<br>
University of Milano-Bicocca (Italy)<br>
University of Toronto (Canada)
</p>
</div> <!-- end of footer-col -->
</div> <!-- end of col -->
</div> <!-- end of row -->
</div> <!-- end of container -->
</div> <!-- end of footer -->
<!-- end of footer -->
<!-- Scripts -->
<script src="js/jquery.min.js"></script> <!-- jQuery for Bootstrap's JavaScript plugins -->
<script src="js/bootstrap.min.js"></script> <!-- Bootstrap framework -->
<script src="js/jquery.easing.min.js"></script> <!-- jQuery Easing for smooth scrolling between anchors -->
<script src="js/jquery.magnific-popup.js"></script> <!-- Magnific Popup for lightboxes -->
<script src="js/swiper.min.js"></script> <!-- Swiper for image and text sliders -->
<script src="js/scripts.js"></script> <!-- Custom scripts -->
</body>
</html>