forked from profemo/labpage
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
198 lines (190 loc) · 7.53 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
<!DOCTYPE HTML>
<!--
Ion by TEMPLATED
templated.co @templatedco
Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
-->
<html>
<head>
<title>OK Lab Potsdam</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="OK Lab Potsdam" />
<meta name="keywords" content="Open Data" />
<!--[if lte IE 8]><script src="js/html5shiv.js"></script><![endif]-->
<script src="js/jquery.min.js"></script>
<script src="js/skel.min.js"></script>
<script src="js/skel-layers.min.js"></script>
<script src="js/init.js"></script>
<noscript>
<link rel="stylesheet" href="css/skel.css" />
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/style-xlarge.css" />
</noscript>
</head>
<body id="top">
<!-- Header -->
<header id="header" class="skel-layers-fixed">
<h1><a href="#">OK Lab</a></h1>
<nav id="nav">
<ul>
<li><a href="index.html">Lab</a></li>
<li><a href="left-sidebar.html">Ziel</a></li>
<li><a href="right-sidebar.html">Projekte</a></li>
<li><a href="no-sidebar.html">Kontakt</a></li>
<li><a href="#" class="button special">mitmachen</a></li>
</ul>
</nav>
</header>
<!-- Banner -->
<section id="banner">
<div class="inner">
<h2>OK Lab Potsdam</h2>
<p>Der Open Data Treff <!--<a href="http://templated.co">TEMPLATED</a>#</p> -->
<ul class="actions">
<li><a href="meetup.com/OK-Lab-Potsdam/" class="button big special">Mitmachen</a></li>
<li><a href="right-sidebar.html" class="button big alt">Projekte</a></li>
</ul>
</div>
</section>
<!-- One -->
<section id="one" class="wrapper style1">
<header class="major">
<h2>Das OK Lab</h2>
<p>Zusammen Daten öffnen und nutzen</p>
</header>
<div class="container">
<div class="row">
<div class="4u">
<section class="special box">
<i class="icon fa-area-chart major"></i>
<h3>Das Lab</h3>
<p>Wir Treffen uns jeden 2. Dienstag um gemeinsam an offenen Daten zu arbeiten.</p>
</section>
</div>
<div class="4u">
<section class="special box">
<i class="icon fa-refresh major"></i>
<h3>Mitglieder</h3>
<p>Jeder kann mitmachen!</p>
</section>
</div>
<div class="4u">
<section class="special box">
<i class="icon fa-cog major"></i>
<h3>Ziel</h3>
<p>Wir glauben das mit den richtigen Informationen Probleme schneller gelöst werden können und bessere Entscheidungen getroffen.</p>
</section>
</div>
</div>
</div>
</section>
<!-- Two -->
<section id="two" class="wrapper style2">
<header class="major">
<h2>Projekte</h2>
<p>Aktuelle und abgeschlossene Projekte</p>
</header>
<div class="container">
<div class="row">
<div class="6u">
<section class="special">
<a href="#" class="image fit"><img src="images/pic01.jpg" alt="" /></a>
<h3>Kitarechner</h3>
<p>Mit dem Kitarechner kann jeder schnell sehen wieviel Kitagebühren er pro Kind bei einer Hort-, Kita-, oder Krippenbetreuung bezahlen muss. Die Tabelle der Stadt wurde dafür ansprechend aufbereitet. Danke an Benni für die Umsetzung</p>
<ul class="actions">
<li><a href="kitarechner.oklab-potsdam.de" class="button alt">Kitarechner</a></li>
</ul>
</section>
</div>
<div class="6u">
<section class="special">
<a href="#" class="image fit"><img src="images/pic02.jpg" alt="" /></a>
<h3>Potsdamer Leitungswasser</h3>
<p>Leitungswasser gehört zu den am strengsten kontrollierten Lebensmitteln in Deutschland. Welche Mineralien und Stoffe es enthält wird von den Wasserwerken regelmäßig veröffentlicht. Im Kontext mit weiteren Informationen stellen wir die Informationen des Potsdamer Trinkwassers bereit. Danke an das OpendataLab in Heilbronn für die Vorlage und Florian für die Umsetzung.</p>
<ul class="actions">
<li><a href="trinkwasser.oklab-potsdam.de" class="button alt">Trinkwasserviz</a></li>
</ul>
</section>
</div>
</div>
</div>
</section>
<!-- Three -->
<section id="three" class="wrapper style1">
<div class="container">
<div class="row">
<div class="8u">
<section>
<h2>Mitmachen</h2>
<a href="#" class="image fit"><img src="images/pic03.jpg" alt="" /></a>
<p>Vis accumsan feugiat adipiscing nisl amet Ihr interessiert euch für offene Daten? Ihr wollt Potsdam und Brandenburg mit digitalen Mitteln verändern? Kommt vorbei und entwickelt eure Ideen mit uns, lernt neue Dinge und verbessert die Welt!
Wir Treffen uns jeden 2. Dienstag im <a href="http://kuze-potsdam.de" >KuZe </a> Seminarraum. </p>
<!-- </section>
</div>
<div class="4u">
<section>
<h3>Magna massa blandit</h3> -->
<p>Aktuelle Informationen zu unseren nächsten Treffen findet ihr auf meetup</p>
<ul class="actions">
<li><a href="meetup.com/de-DE/OK-Lab-Potsdam/" class="button alt">meetup</a></li>
</ul>
</section>
<hr />
<!-- <section>
#<h3>Ante sed commodo</h3>
#<ul class="alt">
#<li><a href="#">Erat blandit risus vis adipiscing</a></li>
#<li><a href="#">Tempus ultricies faucibus amet</a></li>
#<li><a href="#">Arcu commodo non adipiscing quis</a></li>
#<li><a href="#">Accumsan vis lacinia semper</a></li>
</ul>
</section> -->
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer id="footer">
<div class="container">
<div class="row double">
<div class="6u">
<div class="row collapse-at-2">
<div class="6u">
<h3>Links</h3>
<ul class="alt">
<li><a href="codefor.de/potsdam">Codefor.de/potsdam</a></li>
<li><a href="potsdam.io">Potsdamer Open Data Barcamp potsdam.io</a></li>
<li><a href="http://www.quintact.de/">Sponsor Quintact</a></li>
<li><a href="okfn.de">Open Knowledge Foundation Deutschland</a></li>
</ul>
</div>
<!-- <div class="6u">
<h3>Faucibus</h3>
<ul class="alt">
<li><a href="#">Nascetur nunc varius</a></li>
<li><a href="#">Vis faucibus sed tempor</a></li>
<li><a href="#">Massa amet lobortis vel</a></li>
<li><a href="#">Nascetur nunc varius</a></li>
</ul>
</div>
</div>
</div> -->
<div class="6u">
<h2>Kontaktdaten</h2>
<p>Bei Fragen, Anregungen oder Ideen schreibt uns eine Mail oder per twitter!</p>
<ul class="icons">
<li><a href="twitter.com/oklabpdm" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="https://github.com/open-data-potsdam" class="icon fa-github"><span class="label">gitHub</span></a></li>
<li><a href="meetup.com/de-DE/OK-Lab-Potsdam/" class="icon fa-instagram"><span class="label">meetup</span></a></li>
</ul>
</div>
</div>
<ul class="copyright">
<li>© CC0. No rights reserved.</li>
<li>Design: <a href="http://templated.co">TEMPLATED</a></li>
<li>Images: <a href="commons.wikimedia.org">wikimedia commons</a></li>
</ul>
</div>
</footer>
</body>
</html>