439 lines
20 KiB
HTML
439 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">Loading</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>Klima 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">Klima Service</h2>
|
|
<p class="info text-center">Bewahrt immer einen kühlen Kopf</p>
|
|
<div class="service-icon">
|
|
<div class="icon-wrapper"><span><i class="icon icon-engine"></i></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- //Services -->
|
|
<!-- Block -->
|
|
<div class="block offset-sm">
|
|
<div class="container">
|
|
<div class="text-center">
|
|
<h3 class="text-center">Klima Service ist für Autos sehr wichtig. <br>Vor allem im Winter und Sommer wird es sehr notwendig.</h3>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-sm-6">
|
|
<p>Klimaanlagen sind aus modernen Fahrzeugen nicht mehr wegzudenken. Doch nur wenige wissen, dass sie eine regelmäßige Wartung benötigen.</p>
|
|
<p>Ein Klimaanlagen-Check bei KFZ Meisterwerkstatt Deniz bedeutet eine vollständige Funktions- und Leistungsprüfung der Klimaanlage. Denn eine intakte Klimaanlage sorgt nicht nur für eine angenehme Temperatur, sie bewahrt auch Ihre Gesundheit und die Ihrer Mitfahrer.</p>
|
|
<p>Bei viel Sonnenschein und hohen Temperaturen wird es vor allem im Auto schnell ungemütlich. Für "Cool down" sorgt dann die Klimaanlage, wenn sie richtig funktioniert! Wir schenken Ihnen einen Gratis Klimacheck, damit Sie das Autofahren jederzeit genießen könnt.</p>
|
|
</div>
|
|
<div class="col-sm-6">
|
|
<p>Ein Klimaanlagen-Check bei KFZ Meisterwerkstatt Deniz bedeutet eine Funktionprüfung der Klimaanlage für optimale Leistung und zur Vorbeugung von Materialverschleiß:</p>
|
|
<ul class="marker-list-sm">
|
|
<li>Sichtprüfung aller Komponenten</li>
|
|
<li>Messung der Düsenaustrittstemperatur</li>
|
|
</ul>
|
|
<p>Klima-service in der Nähe von mir? 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>
|
|
</div>
|
|
<!-- // Content -->
|
|
<!-- 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> |