freifunk-innsbruck.at/index.html

127 lines
No EOL
4.8 KiB
HTML

<!DOCTYPE html>
<html lang='de'>
<head>
<meta charset='utf-8'>
<meta content='IE=edge,chrome=1' http-equiv='X-UA-Compatible'>
<meta content='width=device-width, initial-scale=1.0' name='viewport'>
<link rel="stylesheet" href="/assets/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<link href='/assets/font-awesome/4.1.0/css/font-awesome.min.css' rel='stylesheet'>
<link href='/img/freifunk.png' rel='icon' type='image/png'>
<link href='/img/freifunk.png' rel='apple-touch-icon' type='image/png'>
<title>Freifunk Innsbruck</title>
<style>
/* line 1, (__TEMPLATE__) */
li {
padding-top: 32px; }
/* line 3, (__TEMPLATE__) */
.fc-event {
text-decoration: none !important; }
/* line 5, (__TEMPLATE__) */
.fc-event .fc-content {
font-size: 16px; }
/* line 7, (__TEMPLATE__) */
.fc-day-grid-event .fc-content {
white-space: normal; }
</style>
<!- Google ->
</head>
<body>
<div class='navbar navbar-default' role='navigation'>
<div class='container'>
<div class='navbar-header'>
<button class='navbar-toggle' data-target='#nav' data-toggle='collapse' type='button'>
<span class='sr-only'>Toggle navigation</span>
<span class='icon-bar'></span>
<span class='icon-bar'></span>
<span class='icon-bar'></span>
</button>
<a class='navbar-brand' href='/'>
<img style="height: 3em" alt="Freifunk Innsbruck" src="img/freifunk-ibk.svg" />
</a>
</div>
<div class='collapse navbar-collapse' id='nav'>
<ul class='nav navbar-nav'>
<li class="active"><a href="/">Start</a></li>
<li><a href="/anleitung">Anleitung</a></li>
<li><a href="/download">Download</a></li>
<li><a href="/kontakt">Kontakt</a></li>
</ul>
<ul class='nav navbar-nav pull-right'>
<!--<li><a href="/kalender">Kalender</a></li>-->
<li><a href="https://map.freifunk-innsbruck.at">Karte</a></li>
</ul>
</div>
</div>
</div>
<div class='container'>
<style>
.videoWrapper {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 25px;
height: 0;
}
.videoWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* body {
background-image: url("/img/photo.jpg");
background-size: cover;
background-repeat: no-repeat;
} */
</style>
<div class='jumbotron text-center'>
<h1>Für ein freies Netz</h1>
<p>Wir bauen ein urbanes Computer-Netzwerk in Innsbruck</p>
<hr>
<div class='row'>
<div class='col-md-4'>
<i class='fa fa-arrow-circle-o-right fa-3x'></i>
<p>Das Netzwerk kann von jedem genutzt werden, ohne Anmeldung. Und das an immer mehr Orten.</p>
</div>
<div class='col-md-4'>
<i class='fa fa-rss fa-3x'></i>
<p>Verbinde dein Gerät einfach per WLAN. Dazu brauchst du keine spezielle Software.</p>
</div>
<div class='col-md-4'>
<i class='fa fa-child fa-3x'></i>
<p>Mach mit bei den Freifunkern und erweitere das Netzwerk mit deinen eigenen Geräten.</p>
</div>
</div>
</div>
<div class='jumbotron text-center'>
<h1>Mitmachen</h1>
<p>Stelle deinen eigenen Knoten auf, verbinde dich ans Freifunk-Netzwerk und richte die Antennen aus!</p>
<hr>
<div class='row'>
<div class='col-md-6'>
<h2>Anleitung</h2>
<p>Lies unsere Anleitung, wie du Schritt für Schritt einen eigenen Freifunk-Knoten aufbauen kannst.</p>
<a class='btn btn-primary' href='/anleitung'>Anleitung</a>
</div>
<div class='col-md-6'>
<h2>Kontakt</h2>
<p>Wir laden dich zu unseren Treffen ein. Komm einfach vorbei und melde dich im Forum an.</p>
<a class='btn btn-primary' href='/kontakt'>Kontakt</a>
</div>
</div>
</div>
<div class='jumbotron text-center'>
<div class='row videoWrapper'>
<iframe allowfullscreen frameborder='0' mozallowfullscreen src='//player.vimeo.com/video/64814620' webkitallowfullscreen></iframe>
</div>
</div>
<p class='pull-right'>
<a href='https://secure.flickr.com/photos/20792787@N00/4016700157'>Photo by jaime.silva</a>
</p>
</div> </body>
</html>