441 lines
20 KiB
HTML
441 lines
20 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<meta name="description" content="html 5 template">
|
|
<meta name="author" content="tonytemplates.com">
|
|
<meta name="format-detection" content="telephone=no">
|
|
<link rel="icon" href="favicon.ico">
|
|
<title>KFZ MEISTERWERKSTATT DENIZ</title>
|
|
<!-- Bootstrap core CSS -->
|
|
<link href="css/plugins/bootstrap.min.css" rel="stylesheet">
|
|
<link href="css/plugins/bootstrap-submenu.css" rel="stylesheet">
|
|
<link href="css/plugins/animate.min.css" rel="stylesheet">
|
|
<link href="css/plugins/slick.css" rel="stylesheet">
|
|
<link href="css/plugins/bootstrap-datetimepicker.css" rel="stylesheet">
|
|
<link href="css/custom.css" rel="stylesheet">
|
|
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
|
|
<!--[if lt IE 9]>
|
|
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
|
|
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
|
|
<![endif]-->
|
|
<!-- Icon Font-->
|
|
<link href="iconfont/style.css" rel="stylesheet">
|
|
<!-- Google Fonts -->
|
|
<link href="../fonts.googleapis.com/css%EF%B9%96family=Muli%EF%B9%95200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i.css" rel="stylesheet">
|
|
<!-- Google map -->
|
|
<script type="text/javascript" src="../maps.googleapis.com/maps/api/js%EF%B9%96v=3.exp&key=AIzaSyCmTzhQkdib4xtGKbeFqu9E0cIHlfCIw0Q&language=de.js"></script>
|
|
</head>
|
|
|
|
<body>
|
|
<!-- Loader -->
|
|
<div id="loader-wrapper">
|
|
<div class="loader">
|
|
<div class="line"></div>
|
|
<div class="line"></div>
|
|
<div class="line"></div>
|
|
<div class="line"></div>
|
|
<div class="line"></div>
|
|
<div class="line"></div>
|
|
<div class="subline"></div>
|
|
<div class="subline"></div>
|
|
<div class="subline"></div>
|
|
<div class="subline"></div>
|
|
<div class="subline"></div>
|
|
<div class="loader-circle-1">
|
|
<div class="loader-circle-2"></div>
|
|
</div>
|
|
<div class="needle"></div>
|
|
<div class="loading">Beladung</div>
|
|
</div>
|
|
</div>
|
|
<!-- //Loader -->
|
|
<!-- Header -->
|
|
<header class="page-header header-sticky">
|
|
<nav class="navbar" id="slide-nav">
|
|
<div class="container">
|
|
<div class="header-row">
|
|
<div class="logo">
|
|
<a href="index.html"><img src="images/logo1.png" alt="Logo"></a>
|
|
</div>
|
|
<div class="header-right">
|
|
<button type="button" class="navbar-toggle"><i class="icon icon-lines-menu"></i></button>
|
|
<div class="header-right-top">
|
|
<div class="address">
|
|
Montag-Samstag <span class="custom-color">8:00AM - 6:00PM</span>
|
|
</div>
|
|
<a href="#" class="appointment" data-toggle="modal" data-target="#appointmentForm"><i class="icon-shape icon"></i><span>Termin</span></a>
|
|
</div>
|
|
<!--
|
|
<div class="header-right-bottom">
|
|
<div class="header-phone"><span class="text">SCHEDULE YOUR APPOINTMENT TODAY</span><span class="phone-number">+49-<span class="code">631</span>-62489164</span>
|
|
</div>
|
|
</div>
|
|
-->
|
|
</div>
|
|
</div>
|
|
<div id="slidemenu">
|
|
<div class="row">
|
|
<div class="col-md-11">
|
|
<div class="close-menu"><i class="icon-close-cross"></i></div>
|
|
<ul class="nav navbar-nav">
|
|
<li><a href="index.html"><span>Startseite</span></a></li>
|
|
<li><a href="about.html"><span>Über Uns</span></a></li>
|
|
<li class="dropdown">
|
|
<a href="services.html" data-toggle="dropdown" data-submenu=""><span>Service</span><span class="ecaret"></span></a>
|
|
<ul class="dropdown-menu" role="menu">
|
|
<li><a href="services-1.html">Präventiv Wartung</a></li>
|
|
<li><a href="services-2.html">Bremsen Reparatur & Service</a></li>
|
|
<li><a href="services-3.html">HU/AU</a></li>
|
|
<li><a href="services-4.html">Reifen & Räder</a></li>
|
|
<li><a href="services-5.html">Klima Service</a></li>
|
|
<li><a href="services-6.html">Auspuff-Service</a></li>
|
|
</ul>
|
|
</li>
|
|
<!-- <li><a href="coupon.html"><span>Pricing & Coupons</span></a></li>-->
|
|
<!--
|
|
<li class="dropdown">
|
|
<a href="blog.html" data-toggle="dropdown" data-submenu=""><span>Blog</span><span class="ecaret"></span></a>
|
|
-->
|
|
<!--
|
|
<ul class="dropdown-menu" role="menu">
|
|
<li><a href="blog.html">Blog Classic</a></li>
|
|
<li><a href="blog-card.html">Blog Post Card</a></li>
|
|
<li><a href="blog-single.html">Blog Single post</a></li>
|
|
</ul>
|
|
</li>
|
|
-->
|
|
<li><a href="gallery.html"><span>Gallery</span></a></li>
|
|
<li><a href="testimonials.html"><span>Bewertungen</span></a></li>
|
|
<li><a href="faq.html"><span>Auktion</span></a></li>
|
|
<!-- <li><a href="shop.html"><span>Shop</span></a></li>-->
|
|
<li><a href="contact.html"><span>Kontakt</span></a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="col-md-1">
|
|
<div class="search-container">
|
|
<input placeholder="search" type="text">
|
|
<a class="button">
|
|
<i class="icon icon-search"></i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
</header>
|
|
<!-- // Header -->
|
|
<!-- Content -->
|
|
<div id="pageTitle">
|
|
<div class="container">
|
|
<!-- Breadcrumbs Block -->
|
|
<div class="breadcrumbs">
|
|
<ul class="breadcrumb">
|
|
<li><a href="index.html">Startseite</a></li>
|
|
<li><a href="services.html">Service</a></li>
|
|
<li>HU service</li>
|
|
</ul>
|
|
</div>
|
|
<!-- //Breadcrumbs Block -->
|
|
<h1>Services</h1>
|
|
</div>
|
|
</div>
|
|
<div id="pageContent">
|
|
<!-- Services -->
|
|
<div class="block">
|
|
<div class="container">
|
|
<h2 class="h-lg text-center">HU / AU</h2>
|
|
<p class="info text-center">Sie haben alle zwei Jahre Inspektion Ihres Autos zu tun.</p>
|
|
<div class="service-icon">
|
|
<div class="icon-wrapper"><span><i class="icon icon-gearshift"></i></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- //Services -->
|
|
<!-- Block -->
|
|
<div class="block offset-sm">
|
|
<div class="container">
|
|
<div class="text-center">
|
|
<h3 class="text-center">KFZ Meisterwerkstatt Deniz organisiert für Sie die Hauptuntersuchung (HU) durch eine anerkannte Prüforganisation und führt die Abgasuntersuchung (AU) durch.</h3>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-sm-6">
|
|
<p>Die Hauptuntersuchung (HU) ist gesetzlich vorgeschrieben und muss regelmäßig durchgeführt werden. Seit 2010 ist die Abgasuntersuchung (AU) in die HU integriert.</p>
|
|
<p>Sollte Ihre Haupt- und Abgasuntersuchung anstehen, können Sie diese amtliche Prüfung* schnell und bequem in Ihrer nächsten KFZ Meisterwerkstatt Deniz durchführen lassen.
|
|
</p>
|
|
<p>* Die Durchführung der Hauptuntersuchung nach § 29 StVZO erfolgt durch eine amtlich anerkannte Prüforganisation. Welche Prüforganisation in Ihrer Filiale tätig ist, erfahren Sie vor Ort. Nicht gültig für Autogasfahrzeuge.</p>
|
|
</div>
|
|
<div class="col-sm-6">
|
|
<p>Das Beste: Prüfungen sind täglich möglich, sogar samstags:</p>
|
|
<ul class="marker-list-sm">
|
|
<li> Praktisch für Sie: Wir kümmern uns um alles!</li>
|
|
<li> Prüfungen sind täglich möglich</li>
|
|
<li>Auf Wunsch führen wir notwendige Reparaturen direkt für Sie aus</li>
|
|
<li>HU-Vorabcheck</li>
|
|
<li>Erinnerungsservice</li>
|
|
</ul>
|
|
<p>Auto Inspektion in meiner Nähe? Das nächste Mal, wenn Sie diese Frage stellen, suchen Sie einfach nach unserer Adresse.</p>
|
|
</div>
|
|
</div>
|
|
<div class="divider-lg"></div>
|
|
<div class="row">
|
|
<div class="col-sm-4">
|
|
<div class="text-icon-sm">
|
|
<a href="#" class="icon-wrapper" data-toggle="modal" data-target="#appointmentForm"><span><i class="icon icon-calendar"></i><span class="icon-hover"></span></span></a>
|
|
<h4 class="title">Termin</h4>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-4">
|
|
<div class="text-icon-sm form-popup-wrap">
|
|
<a href="#" class="icon-wrapper form-popup-link"><span><i class="icon icon-technology"></i><span class="icon-hover"></span></span></a>
|
|
<div class="form-popup">
|
|
<form id="quote-form" method="post">
|
|
<div id="successQuote" class="successform">
|
|
<p>Deine Nachricht wurde erfolgreich gesendet!</p>
|
|
</div>
|
|
<div id="errorQuote" class="errorform">
|
|
<p>Irgendetwas ging schief, versuchte es zu erfrischen und das Formular wieder einzureichen.</p>
|
|
</div>
|
|
<div class="form-inline">
|
|
<input type="text" name="name" class="form-control input-custom" value="" placeholder="Ihr Name">
|
|
</div>
|
|
<div class="form-inline">
|
|
<div>
|
|
<input type="text" name="email" class="form-control input-custom" value="" placeholder="Ihre E-mail">
|
|
</div>
|
|
<div>
|
|
<input type="text" name="phone" class="form-control input-custom" value="" placeholder="Tel">
|
|
</div>
|
|
</div>
|
|
<div class="form-inline">
|
|
<div class="select-wrapper">
|
|
<select name="select1" class="input-custom">
|
|
<option value="Vehicle">Fahrzeug</option>
|
|
<option value="Car">Auto</option>
|
|
<option value="Bike">Fahrrad</option>
|
|
</select>
|
|
</div>
|
|
<div class="select-wrapper">
|
|
<select name="select2" class="input-custom">
|
|
<option value="2000">2000</option>
|
|
<option value="2001">2001</option>
|
|
<option value="2002">2002</option>
|
|
<option value="2003">2003</option>
|
|
<option value="2004">2004</option>
|
|
<option value="2005">2005</option>
|
|
<option value="2006">2006</option>
|
|
<option value="2007">2007</option>
|
|
<option value="2008">2008</option>
|
|
<option value="2009">2009</option>
|
|
<option value="2010">2010</option>
|
|
<option value="2011">2011</option>
|
|
<option value="2012">2012</option>
|
|
<option value="2013">2013</option>
|
|
<option value="2014">2014</option>
|
|
<option value="2015">2015</option>
|
|
<option value="2016">2016</option>
|
|
<option value="2017">2017</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="form-inline">
|
|
<div class="select-wrapper">
|
|
<select name="select3" class="input-custom">
|
|
<option value="">Wählen Sie Service</option>
|
|
<option value="Preventative Maintenance">Vorbeugende Wartung</option>
|
|
<option value="Brake Repair">Bremsen Reparatur & Service</option>
|
|
<option value="Transmission Service">HU/AU</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<img class="schluesselnummer" src="images/schluesselnummer.jpg" alt="Schluesselnummer">
|
|
<input type="text" name="schluesselnummer" class="form-control input-custom" value="" placeholder="Schluesselnummer">
|
|
</div>
|
|
<div class="form-inline">
|
|
<textarea name="message" class="form-control textarea-custom" placeholder="Nachricht"></textarea>
|
|
</div>
|
|
<button type="submit" id="submit" class="btn btn-lg btn-full"><span>SENDEN</span></button>
|
|
</form>
|
|
</div>
|
|
<h4 class="title">Preis?</h4>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-4">
|
|
<div class="text-icon-sm">
|
|
<a href="#" class="icon-wrapper"><span><i class="icon icon-diploma"></i><span class="icon-hover"></span></span></a>
|
|
<h4 class="title">Auktion</h4>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Footer -->
|
|
<div class="page-footer">
|
|
<div class="footer-content">
|
|
<div class="footer-col-left">
|
|
<div class="inside">
|
|
<div class="footer-phone">
|
|
<h2 class="h-phone">Tel: <span class="number">+49-631-62489164</span></h2>
|
|
<h2 class="h-phone">Mob: <span class="number">+49-157-72490109</span></h2>
|
|
</div>
|
|
<div class="contact-info"><i class="icon icon-locate"></i>Spitalstraße 25, 67659 Kaiserslautern,
|
|
<br> Deutschland
|
|
</div>
|
|
<div class="contact-info"><i class="icon icon-clock"></i>Montag-Samstag <span class="color">8:00AM - 6:00PM</span>
|
|
<br>Sonntag Geschlossen
|
|
</div>
|
|
<div class="social-links">
|
|
<ul>
|
|
<li>
|
|
<a class="icon icon-facebook-logo" href="https://www.facebook.com/meisterwerkstattdeniz/"></a>
|
|
</li>
|
|
<li>
|
|
<a class="icon icon-twitter-logo" href="#"></a>
|
|
</li>
|
|
<li>
|
|
<a class="icon icon-instagram-logo" href="#"></a>
|
|
</li>
|
|
<li>
|
|
<a class="icon icon-google-plus-logo" href="#"></a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="footer-col-right">
|
|
<div id="footer-map" class="footer-map"></div>
|
|
</div>
|
|
</div>
|
|
<div class="footer-bottom">
|
|
<div class="container">
|
|
<div class="copyright">© 2017 KFZ MEISTERWERKSTATT DENIZ, alle Rechte vorbehalten</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- //Footer -->
|
|
<div class="darkout-menu"></div>
|
|
<!-- Appointment Form -->
|
|
<div class="modal fade" id="appointmentForm">
|
|
<div class="modal-dialog container">
|
|
<div class="modal-content">
|
|
<div class="modal-header"><a href="#" class="appointment" data-toggle="modal" data-target="#appointmentForm"><i class="icon-shape icon"></i><span>Termin</span></a>
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="icon-close-cross"></i></button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<div class="container-fluid">
|
|
<h2>Planen <span class="color">Autoservice</span></h2>
|
|
<p>Um einen Termin mit Ihren freundlichen Nachbarschaftsexperten bei Car Repair Services zu vereinbaren, rufen Sie uns unter +49 631 62489164 / +49 157 72490109 an oder füllen Sie das untenstehende Formular mit Ihren Informationen und den gewünschten Angeboten aus. Einer unserer Teammitglieder wird Ihnen so schnell wie möglich zurückkommen, um Ihren Termin zu bestätigen. </p>
|
|
<div class="divider"></div>
|
|
<form id="appointment-form" class="contact-form form-horizontal" name="contactform" method="post">
|
|
<div id="successAppointment" class="successform">
|
|
<p>Deine Nachricht wurde erfolgreich gesendet!</p>
|
|
</div>
|
|
<div id="errorAppointment" class="errorform">
|
|
<p>Irgendetwas ging schief, versuchte es zu erfrischen und das Formular wieder einzureichen.</p>
|
|
</div>
|
|
<h5>Kontakt Informationen</h5>
|
|
<div class="form-inline">
|
|
<div>
|
|
<input type="text" name="name" class="form-control input-custom" value="" placeholder="Vorname">
|
|
</div>
|
|
<div>
|
|
<input type="text" name="lastname" class="form-control input-custom" value="" placeholder="Nachname">
|
|
</div>
|
|
</div>
|
|
<div class="form-inline">
|
|
<div>
|
|
<input type="text" name="phone" class="form-control input-custom" value="" placeholder="Tel">
|
|
</div>
|
|
<div>
|
|
<input type="text" name="email" class="form-control input-custom" value="" placeholder="E-mail">
|
|
</div>
|
|
</div>
|
|
<div class="divider"></div>
|
|
<h5>Termindetails</h5>
|
|
<div class="form-inline">
|
|
<div class="datetimepicker-wrap">
|
|
<input type="text" name="date" class="form-control input-custom datetimepicker" placeholder="">
|
|
</div>
|
|
<div class="timepicker-wrap">
|
|
<input type="text" name="time" class="form-control input-custom timepicker" placeholder="">
|
|
</div>
|
|
</div>
|
|
<div class="form-inline">
|
|
<div>
|
|
<input name="autoinfo" type="text" class="form-control input-custom" value="" placeholder="Fahrzeug Jahr, Modell">
|
|
</div>
|
|
<div class="form-inline">
|
|
<div class="select-wrapper">
|
|
<select name="select1" class="input-custom">
|
|
<option value="2000">2000</option>
|
|
<option value="2001">2001</option>
|
|
<option value="2002">2002</option>
|
|
<option value="2003">2003</option>
|
|
<option value="2004">2004</option>
|
|
<option value="2005">2005</option>
|
|
<option value="2006">2006</option>
|
|
<option value="2007">2007</option>
|
|
<option value="2008">2008</option>
|
|
<option value="2009">2009</option>
|
|
<option value="2010">2010</option>
|
|
<option value="2011">2011</option>
|
|
<option value="2012">2012</option>
|
|
<option value="2013">2013</option>
|
|
<option value="2014">2014</option>
|
|
<option value="2015">2015</option>
|
|
<option value="2016">2016</option>
|
|
<option value="2017">2017</option>
|
|
</select>
|
|
</div>
|
|
<div>
|
|
<input name="kilometers" type="text" class="form-control input-custom" value="" placeholder="Aktuelle Kilometer">
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<img class="schluesselnummer" src="images/schluesselnummer.jpg" alt="Schluesselnummer">
|
|
<input type="text" name="schluesselnummer" class="form-control input-custom" value="" placeholder="Schluesselnummer">
|
|
</div>
|
|
</div>
|
|
<div class="form-inline">
|
|
<textarea name="message" class="form-control textarea-custom" placeholder="Service Erforderlich"></textarea>
|
|
</div>
|
|
<div class="divider"></div>
|
|
<div class="row">
|
|
<div class="col-sm-4 col-md-3 bootstrap-datetimepicker-widget">
|
|
<button type="submit" id="submit" class="btn btn-lg"><span>SENDEN</span></button>
|
|
</div>
|
|
<div class="divider visible-xs"></div>
|
|
<div class="col-sm-8 col-md-9">
|
|
<p><i>Bitte beachten Sie, dass das gewünschte Datum und die Uhrzeit nicht verfügbar sind. Wir werden uns mit Ihnen in Verbindung setzen, um Ihre tatsächlichen Termindetails zu bestätigen.</i></p>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- //Appointment Form -->
|
|
|
|
<!-- External JavaScripts -->
|
|
<script src="js/jquery.js"></script>
|
|
<script src="js/plugins/bootstrap.min.js"></script>
|
|
<script src="js/plugins/slick.min.js"></script>
|
|
<script src="js/plugins/jquery.form.js"></script>
|
|
<script src="js/plugins/jquery.validate.min.js"></script>
|
|
<script src="js/plugins/moment.js"></script>
|
|
<script src="js/plugins/bootstrap-datetimepicker.min.js"></script>
|
|
<script src="js/plugins/jquery.waypoints.min.js"></script>
|
|
<script src="js/plugins/jquery.countTo.js"></script>
|
|
<!-- Custom JavaScripts -->
|
|
<script src="js/custom.js"></script>
|
|
<script src="js/forms.js"></script>
|
|
</body>
|
|
|
|
</html> |