Deprecated: __autoload() is deprecated, use spl_autoload_register() instead in /home/.sites/833/site1141/web/abschlussfeier2016/include/functions.inc.php on line 10

Warning: Declaration of DB::query($q) should be compatible with mysqli::query($query, $resultmode = NULL) in /home/.sites/833/site1141/web/abschlussfeier2016/classes/db.class.php on line 216

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; view has a deprecated constructor in /home/.sites/833/site1141/web/abschlussfeier2016/classes/view.class.php on line 2

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; CachedTemplate has a deprecated constructor in /home/.sites/833/site1141/web/abschlussfeier2016/classes/view.class.php on line 48
<title>Lorem Ipsum - Abschlussfeier 2016</title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<link href="./css/jquery-ui.min.css" rel="stylesheet" type="text/css">
<link href="./css/jquery-ui.structure.min.css" rel="stylesheet" type="text/css">
<link href="./css/fonts.css" rel="stylesheet" type="text/css">
<link href="./css/styles.css" rel="stylesheet" type="text/css">
<link href="./css/header.css" rel="stylesheet" type="text/css">
<link href="./css/footer.css" rel="stylesheet" type="text/css">
<link href="./css/wave.css" rel="stylesheet" type="text/css">
<link href="./css/content.css" rel="stylesheet" type="text/css">
<link href="./css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href="./css/jquery.scrollbar.css" rel="stylesheet" type="text/css">
<link href="./css/swipebox.min.css" rel="stylesheet" type="text/css">

<script type="text/javascript" src="./js/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="./js/jquery-ui.min.js"></script>
<script type="text/javascript" src="./js/jquery.hotkeys.js"></script>
<script type="text/javascript" src="./js/global.js"></script>
<script type="text/javascript" src="./js/jquery.scrollbar.min.js"></script>
<script type="text/javascript" src="./js/jquery.swipebox.min.js"></script>

<!--<script type="text/javascript" src="./js/TweenMax.min.js"></script>-->

<!--<script type="text/javascript" src="./js/ScrollMagic.min.js"></script>-->

<script type="text/javascript" src="./js//TweenMax.min.js"></script>
<script type="text/javascript" src="./js//ScrollMagic.js"></script>
<script type="text/javascript" src="./js/animation.gsap.js"></script>
<script type="text/javascript" src="./js/debug.addIndicators.js"></script>
<script type="text/javascript" src="./js/ScrollToPlugin.min.js"></script>
<script type="text/javascript" src="./js/scroll.js"></script><div class="headerBG"></div>

<div class="header">
	<ul class="navigation">
		<li scrollTo=".blocks .block.block-1" class="link information">Information</li>
		<li scrollTo=".blocks .block.block-2" class="link">Lokation</li>
		<li class="logo"><div class="logoObject"><object type="image/svg+xml" data="images/LoremIpsum.svg"><img src="images/LoremIpsum.png" /></object></div></li>
		<li scrollTo=".blocks .block.block-3" class="link">Lehrzweige</li>
		<li scrollTo=".blocks .block.block-4" class="link">Kontakt</li>
	</ul>
</div>

<div class="approval opened">
	<span>
		Zur Teilnahme	hier klicken!	</span>
</div>

<div class="wave">
	<!--<object type="image/svg+xml" data="images/Wave.svg">--><img src="images/Wave.png" /><!--</object>-->
</div>

