forked from mozilla/mozilla-ignite
/
project.html
206 lines (177 loc) · 9.3 KB
/
project.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
<!DOCTYPE html>
<html>
<head>
<title>Contacts : Identity : Topics : Mozilla Innovation</title>
<meta name="viewport" content="initial-scale=1.0; maximum-scale=1.0; width=device-width;">
<link rel="stylesheet/less" href="css/css-master.less" type="text/css" media="screen">
<!-- <link rel="icon" type="image/x-icon" href="favicon.png"> -->
<script src="js/jquery-1.6.1.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/less-1.1.0.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/functions.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<div id="grid"></div>
<div id="wrapper" class="clearfix">
<header id="universalHeader" class="clearfix">
<div id="icon" class="c2">
<a href="index.html"><img class="block" src="i/logo.png" alt="mozilla innovation"></a>
</div>
<nav id="topNav" class="c4">
<ul class="clearfix">
<li class="mainItem">
<a class="topic dropdown" href="projects.html">What We Do</a>
<ul class="dropdown">
<li><a class="topic" href="projects.html">projects</a></li>
<li><a class="topic" href="programs.html">programs</a></li>
</ul>
</li>
<li class="mainItem">
<a class="event" href="events.html">Events</a>
</li>
<li class="mainItem">
<a class="people" href="people.html">People</a>
</li>
<li class="mainItem"><a class="about" href="aboutMain.html">About</a></li>
<li class="mainItem"><a class="login" href="signedin.html">Sign In</a></li>
</ul>
</nav>
</header>
<hr>
<nav id="secondaryMenu" class="clearfix">
<ul id="breadcrumbs" class="c6 clearfix">
<li class="crumb"><a href="index.html">Innovation Home</a></li>
<li class="crumb"><a href="projects.html">Projects</a></li>
<li class="crumb"><a href="topic.html">Identity</a></li>
<li>Contacts</li>
</ul>
</nav>
<hr>
<section id="title" class="clearfix">
<div class="c6">
<h1 class="light noMargin">Contacts</h1>
</div>
</section>
<section id="subNav" class="w1 clearfix">
<ul class="c1">
<img class="block" src="http://placehold.it/140x140/eee/ccc">
<li class="selected"><a class="brandColor" href="project.html">Info</a></li>
<li><a href="blog.html">Blog</a></li>
</ul>
<div class="c1 related">
<a class="button sans"><img src="i/download.png"> Download</a>
<a class="button sans"><img src="i/fork.png"> Fork me!</a>
<li class="icon github"><a class="brandColor" href="#">Contacts on Github</a></li>
<li class="icon flickr"><a class="brandColor" href="#">Contacts on Flickr</a></li>
</div>
</section>
<section id="projectContent" class="w3 clearfix">
<div class="content c3 serif clearfix">
<h3 class="sans">A h3 header</h3>
<p class="large">Mozilla is a major force in the development of the Web's fundamental technologies.</p>
<p>But major additions or changes require significant research and experimentation before they can be brought to fruition. We're deeply invested in and commited to the Web and therefore willing to take on long-term research projects, even on a speculative basis.</p>
<p>As programming languages and protocols are some of the universal building blocks of the web, we have projects focused on improving existing languages like <a href="#">Javascript</a>, as well as design work focused on brand new <a href="#">languages</a>.</p>
<blockquote>
This is a block quote vestibulum sed ante ac tellus consequat molestie non id purus. Vivamus sit amet eros tortor. Aliquam sit amet ultrices lacus. Praesent condimentum elit sit amet nunc vehicula et tempor mi eleifend.
</blockquote>
<p>Similarly, we have undertaken work on <a href="#">video</a> with the aim of giving authors the same generative capabilities to manipulate and reuse it as they can text and images.</p>
<h4 class="sans">An h4 header</h4>
<ul>
<li><span>This is an unordered list</span></li>
<li><span>This is just an example</span></li>
</ul>
<ol>
<li><span>This is an ordered list</span></li>
<li><span>item 2</span></li>
<li><span>item 3</span></li>
<li><span>item 4</span></li>
</ol>
<p>This is the last paragraph donec placerat metus ultricies massa sagittis commodo. Nulla facilisi. Sed vitae lacus sed justo aliquam vehicula. Cras porta magna a diam ullamcorper eget dignissim turpis interdum. In sagittis pulvinar odio, eget dictum mauris dignissim vel. Proin ut mauris non sem posuere semper commodo a tortor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia.</p>
</div>
<hr>
<div class="people clearfix">
<div class="c1">
<h2 class="light">Contacts Team</h2>
</div>
<ul class="peopleList clearfix c3">
<li><a href="#"><img src="http://placehold.it/32x32/eee/ccc"></a></li>
<li><a href="#"><img src="http://placehold.it/32x32/eee/ccc"></a></li>
<li><a href="#"><img src="http://placehold.it/32x32/eee/ccc"></a></li>
<li><a href="#"><img src="http://placehold.it/32x32/eee/ccc"></a></li>
</ul>
</div>
<hr>
<div class="relatedProjects clearfix">
<div class="c1">
<h2 class="light">Related Projects</h2>
</div>
<ul class="peopleList clearfix c3">
<li><a href="#"><img src="http://placehold.it/32x32/eee/ccc"></a></li>
<li><a href="#"><img src="http://placehold.it/32x32/eee/ccc"></a></li>
<li><a href="#"><img src="http://placehold.it/32x32/eee/ccc"></a></li>
</ul>
</div>
</section>
</div>
<section id="about" class="clearfix">
<div id="wrapper">
<div class="c1">
<img class="block" src="http://placehold.it/140x63/fff/ccc">
</div>
<div class="c2">
<p><strong>Mozilla Innovation</strong> embraces the spirit of open innovation and experimentation on the web. Curious? Find out <a class="brandColor" href="#">more about us →</a></p>
</div>
<div class="c1"></div>
<div class="c2 actions">
<p>follow us or <a class="brandColor" href="#">sign up</a> for an account</p>
<ul>
<li class="icon twitter"><a href="#">twitter</a></li>
<li class="icon facebook"><a href="#">facebook</a></li>
</ul>
</div>
</div>
</section>
<footer class="clearfix">
<div id="wrapper">
<div class="c2">
<strong>Mozilla Innovation 2011</strong>
</div>
<div class="c1">
<strong>Info</strong>
<ul>
<li><a href="#">contact us</a></li>
<li><a href="#">sign up</a></li>
<li><a href="#">about us</a></li>
<li><a href="#">privacy policy</a></li>
</ul>
</div>
<div class="c1">
<strong>Topics</strong>
<ul>
<li><a href="#">all topics</a></li>
<li><a href="#">identity</a></li>
<li><a href="#">social</a></li>
<li><a href="#">user mediated data</a></li>
<li><a href="#">personalization</a></li>
<li><a href="#">contextual integrity</a></li>
<li><a href="#">read-write ability</a></li>
</ul>
</div>
<div class="c1">
<strong>Events</strong>
<ul>
<li><a href="#">events home</a></li>
<li><a href="#">education</a></li>
<li><a href="#">calendar</a></li>
</ul>
</div>
<div class="c1">
<strong>People</strong>
<ul>
<li><a href="#">all members</a></li>
<li><a href="#">staff</a></li>
</ul>
</div>
</div>
</footer>
</body>
</html>