<!doctype html>
<?php
error_reporting(E_ALL);
ini_set('display_errors', 1);
include './app/php/conn.php';
$fetchConf = $GLOBALS['MYSQLI']->query('SELECT * FROM conf1') or trigger_error($GLOBALS['MYSQLI']->error);
while ($row = $fetchConf->fetch_array()) {
    $GLOBALS[$row["name"]] = $row['val'];
}
?>
<html lang="de">
    <head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="keywords" content="Vienna Airport Transfers" />
	<meta name="description" content="Kontakt | Vienna Airport Transfers" />
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
	<title>Kontakt | Vienna Airport Transfers</title>

	<!-- Favicon -->
	<link rel="shortcut icon" href="images/favicon.ico" />

	<!-- bootstrap -->
	<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />

	<!-- flaticon -->
	<link rel="stylesheet" type="text/css" href="css/flaticon.css" />

	<!-- mega menu -->
	<link rel="stylesheet" type="text/css" href="css/mega-menu/mega_menu.css" />

	<!-- mega menu -->
	<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css" />

	<!-- owl-carousel -->
	<link rel="stylesheet" type="text/css" href="css/owl-carousel/owl.carousel.css" />

	<!-- revolution -->
	<link rel="stylesheet" type="text/css" href="revolution/css/settings.css">

	<!-- animate -->
	<link rel="stylesheet" type="text/css" href="css/animate.min.css">
	<link rel=stylesheet type="text/css" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/eggplant/jquery-ui.css"/>
	<!--<link href="libs/font-awesome.min.css" rel="stylesheet" type="text/css"/>-->
	<link href="libs/swal/sweetalert.css" rel="stylesheet" type="text/css"/>


	<!-- main style -->
	<link rel="stylesheet" type="text/css" href="css/style.css" />

	<!-- responsive -->
	<link rel="stylesheet" type="text/css" href="css/responsive.css" />

	<!-- Style customizer -->
	<!--<link rel="stylesheet" href="#" data-style="styles" />-->
	<link rel="stylesheet" type="text/css" href="css/skins/skin-palatinate-blue.css" />
	<link rel="stylesheet" type="text/css" href="css/style-customizer.css" />



    </head>

    <body>


	<!--=================================
	  loading -->

	<div id="loading">
	    <div id="loading-center">
		<img style="width:64px;height:64px;" src="images/loader4.gif" alt="">
	    </div>
	</div>

	<!--=================================
	  loading -->

	<!--=================================
	 header -->

	<header id="header" class="defualt">
	    <?php include 'topbar.php'; ?>


	    <!--=================================
	     mega menu -->

	    <div class="menu">
		<!-- menu start -->
		<nav id="menu" class="mega-menu">
		    <!-- menu list items container -->
		    <section class="menu-list-items">
			<div class="container">
			    <div class="row">
				<div class="col-md-12">
				    <!-- menu logo -->
				    <ul class="menu-logo">
					<li>
					    <a href="index.php"><img id="logo_img" src="images/logo_skin-default.png" alt="Airprotdriver"> </a>
					</li>
				    </ul>
				    <!-- menu links -->
				    <ul class="menu-links">
					<!-- active class -->
					<li><a href="index.php"> Home </a></li>
					<li><a href="zum-flughafen.php">Taxi zum Flughafen</a></li>
					<li><a href="vom-flughafen.php">Taxi vom Flughafen</a></li>
					<li><a href="preis.php">Preis</a></li>
					<li class="active"><a href="kontakt.php">Kontakt</a></li>
					<!--					<li><a href="zum-flughafen.php">Taxi zum Flughafen</a></li>
										<li><a href="vom-flughafen.php">Taxi vom Flughafen</a></li>
										<li><a href="preis.php">Preis</a></li>
										<li><a href="kontakt.php">Kontakt</a></li>-->
				    </ul>
				</div>
			    </div>
			</div>
		    </section>
		</nav>
		<!-- menu end -->
	    </div>
	</header>

	<!--=================================
	 header -->



	<!--=================================
	 banner -->

	<section class="inner-intro bg-1 bg-overlay-black-70">
	    <div class="container">
		<div class="row text-center intro-title">
		    <div class="col-md-12 text-center d-inline-block">
			<h1 class="text-white">Kontakt </h1>
		    </div>

		</div>
	    </div>
	</section>

	<!--=================================
	 banner -->

	<!--=================================
	 section -->

	<section class="page-section-ptb gray-bg">
	    <div class="container">
		<div class="row">
		    <div class="col-lg-7 col-md-7">


			<h2 style="margin-bottom: 20px;">Kontakt formular</h2>


			<form id="formreset" class="form-options formzum">
			    <div class="row">
				<div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
				    <div class="form-group">
					<label for="salutation">Anrede </label>
					<div class="form-group tg-select">
					    <select id="salutation" name="salutation" class="form-control">
						<option value="Herr" selected>Herr</option>
						<option value="Frau">Frau</option>
					    </select>
					</div>
				    </div>
				</div>
				<div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
				    <div id="shake-name" class="form-group">
					<label for="name">Vorname </label>
					<input type="text" class="form-control" id="name"  style="width:100%;">
				    </div>
				</div>
				<div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
				    <div id="shake-surname" class="form-group">
					<label for="surname">Nachname </label>
					<input type="text" class="form-control" id="surname"  style="width:100%;">
				    </div>
				</div>
			    </div>

			    <div class="row">
				<div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
				    <div id="shake-phone" class="form-group">
					<label for="phone">Telefonnummer </label>
					<input type="tel" class="form-control" id="phone"  style="width:100%;">
				    </div>
				</div>
				<div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
				    <div id="shake-email" class="form-group">
					<label for="email">E-Mail Adresse </label>
					<input type="email" class="form-control" id="email"  style="width:100%;">
				    </div>
				</div>
			    </div>

			    <div class="row">

				<div class="form-group col-lg-12 col-md-12 col-xs-12 col-sm-12 nopadding">
				    <label for="note">Nachricht </label>
				    <textarea id="note" class="form-control" rows="3"></textarea>
				</div>
			    </div>
			    <div class="row">
				<div class="form-group col-lg-12 col-md-12 col-xs-12 col-sm-12 nopadding">
				    <!--<a class="btn main-bg btn-block btn-lg border5px" onclick="$().validate();"><i class="fa fa-send"></i>Nachricht Senden</a>-->
    <!--					<a id="kontaktsenden" style="margin-top:20px;background-color:#27b500;color:#fff;font-weight:bold" class="btn btn-success btn-block" onclick="$().validate();"><i class="fa fa-send"></i> SENDEN</a>-->



				    <a  id="order"  style="color:#fff;" class="btn btn-success btn-block orderBtn" onclick="$().validate();">SENDEN</a>



				</div>
			    </div>
			</form>


		    </div>
		    <div class="col-lg-5 col-md-5">
			<div class="feature-box-5">
			    <div class="main-content main-content-full">
				<div class="">

				    <h4>Kontakt</h4>
				    <div class="title-block7"></div>
				    <div class="address-box">
					<h4><?php echo $GLOBALS['sitename']; ?></h4>
					<p><?php echo $GLOBALS['invoice_h4']; ?>, <?php echo $GLOBALS['invoice_h3']; ?> </p>
					<div class="contact">
                                            <p><span>E-Mail: </span><a  href="mailto:<?php echo $GLOBALS['smtp_email']; ?>"><?php echo $GLOBALS['smtp_email']; ?></a></p>
                                            <p><span>Tel.: </span><a href="tel:<?php echo $GLOBALS['company_phone']; ?>"><?php echo $GLOBALS['company_phone']; ?></a></p>
					</div>
				    </div>



				    <hr class="space5">
				</div>
			    </div>

			</div>
		    </div>

		</div>

	    </div>
	</section>



	<?php include 'footer.php'; ?>


	<div class="car-top">
	    <span><img src="images/car.png" alt=""></span>
	</div>

	<script src="libs/jquery/1.11.2/jquery.min.js"></script>

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

	<!-- mega-menu -->
	<script type="text/javascript" src="js/mega-menu/mega_menu.js"></script>

	<!-- appear -->
	<script type="text/javascript" src="js/jquery.appear.js"></script>

	<!-- counter -->
	<script type="text/javascript" src="js/counter/jquery.countTo.js"></script>

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

	<!-- select -->
	<!--<script type="text/javascript" src="js/select/jquery-select.js"></script>-->

	<!-- magnific popup -->
	<script type="text/javascript" src="js/magnific-popup/jquery.magnific-popup.min.js"></script>

	<!-- revolution -->
	<script type="text/javascript" src="revolution/js/jquery.themepunch.tools.min.js"></script>
	<script type="text/javascript" src="revolution/js/jquery.themepunch.revolution.min.js"></script>
	<!-- SLIDER REVOLUTION 5.0 EXTENSIONS  (Load Extensions only on Local File Systems !  The following part can be removed on Server for On Demand Loading) -->
	<script type="text/javascript" src="revolution/js/extensions/revolution.extension.actions.min.js"></script>
	<script type="text/javascript" src="revolution/js/extensions/revolution.extension.carousel.min.js"></script>
	<script type="text/javascript" src="revolution/js/extensions/revolution.extension.kenburn.min.js"></script>
	<script type="text/javascript" src="revolution/js/extensions/revolution.extension.layeranimation.min.js"></script>
	<script type="text/javascript" src="revolution/js/extensions/revolution.extension.migration.min.js"></script>
	<script type="text/javascript" src="revolution/js/extensions/revolution.extension.navigation.min.js"></script>
	<script type="text/javascript" src="revolution/js/extensions/revolution.extension.parallax.min.js"></script>
	<script type="text/javascript" src="revolution/js/extensions/revolution.extension.slideanims.min.js"></script>
	<script type="text/javascript" src="revolution/js/extensions/revolution.extension.video.min.js"></script>

	<!-- custom -->
	<script type="text/javascript" src="js/custom.js"></script>
	<script src="libs/jqueryui/1.11.3/jquery-ui.min.js"></script>
	<script src="libs/bootstrap.min.js"></script>
	<script src="libs/moment.js" type="text/javascript"></script>
	<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?libraries=places&key=AIzaSyD8-MMfqVeE1g0wwrfzCalQRkq7YakkcJk"></script>
	<script src="libs/swal/sweetalert.min.js" type="text/javascript"></script>
	<script type="text/javascript" src="libs/kontakt.js"></script>
    </body>
</html>