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">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 class="active"><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>Reifen & Räder</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">Reifen & Räder</h2>
|
|
<p class="info text-center">Der beste Weg, um Ausfälle zu minimieren, ist die routinemäßige Wartung</p>
|
|
<div class="service-icon">
|
|
<div class="icon-wrapper"><span><i class="icon icon-car-wheel"></i></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- //Services -->
|
|
<!-- Block -->
|
|
<div class="block offset-sm">
|
|
<div class="container">
|
|
<div class="text-center">
|
|
<h3 class="text-center">Radwechsel bedeutet für KFZ Meisterwerkstatt Deniz mehr als nur den Tausch der Räder.</h3>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-sm-6">
|
|
<p>Unser Service bietet Ihnen mehr Sicherheit und spart langfristig sogar Kosten. Ohne Termin und zu fairen Preisen.</p>
|
|
<p>Der Reifenwechsel sollte zwei Mal im Jahr erfolgen, denn nur ein auf die Wetterverhältnisse angepasstes Reifenprofil gewährleistet eine optimale Straßenhaftung. Reifenwechsel ist aber nicht gleich Reifenwechsel - und er ist Vertrauenssache. Ein professioneller Radwechsel in einer Meisterwerkstatt von KFZ Meisterwerkstatt Deniz bietet Ihnen größtmögliche Sicherheit.</p>
|
|
<p>Wir empfehlen darüber hinaus ein regelmäßiges Auswuchten der Räder um ein "flatterndes" Lenkrad und übermäßigen Verschleiß zu vermeiden.</p>
|
|
</div>
|
|
<div class="col-sm-6">
|
|
<p>Ihre Vorteile bei KFZ Meiserwerkstatt Deniz:</p>
|
|
<ul class="marker-list-sm">
|
|
<li> Mehr Sicherheit durch geschultes Fachpersonal</li>
|
|
<li> Sichtprüfung der Bremsanlage</li>
|
|
<li>Auf Wunsch mit Reifeneinlagerung</li>
|
|
<li>Längere Lebensdauer der Reifen</li>
|
|
<li>Schonung von Achs- und Karosserieteilen</li>
|
|
</ul>
|
|
<p>Reifen & Räder Service 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>
|
|
<!-- // Block -->
|
|
<!-- 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> |