<div class="content">
	<div class="intros">
		<!--<div style="margin-top: 50px; font-size: 3em; font-family: LatoLight; text-align: center;">
			<div>Under Construction</div>
			<div style="font-size: 0.75em; text-align: center;">Coming soon!</div>
		</div>-->
		<div class="intro intro-1">
			<div>Scrollen oder per Klick</div>
			<div>zur Navigation springen</div>
			<div class="bounce"><i style="" class="fa fa-angle-double-down fa-2x"></i></div>
		</div>
		<div class="intro intro-2">
			<div>Die Medienfachleute der</div>
			<div>Berufsschule f&uuml;r Chemie, Grafik & gestaltende Berufe</div>
		</div>
		<div class="intro intro-3">
			<div>des 4. Lehrjahres l&auml;dt ein</div>
			<div>zur Abschlussfeier 2016!</div>
		</div>
		<div class="clearfix"></div>
	</div>
	
	<div class="blocks">
		<div class="block block-1">
			<div class="block-title">Information</div>
			<div class="block-content">
				<div><span class="subtitle">Wann?</span> <span>Am 26. J&auml;nner 2016</span></div>
				<div><span class="subtitle">Wo?</span> <span>Im Festsaal der "Berufsschule f&uuml;r Chemie, Grafik & gestaltende Berufe"</span></div>
				<div><span class="subtitle">Was?</span> <span>Die Abschlussfeier der Medienfachleute des 4. Lehrjahres</span></div>
			</div>
		</div>
		<div class="block block-2">
			<div class="block-title">Lokation</div>
			<div class="block-content">
				<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1581.2188816303053!2d16.334534867893076!3d48.201172797515035!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x476d07f12665019b%3A0x70fa599ee2330dd!2sBerufsschule+f%C3%BCr+Chemie%2C+Grafik+und+gestaltende+Berufe!5e0!3m2!1sde!2sat!4v1452768680303" width="300" height="250" frameborder="0" style="border:0" allowfullscreen></iframe>
				<div class="description">
					<div class="subtitle">Berufsschule f&uuml;r Chemie, Grafik & gestaltende Berufe</div>
					<div>H&uuml;tteldorfer Stra&szlig;e 7-17</div>
					<div>1150 Wien</div>
				</div>
			</div>
		</div>
		<div class="block block-3">
			<div class="block-title">Lehrzweige</div>
			<div class="block-content">
				<input type="hidden" id="q_branch" value="" />
				<input type="hidden" id="q_trainee" value="" />
				<div class="logos">
					<img class="mediendesign" branch="mediendesign" src="images/logos/mf_design.png" />
					<img class="marktkommunikation" branch="marktkommunikation" src="images/logos/mf_mk.png" />
					<img class="medientechnik" branch="medientechnik" src="images/logos/mf_technik.png" />
				</div>
				<div class="branches">
											<div branch="mediendesign" class="branch mediendesign">
							<div class="trainees">
																									<div tid="2" class="trainee traineeLN-Koller female">
										<div class="avatar"></div>
										<div class="name">Mona Koller</div>
									</div>
																	<div tid="3" class="trainee traineeLN-Morten male">
										<div class="avatar"></div>
										<div class="name">Johannsen Morten</div>
									</div>
																	<div tid="4" class="trainee traineeLN-Ewald male">
										<div class="avatar"></div>
										<div class="name">Mario Ewald</div>
									</div>
																	<div tid="6" class="trainee traineeLN-Müller male">
										<div class="avatar"></div>
										<div class="name">Camillo Müller</div>
									</div>
																	<div tid="7" class="trainee traineeLN-Kefer male">
										<div class="avatar"></div>
										<div class="name">Patrick Kefer</div>
									</div>
																	<div tid="10" class="trainee traineeLN-Mersich male">
										<div class="avatar"></div>
										<div class="name">Andreas Mersich</div>
									</div>
																	<div tid="13" class="trainee traineeLN-Schravogl female">
										<div class="avatar"></div>
										<div class="name">Denise Schravogl</div>
									</div>
																	<div tid="14" class="trainee traineeLN-Schmid male">
										<div class="avatar"></div>
										<div class="name">Tristan Schmid</div>
									</div>
																	<div tid="15" class="trainee traineeLN-Schachinger female">
										<div class="avatar"></div>
										<div class="name">Jasmin Schachinger</div>
									</div>
																	<div tid="16" class="trainee traineeLN-Becker female">
										<div class="avatar"></div>
										<div class="name">Valentina Becker</div>
									</div>
																	<div tid="17" class="trainee traineeLN-Cakey male">
										<div class="avatar"></div>
										<div class="name">Arua Cakey</div>
									</div>
																	<div tid="18" class="trainee traineeLN-Kienesberger female">
										<div class="avatar"></div>
										<div class="name">Selma Kienesberger</div>
									</div>
																	<div tid="19" class="trainee traineeLN-Sowa female">
										<div class="avatar"></div>
										<div class="name">Alice Sowa</div>
									</div>
																	<div tid="20" class="trainee traineeLN-Lin female">
										<div class="avatar"></div>
										<div class="name">Siu Hong Lin</div>
									</div>
																	<div tid="21" class="trainee traineeLN-Marban female">
										<div class="avatar"></div>
										<div class="name">Corinna Marban</div>
									</div>
																	<div tid="22" class="trainee traineeLN-Straka male">
										<div class="avatar"></div>
										<div class="name">Sven Straka</div>
									</div>
																							</div>
						</div>
											<div branch="medientechnik" class="branch medientechnik">
							<div class="trainees">
																									<div tid="1" class="trainee traineeLN-Polster male">
										<div class="avatar"></div>
										<div class="name">Christian Polster</div>
									</div>
																	<div tid="12" class="trainee traineeLN-Dam male">
										<div class="avatar"></div>
										<div class="name">Kevin Dam</div>
									</div>
																							</div>
						</div>
											<div branch="marktkommunikation" class="branch marktkommunikation">
							<div class="trainees">
																									<div tid="5" class="trainee traineeLN-Schauer male">
										<div class="avatar"></div>
										<div class="name">Lukas Schauer</div>
									</div>
																	<div tid="8" class="trainee traineeLN-Windisch female">
										<div class="avatar"></div>
										<div class="name">Nina Windisch</div>
									</div>
																	<div tid="9" class="trainee traineeLN-Gil Hawrancek male">
										<div class="avatar"></div>
										<div class="name">Matthias Gil Hawrancek</div>
									</div>
																							</div>
						</div>
									</div>
				<div class="traineeDetail">
					
				</div>
			</div>
		</div>
		<div class="block block-5">
			<div class="block-title">Trailer von "Das Verh&ouml;r"</div>
			<div class="block-content">
			<center><iframe width="640" height="360" src="https://www.youtube.com/embed/pcYocBfjxHY?rel=0&amp;showinfo=0" frameborder="0" allowfullscreen></iframe></center>
			</div>
		</div>
		<div class="block block-4">
			<div class="block-title">Kontakt</div>
			<div class="block-content">
				<div class="subtitle">Berufsschule f&uuml;r Chemie, Grafik und gestaltende Berufe</div>
				<div>H&uuml;tteldorferstra&szlig;e 7-17 (Eingang M&auml;rzstra&szlig;e / Zinckgasse)</div>
				<div>1. Stock / Zimmer 120b</div>
				<div>1150 Wien</div>
				<div class="highlight"><i class="fa fa-phone"></i> <a href="tel:0159916 952122">(01) 59916 95212</a></div>
				<div class="highlight"><i clasS="fa fa-fax"></i> 59916 99 95211 *</div>
				<div class="highlight"><i class="fa fa-paper-plane-o"></i> <a href="mailto:bs15huet007v1@m56ssr.wien.at">bs15huet007v1@m56ssr.wien.at</a> *</div>
				<div class="subnote">* bitte immer Empf&auml;nger angeben</div>
			</div>
		</div>
	</div>
</div>

<div class="dialog">
	<form action="approval.php" method="POST">
		<input class="guestid" type="hidden" name="guestid" value="" />
		<input class="checksum" type="hidden" name="checksum" value="" />
		<div class="close">x</div>
		<div><input class="input-desc firstname" name="firstname" type="text" value="Vorname" prefilled="" /></div>
		<div><input class="input-desc lastname" name="lastname" type="text" value="Nachname" prefilled="" /></div>
		<div><input class="submit" type="submit" value="Teilnehmen" /></div>
	</form>
</div>

<div class="footer">
	<ul class="foot">
		<li class="madeit"><img src="images/logos/MadeIt.png" /></li>
		<a target="_blank" href="http://cgg.at"><li class="cgg"><img src="images/logos/CGG.png" /></li></a>
	</ul>
</div><html>
	<head>
			</head>
	<body>
			</body>
</html>