mirror of
https://github.com/Findus23/Maturaball.git
synced 2024-08-27 19:52:14 +02:00
257 lines
10 KiB
HTML
257 lines
10 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="de">
|
||
<head>
|
||
<!-- auf jeder Seite identisch -->
|
||
<meta charset="utf-8">
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||
<meta name="HandheldFriendly" content="True">
|
||
<meta name="MobileOptimized" content="320">
|
||
<meta name="mobile-web-app-capable" content="yes"> <!--Android -->
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
||
<!-- eigene META-Angaben -->
|
||
<title>Ticketreservierung</title>
|
||
<meta name="author" content="Lukas Winkler,Janine Roupec" >
|
||
<meta name="description" content="Sitzplatzreservierung für den Maturaball des Bg Rechte Kremszeile 2014 – Ali Baba und die 40 Maturanten">
|
||
<meta name="language" content="DE">
|
||
<meta name="designer" content="Karin Geishofer,Lukas Winkler">
|
||
<meta property="og:title" content="Sitzplatzreservierung für den Maturaball des Bg Rechte Kremszeile 2014 – Ali Baba und die 40 Maturanten">
|
||
<meta property="og:type" content="website">
|
||
<meta property="og:image" content="http://maturaball.kremszeile.at/images/icons/logo512x512.png"> <!-- quadratisches Bild für Facebook und andere Webseiten -->
|
||
<meta property="og:url" content="http://maturaball.kremszeile.at">
|
||
<meta name="og:latitude" content="48.394809">
|
||
<meta name="og:longitude" content="-122.153013">
|
||
<meta name="og:street-address" content="Am Limes 1">
|
||
<meta name="og:locality" content="Mautern an der Donau">
|
||
<meta name="og:postal-code" content="3512">
|
||
<meta name="og:country-name" content="AT">
|
||
<meta name="og:email" content="maturaball@kremszeile.at">
|
||
<!-- Place favicon.ico and apple-touch-icon(s) here -->
|
||
|
||
<link rel="icon" href="/favicon.ico" type="image/x-icon">
|
||
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />
|
||
<link type="image/x-icon" href="/favicon.ico" />
|
||
<link rel="apple-touch-icon" sizes="57x57" href="images/icons/logo57x57.png"> <!-- iOS 6 iPhone -->
|
||
<link rel="apple-touch-icon" sizes="72x72" href="images/icons/logo72x72.png"> <!-- iOS 6 iPad -->
|
||
<link rel="apple-touch-icon" sizes="76x76" href="images/icons/logo76x76.png"> <!-- iOS 7 iPad -->
|
||
<link rel="apple-touch-icon" sizes="114x114" href="images/icons/logo114x114.png"> <!-- iOS 6 iPhone (retina) -->
|
||
<link rel="apple-touch-icon" sizes="120x120" href="images/icons/logo120x120.png"> <!-- iOS 7 iPhone (retina) -->
|
||
<link rel="icon" sizes="128x128" href="images/icons/logo128x128.png"> <!-- Android klein -->
|
||
<link rel="apple-touch-icon" sizes="144x144" href="images/icons/logo144x144.png"> <!-- iOS 6 iPad (retina) -->
|
||
<link rel="apple-touch-icon" sizes="152x152" href="images/icons/logo152x152.png"> <!-- iOS 7 iPad (retina) -->
|
||
<link rel="icon" sizes="196x196" href="images/icons/logo196x196.png"> <!-- Android groß -->
|
||
|
||
<!-- load inks CSS -->
|
||
<link rel="stylesheet" type="text/css" href="./css/ink-flex.min.css">
|
||
<link rel="stylesheet" type="text/css" href="./css/font-awesome.min.css">
|
||
|
||
<!-- Eigene CSS-Datei -->
|
||
<link rel="stylesheet" type="text/css" href="style.css">
|
||
|
||
<!-- load inks CSS for IE8 -->
|
||
<!--[if lt IE 9 ]>
|
||
<link rel="stylesheet" href="./css/ink-ie.min.css" type="text/css" media="screen" title="no title" charset="utf-8">
|
||
<![endif]-->
|
||
|
||
<!-- test browser flexbox support and load legacy grid if unsupported -->
|
||
<script type="text/javascript" src="./js/modernizr.js"></script>
|
||
<script type="text/javascript">
|
||
Modernizr.load({
|
||
test: Modernizr.flexbox,
|
||
nope : './css/ink-legacy.min.css'
|
||
});
|
||
</script>
|
||
|
||
<!-- load inks javascript files -->
|
||
<script type="text/javascript" src="./js/holder.js"></script>
|
||
<script type="text/javascript" src="./js/ink-all.min.js"></script>
|
||
<script type="text/javascript" src="./js/autoload.js"></script>
|
||
|
||
<!-- Heise-Facebook-buttons -->
|
||
<script type="text/javascript" src="//code.jquery.com/jquery-1.11.0.min.js"></script>
|
||
<script type="text/javascript" src="http://panzi.github.io/SocialSharePrivacy/javascripts/jquery.cookies.js"></script>
|
||
<script type="text/javascript" src="http://panzi.github.io/SocialSharePrivacy/javascripts/jquery.socialshareprivacy.min.autoload.js"></script>
|
||
<script type="text/javascript" src="http://panzi.github.io/SocialSharePrivacy/javascripts/jquery.socialshareprivacy.min.de.js"></script>
|
||
<script type="application/x-social-share-privacy-settings">
|
||
{
|
||
"path_prefix": "http://panzi.github.io/SocialSharePrivacy/",
|
||
"layout": "box","uri":"http://maturaball.kremszeile.at/",
|
||
"language": "de",
|
||
"order": ["fbshare", "facebook", "twitter", "gplus"],
|
||
"title": "Ali Baba und die 40 Maturanten",
|
||
"description": "Der Maturaball des Bg Rechte Kremszeile 2014 in der Römerhalle Mautern",
|
||
"services":{
|
||
"buffer":{
|
||
"status":false
|
||
},
|
||
"delicious":{
|
||
"status":false
|
||
},
|
||
"disqus":{
|
||
"status":false
|
||
},
|
||
"flattr":{
|
||
"status":false
|
||
},
|
||
"hackernews":{
|
||
"status":false
|
||
},
|
||
"stumbleupon":{
|
||
"status":false
|
||
},
|
||
"xing":{
|
||
"status":false
|
||
},
|
||
"reddit":{
|
||
"status":false
|
||
},
|
||
"pinterest":{
|
||
"status":false
|
||
},
|
||
"tumblr":{
|
||
"status":false
|
||
},
|
||
"linkedin":{
|
||
"status":false
|
||
},
|
||
"mail": {
|
||
"status":false
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
<!-- Piwik -->
|
||
<script type="text/javascript">
|
||
var _paq = _paq || [];
|
||
_paq.push(['trackPageView']);
|
||
_paq.push(['enableLinkTracking']);
|
||
(function() {
|
||
var u=(("https:" == document.location.protocol) ? "https" : "http") + "://piwik.kremszeile.at/";
|
||
_paq.push(['setTrackerUrl', u+'piwik.php']);
|
||
_paq.push(['setSiteId', 1]);
|
||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.type='text/javascript';
|
||
g.defer=true; g.async=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
|
||
})();
|
||
</script>
|
||
<noscript><p><img src="http://piwik.kremszeile.at/piwik.php?idsite=1" style="border:0;" alt="" /></p></noscript>
|
||
<!-- End Piwik Code -->
|
||
<script type="text/javascript">
|
||
function preis() {
|
||
anzahl=document.getElementById('anzahl').value;
|
||
document.getElementById('preis').innerHTML=anzahl*5;
|
||
}
|
||
</script>
|
||
|
||
</head>
|
||
|
||
<body onload="preis()">
|
||
<!--[if lte IE 9 ]>
|
||
<div class="ink-alert block error">
|
||
<button class="ink-dismiss">×</button>
|
||
<p>
|
||
<strong>Du verwendest eine stark veralterte Version des Internet Explorers!</strong>
|
||
Bitte <a href="http://browsehappy.com/">aktualisiere deinen Browser</a> für ein besseres Internet-Erlebnis!
|
||
</p>
|
||
</div>
|
||
-->
|
||
|
||
<!-- Seiteninhalt -->
|
||
<div id="top" class="ink-grid">
|
||
<div class="column-group push-center horizontal-gutters">
|
||
<div class="all-20 tiny-50 small-50 tiny-order-2 small-order-2">
|
||
<img src="images/CLUB_Logo.jpg" alt="CLub Rechte Kremszeile">
|
||
</div>
|
||
<div id="logo" class="all-65 tiny-100 small-100 tiny-order-1 small-order-1">
|
||
<img src="images/Schrift2.png" alt="Logo">
|
||
</div>
|
||
<div class="all-15 tiny-50 small-50 tiny-order-3 small-order-3">
|
||
<a href="http://www.bg-kremszeile.ac.at/"><img src="images/Schullogo.png" alt="BG Rechte Kremszeile Logo"></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div id="navigation">
|
||
<nav class="ink-navigation ink-grid">
|
||
<ul class="menu horizontal black push-center">
|
||
<li><a href="./">Home</a></li>
|
||
<li><a href="news.html">News</a></li>
|
||
<li class="heading"><a href="formular.html">Sitzplatzreservierung</a></li>
|
||
<li><a href="sponsoren.html">Sponsoren</a></li>
|
||
<li><a href="impressum.html">Impressum</a></li>
|
||
</ul>
|
||
</nav>
|
||
</div>
|
||
<div class="ink-grid" id="wrapper">
|
||
<div id="page" class="column-group">
|
||
<div class="all-20 tiny-100 small-100 medium-100 order-2 xlarge-order-1 large-order-1" id="sidebar-links">
|
||
<a href="https://www.facebook.com/maturaball.kremszeile" target="_blank"><img alt="Finde uns auf Facebook!" title="Finde uns auf Facebook!" src="images/FB_FindUsOnFacebook-320.png" /></a>
|
||
<div data-social-share-privacy='true'></div>
|
||
</div>
|
||
<div id="main" class="all-80 tiny-100 small-100 medium-100 order-1 xlarge-order-2 large-order-2">
|
||
<form class="ink-form" method="post" action="sitzplatz/formular_absenden.php">
|
||
<div class="control-group required">
|
||
<label for="vorname">Vorname</label>
|
||
<div class="control">
|
||
<input id="vorname" name="vorname" type="text" placeholder="Vorname" maxlength="15" autofocus required >
|
||
</div>
|
||
</div>
|
||
<div class="control-group required">
|
||
<label for="nachname">Nachname</label>
|
||
<div class="control">
|
||
<input id="nachname" name="nachname" type="text" placeholder="Nachname" maxlength="15" required >
|
||
</div>
|
||
</div>
|
||
<div class="control-group required">
|
||
<label for="telefon">Telefonnummer</label>
|
||
<div class="control prepend-symbol">
|
||
<span>
|
||
<input id="telefon" name="telefon" type="tel" placeholder="02732/123456" maxlength="20" required>
|
||
<i class="fa fa-phone"></i>
|
||
</span>
|
||
</div>
|
||
</div>
|
||
<div class="control-group">
|
||
<label for="email">E-Mail Adresse</label>
|
||
<div class="control prepend-symbol">
|
||
<span>
|
||
<input id="email" name="email" type="email" placeholder="mail@example.com" maxlength="25">
|
||
<i class="fa fa-envelope-o"></i>
|
||
</span>
|
||
</div>
|
||
</div>
|
||
<div class="column-group gutters">
|
||
<div class="all-20 small-100 tiny-100 medium-100">
|
||
<label for="anzahl">Sitzplätze</label>
|
||
</div>
|
||
<div class="control-group all-40 small-100 tiny-100 medium-50">
|
||
<div class="control prepend-symbol">
|
||
<span>
|
||
<input id="anzahl" name="anzahl" type="number" max="25" min="1" value="1" required onchange="preis()" onkeypress="preis()" onpaste="preis()" oncut="()" onkeyup="preis()">
|
||
<i class="fa fa-ticket"></i>
|
||
</span>
|
||
</div>
|
||
</div>
|
||
<div class="control-group all-40 small-100 tiny-100 medium-50">
|
||
<p class="push-middle">à 5€ = <span id="preis" class="fw-500">0</span>€</p>
|
||
</div>
|
||
</div>
|
||
<div class="control-group">
|
||
<label for="anmerkung">Anmerkung</label>
|
||
<div class="control prepend-symbol">
|
||
<span>
|
||
<textarea id="anmerkung" name="anmerkung" maxlength="500" placeholder="maximal 500 Zeichen"></textarea>
|
||
<i class="fa fa-pencil-square-o"></i>
|
||
</span>
|
||
</div>
|
||
</div>
|
||
<input type="submit" class="ink-button" style="box-shadow: none!important;-moz-box-shadow: none!important; -webkit-box-shadow: none!important;border: none!important;">
|
||
</form>
|
||
</div>
|
||
</div>
|
||
<div id="footer">
|
||
<footer>
|
||
Kontakt und Sitzplatzreservierung: <a href="mailto:maturaball@kremszeile.at">maturaball@kremszeile.at</a>
|
||
</footer>
|
||
</div>
|
||
</div>
|
||
</body>
|
||
</html>
|