-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
109 lines (98 loc) · 6.02 KB
/
Copy pathindex.html
File metadata and controls
109 lines (98 loc) · 6.02 KB
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
<!DOCTYPE html><!--[if lt IE 7]>
<html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--><!--[if IE 7]>
<html class="no-js lt-ie9 lt-ie8"> <![endif]--><!--[if IE 8]>
<html class="no-js lt-ie9"> <![endif]--><!--[if gt IE 8]><!-->
<html class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>BarCamp RheinMain | Dieburg 23./24.11.2013 </title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="vendor/h5bp/normalize.css">
<link rel="stylesheet" href="vendor/h5bp/main.css">
<link rel="stylesheet" href="css/styles.css">
<script src="vendor/modernizr/modernizr-2.6.2-with-respond.min.js"></script>
</head>
<body>
<!--[if lt IE 8]><p class="chromeframe">You are using an <strong>outdated</strong> browser. Please
<a href="http://browsehappy.com/">upgrade your browser</a> or
<a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your
experience.</p><![endif]-->
<div class="wrapper">
<header>
<hr>
<h1 id="logo">
<a href="/"><img src="img/barcamp_logo.png" alt="BarCamp"><span class="region">RheinMain</span><span class="location-date">Dieburg 23./24.11.2013</span></a>
</h1>
<nav class="event">
<a href="#">Das BarCamp</a> <a href="#">Teilnahme</a> <a href="#">Sessions</a> <a href="#">Location</a>
<a href="#">Medien</a>
</nav>
<hr>
<nav class="main">
<a href="#">Blog</a> <a href="#" class="active">BarCamps</a> <a href="#">Sponsoring</a>
<a href="#">Kontakt</a> <a href="#">Impressum</a>
</nav>
<hr>
</header>
<div class="main">
<nav>
<a href="#" class="active">Was ist das?</a> <a href="#">Wer macht das?</a> <a href="#">Wer bezahlt´s?</a>
<a href="#">Historie</a>
</nav>
<article>
<h1>Was ist denn ein BarCamp?</h1>
<p>Ein BarCamp ist eine andere Form von Konferenz.<br> Im Gegensatz zu den gewöhnlichen Fachkonferenzen
erfolgt der Wissensaustausch bei BarCamps unentgeltlich und gegenseitig. Das heißt, es gibt keine
designierten Sprecher, die Beiträge werden allesamt von den Besuchern gestaltet und auch gehalten. Auch
eine Themenvorgabe wird bewusst vermieden, fachfremde Teilnehmer und Vorträge sind sogar erwünscht. Die
Organisatoren stellen lediglich Termin und Räumlichkeiten zur Verfügung, um alles andere kümmern sich
die Teilnehmer selbst.</p>
<div class="textteaser">
<p>Das nächste <strong>BarCamp RheinMain findet 23./24.11.2013 auf dem Campus der Hochschule
Dieburg</strong> statt. Weitere Informationen und die Anmeldung findet Ihr bald hier.</p>
</div>
<p>Auch eine Themenvorgabe wird bewusst vermieden, fachfremde Teilnehmer und Vorträge sind sogar erwünscht.
Die Organisatoren stellen lediglich Termin und Räumlichkeiten zur Verfügung, um alles andere kümmern
sich die Teilnehmer selbst.</p>
<form method="post" action="/" class="form-infomail">
<fieldset class="input-with-button">
<label for="email">E-Mail</label>
<input type="email" required placeholder="Schickt mir ne Mail, wenn sich was tut." tabindex="1" size="20" value="" id="email" name="email">
<button type="submit" tabindex="100" class="button" name="submit"><span>Absenden</span><span class="arrow"></span></button>
</fieldset>
<fieldset>
<label class="checkbox">
<input type="checkbox" tabindex="20" value="1" id="newsletter" name="newsletter">
<span></span>
Informiert mich auch über zukünftige BarCamps
</label>
</fieldset>
</form>
</article>
</div>
</div>
<footer>
<div class="inner-wrap">
<article id="sponsors">
<h2>Das BarCamp RheinMain wird unterstützt durch:</h2>
<a href="http://www.designerdock.de/"><img alt="DESIGNERDOCK – Personalvermittlung – Design, Digital, Werbung, Kommunikation, IT, Marketing" src="img/sponsors/designerdock.png"></a>
<a href="http://www.etecture.de/"><img alt="etecture – digital architects" src="img/sponsors/etecture.png"></a>
<a href="http://www.jack-wolfskin.com/"><img alt="Jack Wolfskin – At Home Outdoors" src="img/sponsors/jackwolfskin.png"></a>
<a href="http://www.lindenkaffee.com/"><img alt="LindenKaffee – Service erleben und genießen." src="img/sponsors/lindenkaffee.png"></a>
<a href="http://www.netz98.de/"><img alt="netz98 – new media gmbh" src="img/sponsors/netz98.png"></a>
<a href="http://www.nidag.de/"><img alt="NIDAG – Internet-Dienstleister für E-Commerce, Mobile und Enterprise 2.0" src="img/sponsors/nidag.png"></a>
<a href="http://pixoona.com/"><img alt="pixoona.com – Share Moments, not Photos" src="img/sponsors/pixoona.png"></a>
<a href="https://www.simyo.de/"><img alt="simyo – Weil einfach einfach einfach ist." src="img/sponsors/simyo.png"></a>
<a href="http://www.teamworkpm.net/"><img alt="Teamwork PM – Online Project Management Software, simple task manager" src="img/sponsors/teamworkpm.png"></a>
<a href="http://www.tcilaw.de/"><img alt="TCI Rechtsanwälte" src="img/sponsors/tci.png"></a>
<a href="http://www.zalando.de/"><img alt="Zalando – Schuhe & Mode online kaufen" src="img/sponsors/zalando.png"></a>
</article>
</div>
</footer>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script src="vendor/h5bp/console.js"></script>
<script src="js/main.js"></script>
</body>
</html>