camp-homepage/public/index.html
Christoph Schindlbeck 9d649c6a56 Abstände Bilder
2022-06-14 01:07:20 +02:00

421 lines
19 KiB
HTML

<!DOCTYPE html>
<html class="no-js" lang="de-de">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title> VVoid Camp 2022 </title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="generator" content="Hugo 0.89.2" />
<!-- Fonts -->
<link href="https://fonts.googleapis.com/css?family=Droid+Serif:400i|Source+Sans+Pro:300,400,600,700" rel="stylesheet">
<!-- Stylesheets -->
<link rel="stylesheet" href="https://www.vvoid.camp/css/bootstrap.min.css">
<link rel="stylesheet" href="https://www.vvoid.camp/css/themefisher-fonts.css">
<link rel="stylesheet" href="https://www.vvoid.camp/css/font-awesome.min.css">
<link rel="stylesheet" href="https://www.vvoid.camp/css/owl.carousel.css">
<link rel="stylesheet" href="https://www.vvoid.camp/css/animate.css">
<link rel="stylesheet" href="https://www.vvoid.camp/css/style.css">
<link rel="apple-touch-icon" sizes="180x180" href="/images/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/images/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/images/favicon/favicon-16x16.png">
<link rel="manifest" href="/images/favicon/site.webmanifest">
<link rel="mask-icon" href="/images/favicon/safari-pinned-tab.svg" color="#5bbad5">
<link rel="shortcut icon" href="/images/favicon/favicon.ico">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="msapplication-config" content="/images/favicon/browserconfig.xml">
<meta name="theme-color" content="#ffffff">
</head>
<body id="body">
<div id="preloader">
<div class="book">
<div class="book__page"></div>
<div class="book__page"></div>
<div class="book__page"></div>
</div>
</div>
<div class="container">
<nav class="navbar navbar-fixed-top navigation " id="top-nav">
<a class="navbar-brand float-none float-lg-left" href="https://www.vvoid.camp">
<img src="images/woidcamp_logo01.png" alt="logo">
</a>
<button class="navbar-toggler hidden-lg-up float-lg-right" type="button" data-toggle="collapse" data-target="#navbarResponsive">
<i class="tf-ion-android-menu"></i>
</button>
<div class="collapse navbar-toggleable-md" id="navbarResponsive">
<ul class="nav navbar-nav menu float-lg-right" id="top-nav">
<li class="nav-item active">
<a class="nav-link" href="https://www.vvoid.camp#home">
Home
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://www.vvoid.camp#news">
Aktuelles
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://www.vvoid.camp#about">
About
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://www.vvoid.camp#service">
Info
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://vviki.vvoid.camp" role="button">
VViki
</a>
</li>
<li class="nav-item">
<a class="btn btn-tickets" href="https://tickets.vvoid.camp" role="button">
Tickets
</a>
</li>
</ul>
</div>
</nav>
</div>
<!-- Hero Area Section -->
<section id="home" class="hero-area" style='background-image: url(" images/header-bg-camp4.jpg");'>
<div class="container">
<div class="row mt-3 hidden-md-up"></div>
<div class="row">
<div class="col-lg-7 col-md-6 col-xs-8 push-xs-2 push-md-0">
<div class="block">
<img class="wow fadeInDown" data-wow-delay="0.3s" data-wow-duration=".2s" src="images/VVoidCampSignetWhite.svg" alt="VVoid">
<img class="wow fadeInDown" data-wow-delay="0.3s" data-wow-duration=".2s" src="images/VVoidCampLogoWhite.svg" alt="VVoid Camp">
<p class="wow fadeInDown" data-wow-delay="0.5s" data-wow-duration=".5s" style="text-align:center">
Chaos unterm Sternenhimmel<br>VVe'll be back
</p>
<p class="wow fadeInDown" data-wow-delay="0.5s" data-wow-duration=".5s" style="font-size:25pt;text-align:center">
18.08.2022 - 21.08.2022 im VVoid
</p>
<div class="hidden-sm-down wow fadeInDown" data-wow-delay="0.7s" data-wow-duration=".7s" style="text-align:center">
<a class="btn btn-home" href="#about" role="button">
Mehr Infos
</a>
</div>
</div>
</div>
<div class="col-lg-5 col-md-6 col-xs-10 push-xs-1 push-md-0 wow zoomIn">
<div class="block">
<div class="counter text-center">
<ul id="countdown_dashboard" data-year=" 2022" data-month=" 08" data-day=" 18">
<li>
<div class="dash days_dash">
<div class="digit">0</div>
<div class="digit">0</div>
<div class="digit">0</div>
<span class="dash_title">Days</span>
</div>
</li>
<li>
<div class="dash hours_dash">
<div class="digit">0</div>
<div class="digit">0</div>
<span class="dash_title">Hours</span>
</div>
</li>
<li>
<div class="dash minutes_dash">
<div class="digit">0</div>
<div class="digit">0</div>
<span class="dash_title">Minutes</span>
</div>
</li>
<li>
<div class="dash seconds_dash">
<div class="digit">0</div>
<div class="digit">0</div>
<span class="dash_title">Seconds</span>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- About Section -->
<section id="news" class="section news bg-gray">
<div class="container">
<div class="row">
<div class="col-md-12 col-sm-12 wow fadeInLeft">
<div class="content">
<div class="sub-heading m-b1">
<h3>Aktuelles</h3>
</div>
<p>Haltet Eure Klickfinger bereit, die zweite Runde Tickets gibt's am <b>15.05.2022 ab 20:00 Uhr</b>.</p>
</div>
</div>
</div>
</div>
</section>
<!-- About Section -->
<section id="about" class="section about bg-gray pt-0">
<div class="container">
<div class="row">
<div class="col-md-7 col-sm-12 wow fadeInLeft">
<div class="content">
<div class="sub-heading">
<h3>Habt ihr auch so große Sehnsucht nach tollen Chaos Veranstaltungen wie wir? Nach dem Austausch mit netten Menschen, nach Fachsimpeln, Abhängen und Rumnerden? Nach den tollen Erfahrungen im Sommer 2020 und 2021 können wir euch jetzt verraten: 2022 wird es wieder ein VVoid Camp geben.</h3>
</div>
<p>Lange Gespräche am Lagerfeuer, Hacken im Wald, Siebdrucken, Musikhören unterm Sternenhimmel, Zelten und mehr. Vom 18.08.2022 - 21.08.2022 ist es wieder soweit. </br> Ihr habt ganz richtig gelesen: weil es 2021 so schön war, gibt es auch 2022 wieder vier Tage lang die Gelegenheit, zusammen zu chillen, zu hacken und neue Dinge zu lernen. <br> Gecampt wird wieder im Bayerischen Wald (sprich: VVoid) in der Nähe von Passau. </p>
</div>
</div>
<div class="col-md-5 col-sm-12 wow fadeInLeft" data-wow-delay="0.3s">
<div class="about-slider">
<img src="images/about/vvoid01.jpg" alt="Slider image">
<img src="images/about/vvoid02.jpg" alt="Slider image">
<img src="images/about/vvoid03.jpg" alt="Slider image">
<img src="images/about/vvoid04.jpg" alt="Slider image">
<img src="images/about/vvoid05.jpg" alt="Slider image">
<img src="images/about/vvoid06.jpg" alt="Slider image">
<img src="images/about/vvoid07.jpg" alt="Slider image">
</div>
</div>
</div>
</div>
</section>
<!-- Details Section -->
<section id="" class="section about details bg-gray pt-0">
<div class="container">
<div class="row">
<div class="col-md-5 col-sm-12 wow fadeInLeft">
<div class="about-slider">
<img src="images/about/vvoid11.jpg" alt="Slider image">
<img src="images/about/vvoid12.jpg" alt="Slider image">
<img src="images/about/vvoid13.jpg" alt="Slider image">
<img src="images/about/vvoid14.jpg" alt="Slider image">
<img src="images/about/vvoid15.jpg" alt="Slider image">
<img src="images/about/vvoid16.jpg" alt="Slider image">
</div>
</div>
<div class="col-md-7 col-sm-12 mt-sm-3 wow fadeInLeft">
<div class="col-md-12 col-sm-12 mb-3 wow fadeInLeft" data-wow-delay="0.3s">
<div class="content">
<div class="sub-heading mb-1">
<h3>VVoid Camp barrierefrei</h3>
</div>
<p>Eine Wiese bekommt man nie zu 100% barrierefrei, das liegt einfach in der Natur der Sache. Wenn ihr allerdings soweit geländegängig seid: eine geeignete Toilette ist vorhanden.</p>
</div>
</div>
<div class="col-md-12 col-sm-12 mb-3 wow fadeInLeft" data-wow-delay="0.3s">
<div class="content">
<div class="sub-heading mb-1">
<h3>Mach es zu deinem VVoid Camp</h3>
</div>
<p> Siebdrucken, Löten, Astronomie oder Häkeln - wenn du dein Wissen mit anderen teilen möchtest, kannst du das in Form eines Talks oder Workshops tun. Entsprechende Infos findet ihr im <a href="https://vviki.vvoid.camp/doku.php?id=participation">VViki.</a><br></p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Service Section -->
<section id="service" class="service section">
<div class="container">
<div class="row">
<div class="heading wow fadeInUp">
<h2>Alle Informationen</h2>
<p>auf einen Blick</p>
</div>
<div class="col-sm-6 col-md-6 wow fadeInLeft" data-wow-delay="0s">
<div class="block">
<i class="tf-ion-calendar"></i>
<h3>Datum</h3>
<p>18.08.2022 - 21.08.2022<br>Ticketverkauf am 13.04.2022 20:00 Uhr<br>und 15.05.2022 20:00 Uhr</p>
</div>
</div>
<div class="col-sm-6 col-md-6 wow fadeInLeft" data-wow-delay="0.1s">
<div class="block">
<i class="tf-ion-cash"></i>
<h3>Kosten</h3>
<p>65€, Ewiges Frühstück inklusive, Getränke werden extra abgerechnet.<br>Der Preis ist kostendeckend kalkuliert, mit einem Supporter-Ticket könnt ihr uns zusätzliche Planungssicherheit verschaffen.</p>
</div>
</div>
<div class="col-sm-6 col-md-6 wow fadeInLeft" data-wow-delay="0.2s">
<div class="block">
<i class=" tf-ion-android-globe"></i>
<h3>Location</h3>
<p>Zeltplatz Messerschmidmühle</p>
</div>
</div>
<div class="col-sm-6 col-md-6 wow fadeInLeft" data-wow-delay="0.3s">
<div class="block">
<i class="tf-ion-android-home"></i>
<h3>Unterkunft</h3>
<p>Der Zeltplatz bietet massig Platz für eure eigenen Zelte.</p>
</div>
</div>
<div class="col-sm-6 col-md-6 wow fadeInLeft" data-wow-delay="0.4s">
<div class="block">
<i class="tf-ion-android-restaurant"></i>
<h3>Verpflegung</h3>
<p>Ewiges Frühstück steht den ganzen Tag zur Verfügung, aber auch sonst muss keiner hungern. Vom Weißwurstfrühstück bis zum Chili wird für jeden Geschmack etwas dabei sein.</p>
</div>
</div>
<div class="col-sm-6 col-md-6 wow fadeInLeft" data-wow-delay="0.5s">
<div class="block">
<i class="tf-ion-map"></i>
<h3>Anreise</h3>
<p>von Passau auf der B12 Richtung Freyung, Ausfahrt Kumreut und Richtung Marchetsreut/ Perlesreut rechts abbiegen. In Marchetsreut links halten und nach wenigen hundert Metern geht es links zum Zeltplatz.</p>
</div>
</div>
<div class="col-sm-6 col-md-6 wow fadeInLeft" data-wow-delay="0.6s">
<div class="block">
<i class="tf-ion-network"></i>
<h3>IRC</h3>
<p><a href="irc://irc.hackint.org/vvoid.camp">irc://irc.hackint.org/vvoid.camp</a></p>
</div>
</div>
<div class="col-sm-6 col-md-6 wow fadeInLeft" data-wow-delay="0.7s">
<div class="block">
<i class="tf-ion-social-twitter"></i>
<h3>Twitter</h3>
<p><a href="https://twitter.com/vvoid_camp">https://twitter.com/vvoid_camp</a></p>
</div>
</div>
<div class="col-sm-6 col-md-6 wow fadeInLeft" data-wow-delay="0.8s">
<div class="block">
<i class="tf-ion-clipboard"></i>
<h3>VViki</h3>
<p><a href="https://vviki.vvoid.camp">https://vviki.vvoid.camp</a></p>
</div>
</div>
<div class="col-sm-6 col-md-6 wow fadeInLeft" data-wow-delay="0.9s">
<div class="block">
<i class="tf-ion-android-checkmark-circle"></i>
<h3>FAQ</h3>
<p><a href="https://vviki.vvoid.camp/doku.php?id=faq">https://vviki.vvoid.camp/doku.php?id=faq</a></p>
</div>
</div>
</div>
</div>
</section>
<footer>
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="block">
<p><a href="/impressum.html">Impressum & Datenschutz</a></p>
<p>CD & Logo by <a href="https://nadine-trautzsch.de">Nadine Trautzsch</a> |
<a href="https://twitter.com/_LeoDJ/status/1300172064586858497">Titelbild</a>
</p>
<p>
Theme &copy;
<a href="http://www.Themefisher.com">Themefisher</a> | All right reserved.</p>
</div>
</div>
</div>
</div>
</footer>
<!-- Js -->
<script src="https://www.vvoid.camp/js/vendor/jquery-2.1.1.min.js"></script>
<script src="https://www.vvoid.camp/js/bootstrap.min.js"></script>
<script src="https://www.vvoid.camp/js/vendor/modernizr-2.6.2.min.js"></script>
<script src="https://www.vvoid.camp/js/jquery.lwtCountdown-1.0.js"></script>
<script src="https://www.vvoid.camp/js/owl.carousel.min.js"></script>
<script src="https://www.vvoid.camp/js/jquery.validate.min.js"></script>
<script src="https://www.vvoid.camp/js/jquery.form.js"></script>
<script src="https://www.vvoid.camp/js/jquery.nav.js"></script>
<script src="https://www.vvoid.camp/js/wow.min.js"></script>
<script src="https://www.vvoid.camp/js/main.js"></script>
</body>
</html>