297 lines
13 KiB
HTML
Executable File
297 lines
13 KiB
HTML
Executable File
<!DOCTYPE html>
|
||
<html lang="en">
|
||
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<meta name="description" content="">
|
||
<meta name="author" content="">
|
||
|
||
<title>Wikipedia-Community in Köln sucht Platz</title>
|
||
|
||
<!-- Bootstrap core CSS -->
|
||
<link href="css/bootstrap.css" rel="stylesheet">
|
||
|
||
<!-- Add custom CSS here -->
|
||
<link href="css/stylish-portfolio.css" rel="stylesheet">
|
||
<link href="font-awesome/css/font-awesome.min.css" rel="stylesheet">
|
||
|
||
</head>
|
||
|
||
<body>
|
||
|
||
<!-- Side Menu -->
|
||
<a id="menu-toggle" href="#" class="btn btn-primary btn-lg toggle"><i class="fa fa-bars"></i></a>
|
||
<div id="sidebar-wrapper">
|
||
<ul class="sidebar-nav">
|
||
<a id="menu-close" href="#" class="btn btn-default btn-lg pull-right toggle"><i class="fa fa-times"></i></a>
|
||
<li class="sidebar-brand"><a href="/">Space Team Köln</a>
|
||
</li>
|
||
<li><a href="#top">Wir suchen einen Platz</a>
|
||
</li>
|
||
<li><a href="#about">Was?</a>
|
||
</li>
|
||
<li><a href="#services">Was wir vorhaben</a>
|
||
</li>
|
||
<li><a href="#portfolio">Wir sind extrem nett!</a>
|
||
</li>
|
||
<li><a href="#contact">Kontakt</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<!-- /Side Menu -->
|
||
|
||
<!-- Full Page Image Header Area -->
|
||
<div id="top" class="header">
|
||
<div class="vert-text">
|
||
<h1>Wir suchen einen Platz</h1>
|
||
<h3>für die Wikipedia-Community in Köln und Umgebung</h3>
|
||
<a href="#about" class="btn btn-default btn-lg">Was wie warum das denn?</a>
|
||
</div>
|
||
</div>
|
||
<!-- /Full Page Image Header Area -->
|
||
|
||
<!-- Intro -->
|
||
<div id="about" class="intro">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-6 col-md-offset-3 text-center">
|
||
<h2>Wir tun ehrenamtlich viele Dinge, die man nicht allein auf dem Sofa am Notebook tun kann.</h2>
|
||
<p class="lead">Dafür suchen wir im linksrheinischen Köln Räume zur Miete. </p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- /Intro -->
|
||
|
||
<!-- Services -->
|
||
<div id="services" class="services">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-4 col-md-offset-4 text-center">
|
||
<h2>Was wir vorhaben</h2>
|
||
<hr>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-md-2 col-md-offset-2 text-center">
|
||
<div class="service-item">
|
||
<i class="service-icon fa fa-users"></i>
|
||
<h4>Workshops</h4>
|
||
<p>Wir zeigen gerne, wie Wikipedia geht. Ob als Schreib-Marathons, Workshops, Vorträge, oder einfach so, wenn es sich ergibt.</p>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-2 text-center">
|
||
<div class="service-item">
|
||
<i class="service-icon fa fa-camera"></i>
|
||
<h4>Fotostudio</h4>
|
||
<p>Es gibt 1001 Dinge, die noch kein Foto in Wikipedia haben. Unsere Wohnküchen sind zu klein für Lichtzelte, Fotokoffer, Lampen und Reflektoren. </p>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-2 text-center">
|
||
<div class="service-item">
|
||
<i class="service-icon fa fa-comments"></i>
|
||
<h4>Community-Veranstaltungen</h4>
|
||
<p>Wikipedia organisiert Schreib- und Fotowettbewerbe, hat thematische Redaktionen, ein Schiedsgericht, ein Mentorenprogramm und viele andere Dinge, bei denen Ehrenamtliche sich treffen müssen, um Wikipedia voranzubringen.</p>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-2 text-center">
|
||
<div class="service-item">
|
||
<i class="service-icon fa fa-coffee"></i>
|
||
<h4>Gemütlicher Raum</h4>
|
||
<p>Wikipedianerinnen und Wikipedianer geben Interviews, treffen sich mit Menschen aus Kulturinstitutionen, müssen miteinander reden. Ein Sofa, ein Sessel, eine freundlich-kreative Atmosphäre wäre toll. </p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- /Services -->
|
||
|
||
<!-- Callout -->
|
||
<div class="callout">
|
||
<div class="vert-text">
|
||
<h1>Helfen Sie uns!?</h1>
|
||
<h3>80 bis 150 Quadratmeter, gut mit ÖPNV erreichbar, möglichst Erdgeschoss oder mit Aufzug. Linksrheinisch, nicht zu weit draußen. Eher Ehrenfeld als Südstadt, gerne Hinterhof, Atelier, Studio, Eckkneipe, evtl. Ladenlokal oder kleine Halle … (auch gerne in teilweise räumlicher Gemeinschaft mit verwandten Geistern) </h3>
|
||
</div>
|
||
</div>
|
||
<!-- /Callout -->
|
||
|
||
<!-- Portfolio -->
|
||
<div id="portfolio" class="portfolio">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-4 col-md-offset-4 text-center">
|
||
<h2>Wir sind extrem nett.</h2>
|
||
<hr>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
<div class="row">
|
||
<div class="col-md-4 col-md-offset-2 text-center">
|
||
<div class="portfolio-item">
|
||
<a href="#">
|
||
<img class="img-portfolio img-responsive" src="img/portfolio-1.jpg">
|
||
</a>
|
||
<h4>Gesprochene Wikipedia<span>Foto: Elke Wetzig, <a target="_blank" href="http://creativecommons.org/licenses/by-sa/3.0/legalcode">CC-BY-SA 3.0</a></span></h4>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-4 text-center">
|
||
<div class="portfolio-item">
|
||
<a href="#">
|
||
<img class="img-portfolio img-responsive" src="img/portfolio-2.jpg">
|
||
</a>
|
||
<h4>Schreibwettbewerbs-Jury<span>Foto: Elke Wetzig, <a target="_blank" href="http://creativecommons.org/licenses/by-sa/3.0/legalcode">CC-BY-SA 3.0</a></span></h4>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="row">
|
||
<div class="col-md-4 col-md-offset-2 text-center">
|
||
<div class="portfolio-item">
|
||
<a href="#">
|
||
<img class="img-portfolio img-responsive" src="img/portfolio-5.jpg">
|
||
</a>
|
||
<h4>Bibliotheks-Workhop<span>Foto: Davidpar, <a target="_blank" href="http://creativecommons.org/licenses/by-sa/3.0/legalcode">CC-BY-SA 3.0</a></span></h4>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-4 text-center">
|
||
<div class="portfolio-item">
|
||
<a href="#">
|
||
<img class="img-portfolio img-responsive" src="img/portfolio-6.jpg">
|
||
</a>
|
||
<h4>Uni-Workshop<span>Foto: Sage Ross, <a target="_blank" href="http://creativecommons.org/licenses/by-sa/3.0/legalcode">CC-BY-SA 3.0</a></span></h4>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="row">
|
||
<div class="col-md-4 col-md-offset-2 text-center">
|
||
<div class="portfolio-item">
|
||
<a href="#">
|
||
<img class="img-portfolio img-responsive" src="img/portfolio-3.jpg">
|
||
</a>
|
||
<h4>Mediawiki im Chaos-Radio<span>Foto: Elke Wetzig, <a target="_blank" href="http://creativecommons.org/licenses/by-sa/3.0/legalcode">CC-BY-SA 3.0</a></span></h4>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-4 text-center">
|
||
<div class="portfolio-item">
|
||
<a href="#">
|
||
<img class="img-portfolio img-responsive" src="img/portfolio-4.jpg">
|
||
</a>
|
||
<h4>Köln-Workshop<span>Foto: Ziko van Dijk, <a target="_blank" href="http://creativecommons.org/licenses/by-sa/3.0/legalcode">CC-BY-SA 3.0</a></span></h4>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div class="row">
|
||
<div class="col-md-4 col-md-offset-2 text-center">
|
||
<div class="portfolio-item">
|
||
<a href="#">
|
||
<img class="img-portfolio img-responsive" src="img/portfolio-7.jpg">
|
||
</a>
|
||
<h4>Frühstück<span>Foto: Elke Wetzig, <a target="_blank" href="http://creativecommons.org/licenses/by-sa/3.0/legalcode">CC-BY-SA 3.0</a></span></h4>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-4 text-center">
|
||
<div class="portfolio-item">
|
||
<a href="#">
|
||
<img class="img-portfolio img-responsive" src="img/portfolio-8.jpg">
|
||
</a>
|
||
<h4>Ernsthafte Arbeit!<span>Foto: Elke Wetzig, <a target="_blank" href="http://creativecommons.org/licenses/by-sa/3.0/legalcode">CC-BY-SA 3.0</a></span></h4>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
</div>
|
||
</div>
|
||
<!-- /Portfolio -->
|
||
|
||
<!-- Call to Action -->
|
||
<div class="call-to-action" id="contact" >
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-6 col-md-offset-3 text-center">
|
||
<h3>Sie kennen doch mit Sicherheit jemanden, der/die jemanden kennt … </h3>
|
||
<a href="mailto:spaceteamkoeln@wikimedia.de" class="btn btn-lg btn-default">Mail an spaceteamkoeln@wikimedia.de</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- /Call to Action -->
|
||
|
||
<!-- Map -->
|
||
<!--div id="contact" class="map">
|
||
<iframe width="100%" height="100%" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://www.openstreetmap.org/export/embed.html?bbox=6.876239776611328%2C50.92370506448664%2C6.970481872558594%2C50.95583160830687&layer=mapquest" style="border: 1px solid black"></iframe><br/><small>© <a href="http://www.openstreetmap.org/copyright">OpenStreetMap-Mitwirkende</a> | <a href="http://www.openstreetmap.org/#map=16/504/50.9400/6.9271&layers=Q">Größere Karte anzeigen</a></small>
|
||
|
||
|
||
</div-->
|
||
<!-- /Map -->
|
||
|
||
<!-- Footer -->
|
||
<footer>
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-6 col-md-offset-3 text-center">
|
||
<!--ul class="list-inline">
|
||
<li><i class="fa fa-facebook fa-3x"></i>
|
||
</li>
|
||
<li><i class="fa fa-twitter fa-3x"></i>
|
||
</li>
|
||
<li><i class="fa fa-dribbble fa-3x"></i>
|
||
</li>
|
||
</ul-->
|
||
<div class="top-scroll">
|
||
<a href="#top"><i class="fa fa-arrow-up scroll fa-4x"></i></a>
|
||
</div>
|
||
<hr>
|
||
<p><a href="mailto:spaceteamkoeln@wikimedia.de">Space Team Köln 2013, verantwortlich für den Inhalt: Achim Raschka, Raimond Spekking, Elke Wetzig (spaceteamkoeln@wikimedia.de)</a></p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
<!-- /Footer -->
|
||
|
||
<!-- JavaScript -->
|
||
<script src="js/jquery-1.10.2.js"></script>
|
||
<script src="js/bootstrap.js"></script>
|
||
|
||
<!-- Custom JavaScript for the Side Menu and Smooth Scrolling -->
|
||
<script>
|
||
$("#menu-close").click(function(e) {
|
||
e.preventDefault();
|
||
$("#sidebar-wrapper").toggleClass("active");
|
||
});
|
||
</script>
|
||
<script>
|
||
$("#menu-toggle").click(function(e) {
|
||
e.preventDefault();
|
||
$("#sidebar-wrapper").toggleClass("active");
|
||
});
|
||
</script>
|
||
<script>
|
||
$(function() {
|
||
$('a[href*=#]:not([href=#])').click(function() {
|
||
if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') || location.hostname == this.hostname) {
|
||
|
||
var target = $(this.hash);
|
||
target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
|
||
if (target.length) {
|
||
$('html,body').animate({
|
||
scrollTop: target.offset().top
|
||
}, 1000);
|
||
return false;
|
||
}
|
||
}
|
||
});
|
||
});
|
||
</script>
|
||
|
||
</body>
|
||
|
||
</html>
|