forked from mozilla/openbadges.org-static
-
Notifications
You must be signed in to change notification settings - Fork 9
/
index.html
169 lines (142 loc) · 7.11 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
<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Open Badges Homepage</title>
<meta name="description" content="Get recognition for learning that happens anywhere. Then share it on the places that matter. A digital badge is an online representation of a skill you’ve earned.
">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- <link rel="apple-touch-icon" href="apple-touch-icon.png"> -->
<link rel="stylesheet" href="/css/reset.css">
<link rel="stylesheet" href="/css/main.css">
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css'>
<link rel="icon" type="image/x-icon" href="/images/favicon.ico"/>
<link rel="icon" type="image/png" href="/images/favicon.png"/>
</head>
<body class="l-headeroffset">
<header class="masthead l-containerhorizontal">
<h1>
<a href="/" class="masthead-x-logo">Open Badges</a>
</h1>
<a href="#menu" class="masthead-x-menu">Menu</a>
</header>
<nav id="menu" class="menu l-containerhorizontal l-containerhorizontal-small">
<h1 class="title title-fill menu-x-title">Navigation</h1>
<ul>
<li class="menuitem menuitem-home"><a href="/">Home</a></li>
<li class="menuitem"><button class="menu-button" aria-controls="menugetstarted"><span class="visuallyhidden">Toggle</span> Get Started <span class="visuallyhidden">Menu</span></button>
<ul id="menugetstarted" class="menu-children" aria-hidden="true">
<li class="menuitem menuitem-child"><a href="/get-started">Overview</a></li>
<li class="menuitem menuitem-child"><a href="/get-started/earning-badges">Earn Badges</a></li>
<li class="menuitem menuitem-child"><a href="/get-started/issuing-badges">Issue Badges</a></li>
<li class="menuitem menuitem-child"><a href="/get-started/displaying-badges">Display Badges</a></li>
<li class="menuitem menuitem-child"><a href="/get-started/understanding-badges">Understand Badges</a></li>
</ul>
</li>
<li class="menuitem"><a href="/developers">Developers</a></li>
<li class="menuitem"><a href="/community">Community</a></li>
<li class="menuitem"><a href="/news">News</a></li>
<li class="menuitem"><button class="menu-button" aria-controls="menuabout"><span class="visuallyhidden">Toggle</span> About <span class="visuallyhidden">Menu</span></button>
<ul id="menuabout" class="menu-children" aria-hidden="true">
<li class="menuitem menuitem-child"><a href="/about">About Open Badges</a>
<li class="menuitem menuitem-child"><a href="/about/participating-issuers">Participating Issuers</a></li>
<li class="menuitem menuitem-child"><a href="/about/participating-services">Participating Services</a></li>
</ul>
</li>
</ul>
</nav>
<main>
<section class="spotlight l-containerhorizontal l-containervertical-offset">
<h1 class="title title-fill title-large">Discover Open Badges</h1>
<ul class="fourup">
<li>
<a href="/get-started/earning-badges" class="fourup-earn">
<div>
<h2 class="title title-fill-inherit">Earn</h2>
<p>Earn Open Badges for skills you learn online and in person</p>
</div>
</a>
</li>
<li>
<a href="/get-started/issuing-badges" class="fourup-issue">
<div>
<h2 class="title title-fill-inherit">Issue</h2>
<p>Anyone can create & issue Open Badges to recognize the achievements of others</p>
</div>
</a>
</li>
<li>
<a href="/get-started/displaying-badges" class="fourup-display">
<div>
<h2 class="title title-fill-inherit">Display</h2>
<p>Share your Open Badges as verifiable records of your learning</p>
</div>
</a>
</li>
<li>
<a href="/get-started/understanding-badges" class="fourup-understand">
<div>
<h2 class="title title-fill-inherit">Understand</h2>
<p>Verify Open Badges and accept them as records of achievement.</p>
</div>
</a>
</li>
</ul>
<p class="title title-fill-partial title-thin title-narrow">NEW - <a href="https://www.imsglobal.org/cc/statuschart/openbadges">See which products are Open Badges v2.0 (OBv2) certified by IMS Global!</a></p>
<p class="title title-fill-partial title-thin title-narrow">Thousands of organizations across the world issue Open Badges, from non-profits to major employers to educational institutions at every level.</p>
</section>
<div class="l-onecol l-containerhorizontal">
<h1 class="title">Connected, verifiable credentials represented in portable image files</h1>
</div>
<div class="l-twocol l-containerhorizontal l-containervertical-offsetlarge" style="padding-bottom:70px;">
<article class="contentblock">
<p>Open Badges are visual tokens of achievement, affiliation, authorization, or other trust relationship sharable across the web. Open Badges represent a more detailed picture than a CV or résumé as they can be presented in ever-changing combinations, creating a constantly evolving picture of a person’s lifelong learning.
</p>
</article>
<article class="contentblock">
<p>Learn more about how badges are being used and how you can start earning, issuing and displaying Open Badges in your programs.
</p>
</article>
</div>
</main>
<footer class="l-onecol l-containerhorizontal company-logos">
<ul>
<li>
<a href="https://www.mozilla.org/en-US/foundation/"><img src="/images/members/mozillafoundation-logo.png" alt="Mozilla"></a>
</li>
<li>
<a href="https://www.lrng.org/"><img src="/images/members/lrng-logo.png" alt="LRNG"></a>
</li>
<li>
<a href="https://www.imsglobal.org/"><img src="/images/members/imsglobal-logo.png" alt="IMS Global"></a>
</li>
</ul>
</footer>
<footer class="footer l-containerhorizontal">
<nav class="social l-containervertical-offset">
<h1 class="title social-x-title">Open Badges Social Media</h1>
<ul>
<li>
<a href="https://twitter.com/openbadges" class="social-x-link social-twitter">Twitter</a>
</li>
</ul>
</nav>
<nav class="menu menu-secondary">
<h1 class="title menu-x-title">Secondary Navigation</h1>
<ul>
<li class="menuitem menuitem-secondary"><a href="/faq">FAQs</a></li>
<li class="menuitem menuitem-secondary"><a href="/press-assets">Press Assets</a></li>
<li class="menuitem menuitem-secondary"><a href="/contact">Contact</a></li>
</ul>
<p class="small copyright l-containerhorizontal">
<a href="/about/colophon/">
© Copyright 2016, CC-BY <span>Badge Alliance</span>
</a>
</p>
</nav>
</footer>
<script type="text/javascript" src="/js/menu.js"></script>
<script type="text/javascript" src="/js/tableofcontents.js"></script>
</body>
</html>