upload
This commit is contained in:
13
_downloads.html
Normal file
13
_downloads.html
Normal file
@@ -0,0 +1,13 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title> Downloads </title>
|
||||
</head>
|
||||
<body>
|
||||
<h1> Downloads </h1>
|
||||
<ul>
|
||||
<li><a id="http://www.kfz-deniz.de/" href="index.html"> KFZ MEISTERWERKSTATT DENIZ </a></li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
615
about.html
Normal file
615
about.html
Normal file
@@ -0,0 +1,615 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
|
||||
<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">
|
||||
<!-- Google Tag Manager -->
|
||||
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
|
||||
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
|
||||
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
|
||||
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
|
||||
})(window,document,'script','dataLayer','GTM-PTJPJ6N');</script>
|
||||
<!-- End Google Tag Manager -->
|
||||
<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">
|
||||
<link href="https://unpkg.com/maplibre-gl@5.24.0/dist/maplibre-gl.css" rel="stylesheet">
|
||||
<link href="css/modern.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">
|
||||
</head>
|
||||
|
||||
<body class="modern-ui">
|
||||
<!-- 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">Lädt...</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">
|
||||
Mo - Do <span class="custom-color"> 8:00 - 17:00 Uhr <br> (Fr Nach Vereinbarung)<br>
|
||||
</span>
|
||||
<!----> <strong class="color">Wir haben Betriebsurlaub vom 04.06.2026 bis 16.06.2026</strong><!---->
|
||||
|
||||
</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">TELEFON:</span>
|
||||
<span class="phone-number">+49-<span class="code">631</span>-62489164</span>
|
||||
</div>
|
||||
<br>
|
||||
<div class="header-phone"><span class="text">Handynummer:</span>
|
||||
<span class="phone-number">+49-<span class="code">157</span>-772490109</span>
|
||||
</div>
|
||||
</div>
|
||||
-->
|
||||
</div>
|
||||
</div>
|
||||
<div id="slidemenu">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<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 class="active"><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">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>Galerie</span></a></li>
|
||||
<li><a href="testimonials.html"><span>Bewertungen</span></a></li>
|
||||
<li><a href="faq.html"><span>Anfahrt</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>
|
||||
</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>Über Uns</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- //Breadcrumbs Block -->
|
||||
<h1>Über <span class="color">Uns</span></h1>
|
||||
</div>
|
||||
</div>
|
||||
<div id="pageContent">
|
||||
<div class="block">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-5">
|
||||
<img src="images/about-img.JPG" alt="" class="img-responsive">
|
||||
</div>
|
||||
<div class="divider visible-sm visible-xs"></div>
|
||||
<div class="col-md-7">
|
||||
<h2>KFZ - MEISTERWERKSTATT DENIZ</h2>
|
||||
<p>Unsere Meisterwerkstatt steht Ihnen mit ihrer Full-Service Reparatur und Dienstleistungen zur Verfügung. Wir verwenden die neueste Diagnoseausrüstung, um zu garantieren, dass Ihr Fahrzeug ordnungsgemäß repariert und rechtzeitig Ihnen wieder zur Verfügung steht. Wir haben eine wachsende Familie, deshalb sind wir vor Kurzem umgezogen, um alle unsere Kunden glücklich zu machen.</p>
|
||||
<ul class="marker-list-sm marker-list-italic">
|
||||
<li>12 Monate Garantie</li>
|
||||
<li>Zertifizierte Techniker</li>
|
||||
<li>Schneller und zuverlässiger Service</li>
|
||||
<li>KFZ-Reparaturen aller Fabrikate</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Appointment Block -->
|
||||
<div class="block">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="text-appointment">
|
||||
<h2 class="h-lg">Jetzt <span class="color"> Termin </span> vereinbaren</h2>
|
||||
<p class="info">Sie erreichen uns unter:</p>
|
||||
<h2 class="h-phone">Tel: +49-631-62489164</h2>
|
||||
<h2 class="h-phone">Mob: +49-157-72490109</h2>
|
||||
<div class="btn-inline">
|
||||
<a class="btn btn-invert" href="#" data-toggle="modal" data-target="#appointmentForm"><span>Termin</span></a>
|
||||
<!--<div class="form-popup-wrap">
|
||||
<a class="btn" href="#" data-toggle="modal" data-target="#appointmentForm"><span>Preis ?</span></a>
|
||||
</div>-->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="img-move animation" data-animation="fadeInRight" data-animation-delay="0s">
|
||||
<img src="images/img-car-move.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- //Appointment Block -->
|
||||
|
||||
<!-- Team Block -->
|
||||
<div class="block">
|
||||
<div class="container">
|
||||
<h2 class="h-lg text-center">Inhaber<span class="color"></span></h2>
|
||||
<p class="info text-center"></p>
|
||||
<div class="row person-carousel team-block">
|
||||
<div class="col-sm-6 col-md-3 ">
|
||||
<div class="person">
|
||||
<div class="image image-scale-color"><img src="images/person-01.JPG" alt="" class="img-responsive" />
|
||||
<div class="hover"></div>
|
||||
</div>
|
||||
<h5 class="name">Salih Deniz</h5>
|
||||
<h6 class="position">Kraftfahrzeugtechnikermeister</h6>
|
||||
<div class="text">"Unser Ziel ist die Kundenzufriedenheit!"</div>
|
||||
<div class="link">
|
||||
<a class="icon icon-facebook-logo" href="https://www.facebook.com/meisterwerkstattdeniz/"></a>
|
||||
<a class="icon icon-instagram-logo" href="https://www.instagram.com/salihdeniz5259/"></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--
|
||||
<div class="col-sm-6 col-md-3">
|
||||
<div class="person">
|
||||
<div class="image image-scale-color"><img src="images/person-02.jpg" alt="" class="img-responsive" />
|
||||
<div class="hover"></div>
|
||||
</div>
|
||||
<h5 class="name">Teymur Hasanov</h5>
|
||||
<h6 class="position">First Mechanic</h6>
|
||||
<div class="text">We use only quality parts because we never compromise on the quality of our service.
|
||||
</div>
|
||||
<div class="link">
|
||||
<a class="icon icon-facebook-logo" href="#"></a>
|
||||
<a class="icon icon-twitter-logo" href="#"></a>
|
||||
<a class="icon icon-instagram-logo" href="#"></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
-->
|
||||
<!--
|
||||
<div class="col-sm-6 col-md-3">
|
||||
<div class="person">
|
||||
<div class="image image-scale-color"><img src="images/person-03.jpg" alt="" class="img-responsive" />
|
||||
<div class="hover"></div>
|
||||
</div>
|
||||
<h5 class="name">Robert T. Kennelly</h5>
|
||||
<h6 class="position">Certified Technician</h6>
|
||||
<div class="text">We use only quality parts because we never compromise on the quality of our service.</div>
|
||||
<div class="link">
|
||||
<a class="icon icon-facebook-logo" href="#"></a>
|
||||
<a class="icon icon-twitter-logo" href="#"></a>
|
||||
<a class="icon icon-instagram-logo" href="#"></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6 col-md-3">
|
||||
<div class="person">
|
||||
<div class="image image-scale-color"><img src="images/person-04.jpg" alt="" class="img-responsive" />
|
||||
<div class="hover"></div>
|
||||
</div>
|
||||
<h5 class="name">Kevin C. Goodwin</h5>
|
||||
<h6 class="position">General Manager</h6>
|
||||
<div class="text">We use only quality parts because we never compromise on the quality of our service.</div>
|
||||
<div class="link">
|
||||
<a class="icon icon-facebook-logo" href="#"></a>
|
||||
<a class="icon icon-twitter-logo" href="#"></a>
|
||||
<a class="icon icon-instagram-logo" href="#"></a>
|
||||
</div>
|
||||
</div>
|
||||
</div> -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- //Team Block -->
|
||||
</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=""></i>E-Mail: meisterwerkstatt-deniz@gmx.de
|
||||
</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-Donnerstag <span class="color"> 8:00 - 17:00 Uhr</span>
|
||||
<br> Freitag <span class="color"> Nach Vereinbarung</span><br>
|
||||
<!--<br><strong><span class="color">Wir haben Betriebsurlaub vom 24.05.2024 bis 03.06.2024</span></strong>-->
|
||||
</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-instagram-logo" href="https://www.instagram.com/salihdeniz5259/"></a>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-col-right">
|
||||
<!--
|
||||
<div id="footer-map" class="footer-map"></div>
|
||||
-->
|
||||
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2594.1049612268394!2d7.760361215949765!3d49.444733179349285!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x479612b30c345011%3A0x66b9799aa63d1d64!2sKFZ-Meisterwerkstatt%20Deniz!5e0!3m2!1sde!2sde!4v1628011315488!5m2!1sde!2sde" width="800" height="600" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-bottom">
|
||||
<div class="container">
|
||||
<div class="copyright">© 2024 KFZ MEISTERWERKSTATT DENIZ, alle Rechte vorbehalten</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- //Footer -->
|
||||
<div class="darkout-menu"></div>
|
||||
<!-- //Get Recalls -->
|
||||
<!-- 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>Termin <span class="color">vereinbaren</span></h2>
|
||||
<p>Sie erreichen uns unter +49 631 62489164 / +49 157 72490109 oder füllen Sie das untenstehende Formular mit Ihren Informationen und den gewünschten Angeboten aus. Wir bestätigen Ihnen den Termin.</p>
|
||||
<div class="divider"></div>
|
||||
<form id="appointment-form" class="contact-form form-horizontal" name="contactform" method="post">
|
||||
<div id="successAppointment" class="successform">
|
||||
<p>Ihre Nachricht wurde erfolgreich gesendet!</p>
|
||||
</div>
|
||||
<div id="errorAppointment" class="errorform">
|
||||
<p>Irgendetwas ging schief, versuchen Sie es erneut.</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="Telefonnummer">
|
||||
</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="Modell">
|
||||
</div>
|
||||
<div class="form-inline">
|
||||
<div class="select-wrapper">
|
||||
<select name="select1" class="input-custom">
|
||||
<option value="1960">1960</option>
|
||||
<option value="1961">1961</option>
|
||||
<option value="1962">1962</option>
|
||||
<option value="1963">1963</option>
|
||||
<option value="1964">1964</option>
|
||||
<option value="1965">1965</option>
|
||||
<option value="1966">1966</option>
|
||||
<option value="1967">1967</option>
|
||||
<option value="1968">1968</option>
|
||||
<option value="1969">1969</option>
|
||||
<option value="1970">1970</option>
|
||||
<option value="1971">1971</option>
|
||||
<option value="1972">1972</option>
|
||||
<option value="1973">1973</option>
|
||||
<option value="1974">1974</option>
|
||||
<option value="1976">1975</option>
|
||||
<option value="1976">1976</option>
|
||||
<option value="1977">1977</option>
|
||||
<option value="1978">1978</option>
|
||||
<option value="1979">1979</option>
|
||||
<option value="1980">1980</option>
|
||||
<option value="1981">1981</option>
|
||||
<option value="1982">1982</option>
|
||||
<option value="1983">1983</option>
|
||||
<option value="1984">1984</option>
|
||||
<option value="1985">1985</option>
|
||||
<option value="1986">1986</option>
|
||||
<option value="1987">1987</option>
|
||||
<option value="1988">1988</option>
|
||||
<option value="1989">1989</option>
|
||||
<option value="1990">1990</option>
|
||||
<option value="1991">1991</option>
|
||||
<option value="1992">1992</option>
|
||||
<option value="1993">1993</option>
|
||||
<option value="1994">1994</option>
|
||||
<option value="1995">1995</option>
|
||||
<option value="1996">1996</option>
|
||||
<option value="1997">1997</option>
|
||||
<option value="1998">1998</option>
|
||||
<option value="1999">1999</option>
|
||||
<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>
|
||||
<option value="2018">2018</option>
|
||||
<option value="2019">2019</option>
|
||||
</select>
|
||||
</div>
|
||||
<div>
|
||||
<input name="kilometers" type="text" class="form-control input-custom" value="" placeholder="Kilometerstand">
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<img class="schluesselnummer" src="images/schluesselnummer.jpg" alt="Schluesselnummer">
|
||||
<input type="text" name="schluesselnummer" class="form-control input-custom" value="" placeholder="Schlüsselnummer">
|
||||
</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 sein kann. 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 -->
|
||||
<!-- Price Form -->
|
||||
<!-- <div class="modal fade" id="preis">
|
||||
<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>Fragen Sie Preis</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">
|
||||
<form id="appointment-form" method="post">
|
||||
<div id="successQuote" class="successform">
|
||||
<p>Deine Nachricht wurde erfolgreich gesendet!</p>
|
||||
</div>
|
||||
<div id="errorQuote" class="errorform">
|
||||
<p>Etwas ging schief, versuchen Sie es erneut.</p>
|
||||
</div>
|
||||
<div class="form-inline">
|
||||
<input type="text" name="name" class="form-control input-custom" value="" placeholder="Name,Vorname">
|
||||
</div>
|
||||
<div class="form-inline">
|
||||
<div>
|
||||
<input type="text" name="email" class="form-control input-custom" value="" placeholder="E-mail">
|
||||
</div>
|
||||
<div>
|
||||
<input type="text" name="phone" class="form-control input-custom" value="" placeholder="Telelefonnummer">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-inline">
|
||||
<div class="select-wrapper">
|
||||
<select name="select1" class="input-custom">
|
||||
<option value="Vehicle">Fahrzeug</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="select-wrapper">
|
||||
<select name="select2" class="input-custom">
|
||||
<option value="1960">1960</option>
|
||||
<option value="1961">1961</option>
|
||||
<option value="1962">1962</option>
|
||||
<option value="1963">1963</option>
|
||||
<option value="1964">1964</option>
|
||||
<option value="1965">1965</option>
|
||||
<option value="1966">1966</option>
|
||||
<option value="1967">1967</option>
|
||||
<option value="1968">1968</option>
|
||||
<option value="1969">1969</option>
|
||||
<option value="1970">1970</option>
|
||||
<option value="1971">1971</option>
|
||||
<option value="1972">1972</option>
|
||||
<option value="1973">1973</option>
|
||||
<option value="1974">1974</option>
|
||||
<option value="1976">1975</option>
|
||||
<option value="1976">1976</option>
|
||||
<option value="1977">1977</option>
|
||||
<option value="1978">1978</option>
|
||||
<option value="1979">1979</option>
|
||||
<option value="1980">1980</option>
|
||||
<option value="1981">1981</option>
|
||||
<option value="1982">1982</option>
|
||||
<option value="1983">1983</option>
|
||||
<option value="1984">1984</option>
|
||||
<option value="1985">1985</option>
|
||||
<option value="1986">1986</option>
|
||||
<option value="1987">1987</option>
|
||||
<option value="1988">1988</option>
|
||||
<option value="1989">1989</option>
|
||||
<option value="1990">1990</option>
|
||||
<option value="1991">1991</option>
|
||||
<option value="1992">1992</option>
|
||||
<option value="1993">1993</option>
|
||||
<option value="1994">1994</option>
|
||||
<option value="1995">1995</option>
|
||||
<option value="1996">1996</option>
|
||||
<option value="1997">1997</option>
|
||||
<option value="1998">1998</option>
|
||||
<option value="1999">1999</option>
|
||||
<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>
|
||||
<option value="2018">2018</option>
|
||||
<option value="2019">2019</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>
|
||||
<option value="Others">Andere</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="Schlüsselnummer">
|
||||
</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>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>-->
|
||||
<!-- //Price 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/modern-site.js"></script>
|
||||
<script src="https://unpkg.com/maplibre-gl@5.24.0/dist/maplibre-gl.js"></script>
|
||||
<script src="js/modern-map.js"></script>
|
||||
<script src="js/custom.js"></script>
|
||||
<script src="js/forms.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
443
contact.html
Normal file
443
contact.html
Normal file
@@ -0,0 +1,443 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
|
||||
<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">
|
||||
<!-- Google Tag Manager -->
|
||||
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
|
||||
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
|
||||
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
|
||||
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
|
||||
})(window,document,'script','dataLayer','GTM-PTJPJ6N');</script>
|
||||
<!-- End Google Tag Manager -->
|
||||
<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/magnific-popup.css" rel="stylesheet">
|
||||
<link href="css/plugins/bootstrap-datetimepicker.css" rel="stylesheet">
|
||||
<link href="css/custom.css" rel="stylesheet">
|
||||
<link href="https://unpkg.com/maplibre-gl@5.24.0/dist/maplibre-gl.css" rel="stylesheet">
|
||||
<link href="css/modern.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">
|
||||
</head>
|
||||
|
||||
<body class="modern-ui">
|
||||
<!-- 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">Lädt...</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">
|
||||
Mo - Do <span class="custom-color"> 8:00 - 17:00 Uhr <br> (Fr Nach Vereinbarung)<br>
|
||||
</span>
|
||||
<!----> <strong class="color">Wir haben Betriebsurlaub vom 04.06.2026 bis 16.06.2026</strong><!---->
|
||||
|
||||
</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-12">
|
||||
<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">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>Galerie</span></a></li>
|
||||
<li><a href="testimonials.html"><span>Bewertungen</span></a></li>
|
||||
<li><a href="faq.html"><span>Anfahrt</span></a></li>
|
||||
<!-- <li><a href="shop.html"><span>Shop</span></a></li>-->
|
||||
<li class="active"><a href="contact.html"><span>Kontakt</span></a></li>
|
||||
</ul>
|
||||
</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>Kontakt</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- //Breadcrumbs Block -->
|
||||
<h1>Kontakt</h1>
|
||||
</div>
|
||||
</div>
|
||||
<div id="pageContent">
|
||||
<!-- Block -->
|
||||
<div class="block offset-sm">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<h3 class="contact-mob"><span style="color:yellow;">Tel:</span> +49-631-62489164</h3>
|
||||
<h3 class="contact-mob"><span style="color:yellow">Mob:</span> +49-157-72490109</h3>
|
||||
</div>
|
||||
<div class="col-md-8">Wenn Sie Fragen oder Anmerkungen zu uns oder Ihrem Fahrzeug haben, füllen Sie bitte ein Kontaktformular aus oder kommen Sie einfach persönlich vorbei!</div>
|
||||
</div>
|
||||
<div class="row row-grey">
|
||||
<div class="col-sm-4">
|
||||
<div class="contact-info">
|
||||
<h5>Adresse</h5>
|
||||
<i class="icon icon-locate"></i>Spitalstraße 25, 67659 Kaiserslautern,
|
||||
<br>Deutschland
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-4">
|
||||
<div class="contact-info">
|
||||
<h5>Öffnungszeiten</h5>
|
||||
<i class="icon icon-clock"></i>Montag-Donnerstag <span class="color"> 8:00 - 17:00 Uhr</span>
|
||||
<br> Freitag <span class="color">Nach Vereinbarung</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-4">
|
||||
<div class="contact-info">
|
||||
<h5>Folge Uns</h5>
|
||||
<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-instagram-logo" href="https://www.instagram.com/salihdeniz5259/"></a>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<h2>Kontaktiere uns</h2>
|
||||
<form id="contactform" class="contact-form" name="contactform" method="post" novalidate>
|
||||
<div id="success" class="successform">
|
||||
<p>Deine Nachricht wurde erfolgreich gesendet!</p>
|
||||
</div>
|
||||
<div id="error" class="errorform">
|
||||
<p>Irgendetwas ging schief, versuchte es zu erfrischen und das Formular wieder einzureichen.</p>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<div class="input-wrapper">
|
||||
<input type="text" class="input-custom input-full" name="name" placeholder="Name">
|
||||
</div>
|
||||
<div class="input-wrapper">
|
||||
<input type="text" class="input-custom input-full" name="phone" placeholder="Telefon">
|
||||
</div>
|
||||
<div class="input-wrapper">
|
||||
<input type="text" class="input-custom input-full" name="email" placeholder="E-mail">
|
||||
</div>
|
||||
<img class="schluesselnummer" src="images/schluesselnummer.jpg" alt="schluesselnummer">
|
||||
<div class="input-wrapper">
|
||||
<input type="text" class="input-custom input-full" name="schluesselnummer" placeholder="Schluesselnummer">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<textarea class="textarea-custom input-full contact-text-area" name="message" placeholder="Nachricht"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="divider-sm"></div>
|
||||
<button type="submit" id="submit-contact" class="btn"><span>SENDEN</span></button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<!-- //Block -->
|
||||
</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=""></i>E-Mail: meisterwerkstatt-deniz@gmx.de
|
||||
</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-Freitag <span class="color"> 8:00 - 17:00 Uhr</span>
|
||||
<br> Samstag <span class="color"> Nach Vereinbarung</span><br>
|
||||
<!--<br><strong><span class="color">Wir haben Betriebsurlaub vom 24.05.2024 bis 03.06.2024</span></strong>-->
|
||||
</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-instagram-logo" href="https://www.instagram.com/salihdeniz5259/"></a>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-col-right">
|
||||
<!--
|
||||
<div id="footer-map" class="footer-map"></div>
|
||||
-->
|
||||
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2594.1049612268394!2d7.760361215949765!3d49.444733179349285!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x479612b30c345011%3A0x66b9799aa63d1d64!2sKFZ-Meisterwerkstatt%20Deniz!5e0!3m2!1sde!2sde!4v1628011315488!5m2!1sde!2sde" width="800" height="600" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-bottom">
|
||||
<div class="container">
|
||||
<div class="copyright">© 2024 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>Termin <span class="color">vereinbaren</span></h2>
|
||||
<p>Sie erreichen uns unter +49 631 62489164 / +49 157 72490109 oder füllen Sie das untenstehende Formular mit Ihren Informationen und den gewünschten Angeboten aus. Wir bestätigen Ihnen den Termin.</p>
|
||||
<div class="divider"></div>
|
||||
<form id="appointment-form" class="contact-form form-horizontal" name="contactform" method="post">
|
||||
<div id="successAppointment" class="successform">
|
||||
<p>Ihre Nachricht wurde erfolgreich gesendet!</p>
|
||||
</div>
|
||||
<div id="errorAppointment" class="errorform">
|
||||
<p>Irgendetwas ging schief, versuchen Sie es erneut.</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="Telefonnummer">
|
||||
</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="Modell">
|
||||
</div>
|
||||
<div class="form-inline">
|
||||
<div class="select-wrapper">
|
||||
<select name="select1" class="input-custom">
|
||||
<option value="1960">1960</option>
|
||||
<option value="1961">1961</option>
|
||||
<option value="1962">1962</option>
|
||||
<option value="1963">1963</option>
|
||||
<option value="1964">1964</option>
|
||||
<option value="1965">1965</option>
|
||||
<option value="1966">1966</option>
|
||||
<option value="1967">1967</option>
|
||||
<option value="1968">1968</option>
|
||||
<option value="1969">1969</option>
|
||||
<option value="1970">1970</option>
|
||||
<option value="1971">1971</option>
|
||||
<option value="1972">1972</option>
|
||||
<option value="1973">1973</option>
|
||||
<option value="1974">1974</option>
|
||||
<option value="1976">1975</option>
|
||||
<option value="1976">1976</option>
|
||||
<option value="1977">1977</option>
|
||||
<option value="1978">1978</option>
|
||||
<option value="1979">1979</option>
|
||||
<option value="1980">1980</option>
|
||||
<option value="1981">1981</option>
|
||||
<option value="1982">1982</option>
|
||||
<option value="1983">1983</option>
|
||||
<option value="1984">1984</option>
|
||||
<option value="1985">1985</option>
|
||||
<option value="1986">1986</option>
|
||||
<option value="1987">1987</option>
|
||||
<option value="1988">1988</option>
|
||||
<option value="1989">1989</option>
|
||||
<option value="1990">1990</option>
|
||||
<option value="1991">1991</option>
|
||||
<option value="1992">1992</option>
|
||||
<option value="1993">1993</option>
|
||||
<option value="1994">1994</option>
|
||||
<option value="1995">1995</option>
|
||||
<option value="1996">1996</option>
|
||||
<option value="1997">1997</option>
|
||||
<option value="1998">1998</option>
|
||||
<option value="1999">1999</option>
|
||||
<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>
|
||||
<option value="2018">2018</option>
|
||||
<option value="2019">2019</option>
|
||||
</select>
|
||||
</div>
|
||||
<div>
|
||||
<input name="kilometers" type="text" class="form-control input-custom" value="" placeholder="Kilometerstand">
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<img class="schluesselnummer" src="images/schluesselnummer.jpg" alt="Schluesselnummer">
|
||||
<input type="text" name="schluesselnummer" class="form-control input-custom" value="" placeholder="Schlüsselnummer">
|
||||
</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 sein kann. 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>
|
||||
<script src="js/plugins/jquery.magnific-popup.min.js"></script>
|
||||
<script src="js/plugins/imagesloaded.pkgd.min.js"></script>
|
||||
<script src="js/plugins/isotope.pkgd.min.js"></script>
|
||||
<!-- Custom JavaScripts -->
|
||||
<script src="js/modern-site.js"></script>
|
||||
<script src="https://unpkg.com/maplibre-gl@5.24.0/dist/maplibre-gl.js"></script>
|
||||
<script src="js/modern-map.js"></script>
|
||||
<script src="js/custom.js"></script>
|
||||
<script src="js/forms.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
6559
css/custom.css
Normal file
6559
css/custom.css
Normal file
File diff suppressed because it is too large
Load Diff
1604
css/modern.css
Normal file
1604
css/modern.css
Normal file
File diff suppressed because it is too large
Load Diff
3386
css/plugins/animate.min.css
vendored
Normal file
3386
css/plugins/animate.min.css
vendored
Normal file
File diff suppressed because it is too large
Load Diff
374
css/plugins/bootstrap-datetimepicker.css
vendored
Normal file
374
css/plugins/bootstrap-datetimepicker.css
vendored
Normal file
@@ -0,0 +1,374 @@
|
||||
/*!
|
||||
* Datetimepicker for Bootstrap 3
|
||||
* version : 4.17.47
|
||||
* https://github.com/Eonasdan/bootstrap-datetimepicker/
|
||||
*/
|
||||
.bootstrap-datetimepicker-widget {
|
||||
list-style: none;
|
||||
}
|
||||
.bootstrap-datetimepicker-widget.dropdown-menu {
|
||||
display: block;
|
||||
margin: 2px 0;
|
||||
padding: 4px;
|
||||
width: 19em;
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
|
||||
width: 38em;
|
||||
}
|
||||
}
|
||||
@media (min-width: 992px) {
|
||||
.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
|
||||
width: 38em;
|
||||
}
|
||||
}
|
||||
@media (min-width: 1200px) {
|
||||
.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
|
||||
width: 38em;
|
||||
}
|
||||
}
|
||||
.bootstrap-datetimepicker-widget.dropdown-menu:before,
|
||||
.bootstrap-datetimepicker-widget.dropdown-menu:after {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
}
|
||||
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
|
||||
border-left: 7px solid transparent;
|
||||
border-right: 7px solid transparent;
|
||||
border-bottom: 7px solid #ccc;
|
||||
border-bottom-color: rgba(0, 0, 0, 0.2);
|
||||
top: -7px;
|
||||
left: 7px;
|
||||
}
|
||||
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
|
||||
border-left: 6px solid transparent;
|
||||
border-right: 6px solid transparent;
|
||||
border-bottom: 6px solid white;
|
||||
top: -6px;
|
||||
left: 8px;
|
||||
}
|
||||
.bootstrap-datetimepicker-widget.dropdown-menu.top:before {
|
||||
border-left: 7px solid transparent;
|
||||
border-right: 7px solid transparent;
|
||||
border-top: 7px solid #ccc;
|
||||
border-top-color: rgba(0, 0, 0, 0.2);
|
||||
bottom: -7px;
|
||||
left: 6px;
|
||||
}
|
||||
.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
|
||||
border-left: 6px solid transparent;
|
||||
border-right: 6px solid transparent;
|
||||
border-top: 6px solid white;
|
||||
bottom: -6px;
|
||||
left: 7px;
|
||||
}
|
||||
.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before {
|
||||
left: auto;
|
||||
right: 6px;
|
||||
}
|
||||
.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after {
|
||||
left: auto;
|
||||
right: 7px;
|
||||
}
|
||||
.bootstrap-datetimepicker-widget .list-unstyled {
|
||||
margin: 0;
|
||||
}
|
||||
.bootstrap-datetimepicker-widget a[data-action] {
|
||||
padding: 6px 0;
|
||||
}
|
||||
.bootstrap-datetimepicker-widget a[data-action]:active {
|
||||
box-shadow: none;
|
||||
}
|
||||
.bootstrap-datetimepicker-widget .timepicker-hour,
|
||||
.bootstrap-datetimepicker-widget .timepicker-minute,
|
||||
.bootstrap-datetimepicker-widget .timepicker-second {
|
||||
width: 54px;
|
||||
font-weight: bold;
|
||||
font-size: 1.2em;
|
||||
margin: 0;
|
||||
}
|
||||
.bootstrap-datetimepicker-widget button[data-action] {
|
||||
padding: 6px;
|
||||
}
|
||||
.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after {
|
||||
position: absolute;
|
||||
width: 1px;
|
||||
height: 1px;
|
||||
margin: -1px;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
clip: rect(0, 0, 0, 0);
|
||||
border: 0;
|
||||
content: "Increment Hours";
|
||||
}
|
||||
.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after {
|
||||
position: absolute;
|
||||
width: 1px;
|
||||
height: 1px;
|
||||
margin: -1px;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
clip: rect(0, 0, 0, 0);
|
||||
border: 0;
|
||||
content: "Increment Minutes";
|
||||
}
|
||||
.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after {
|
||||
position: absolute;
|
||||
width: 1px;
|
||||
height: 1px;
|
||||
margin: -1px;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
clip: rect(0, 0, 0, 0);
|
||||
border: 0;
|
||||
content: "Decrement Hours";
|
||||
}
|
||||
.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after {
|
||||
position: absolute;
|
||||
width: 1px;
|
||||
height: 1px;
|
||||
margin: -1px;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
clip: rect(0, 0, 0, 0);
|
||||
border: 0;
|
||||
content: "Decrement Minutes";
|
||||
}
|
||||
.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after {
|
||||
position: absolute;
|
||||
width: 1px;
|
||||
height: 1px;
|
||||
margin: -1px;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
clip: rect(0, 0, 0, 0);
|
||||
border: 0;
|
||||
content: "Show Hours";
|
||||
}
|
||||
.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after {
|
||||
position: absolute;
|
||||
width: 1px;
|
||||
height: 1px;
|
||||
margin: -1px;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
clip: rect(0, 0, 0, 0);
|
||||
border: 0;
|
||||
content: "Show Minutes";
|
||||
}
|
||||
.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after {
|
||||
position: absolute;
|
||||
width: 1px;
|
||||
height: 1px;
|
||||
margin: -1px;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
clip: rect(0, 0, 0, 0);
|
||||
border: 0;
|
||||
content: "Toggle AM/PM";
|
||||
}
|
||||
.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after {
|
||||
position: absolute;
|
||||
width: 1px;
|
||||
height: 1px;
|
||||
margin: -1px;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
clip: rect(0, 0, 0, 0);
|
||||
border: 0;
|
||||
content: "Clear the picker";
|
||||
}
|
||||
.bootstrap-datetimepicker-widget .btn[data-action="today"]::after {
|
||||
position: absolute;
|
||||
width: 1px;
|
||||
height: 1px;
|
||||
margin: -1px;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
clip: rect(0, 0, 0, 0);
|
||||
border: 0;
|
||||
content: "Set the date to today";
|
||||
}
|
||||
.bootstrap-datetimepicker-widget .picker-switch {
|
||||
text-align: center;
|
||||
}
|
||||
.bootstrap-datetimepicker-widget .picker-switch::after {
|
||||
position: absolute;
|
||||
width: 1px;
|
||||
height: 1px;
|
||||
margin: -1px;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
clip: rect(0, 0, 0, 0);
|
||||
border: 0;
|
||||
content: "Toggle Date and Time Screens";
|
||||
}
|
||||
.bootstrap-datetimepicker-widget .picker-switch td {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
height: auto;
|
||||
width: auto;
|
||||
line-height: inherit;
|
||||
}
|
||||
.bootstrap-datetimepicker-widget .picker-switch td span {
|
||||
line-height: 2.5;
|
||||
height: 2.5em;
|
||||
width: 100%;
|
||||
}
|
||||
.bootstrap-datetimepicker-widget table {
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
}
|
||||
.bootstrap-datetimepicker-widget table td,
|
||||
.bootstrap-datetimepicker-widget table th {
|
||||
text-align: center;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.bootstrap-datetimepicker-widget table th {
|
||||
height: 20px;
|
||||
line-height: 20px;
|
||||
width: 20px;
|
||||
}
|
||||
.bootstrap-datetimepicker-widget table th.picker-switch {
|
||||
width: 145px;
|
||||
}
|
||||
.bootstrap-datetimepicker-widget table th.disabled,
|
||||
.bootstrap-datetimepicker-widget table th.disabled:hover {
|
||||
background: none;
|
||||
color: #777777;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.bootstrap-datetimepicker-widget table th.prev::after {
|
||||
position: absolute;
|
||||
width: 1px;
|
||||
height: 1px;
|
||||
margin: -1px;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
clip: rect(0, 0, 0, 0);
|
||||
border: 0;
|
||||
content: "Previous Month";
|
||||
}
|
||||
.bootstrap-datetimepicker-widget table th.next::after {
|
||||
position: absolute;
|
||||
width: 1px;
|
||||
height: 1px;
|
||||
margin: -1px;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
clip: rect(0, 0, 0, 0);
|
||||
border: 0;
|
||||
content: "Next Month";
|
||||
}
|
||||
.bootstrap-datetimepicker-widget table thead tr:first-child th {
|
||||
cursor: pointer;
|
||||
}
|
||||
.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
|
||||
background: #eeeeee;
|
||||
}
|
||||
.bootstrap-datetimepicker-widget table td {
|
||||
height: 54px;
|
||||
line-height: 54px;
|
||||
width: 54px;
|
||||
}
|
||||
.bootstrap-datetimepicker-widget table td.cw {
|
||||
font-size: .8em;
|
||||
height: 20px;
|
||||
line-height: 20px;
|
||||
color: #777777;
|
||||
}
|
||||
.bootstrap-datetimepicker-widget table td.day {
|
||||
height: 20px;
|
||||
line-height: 20px;
|
||||
width: 20px;
|
||||
}
|
||||
.bootstrap-datetimepicker-widget table td.day:hover,
|
||||
.bootstrap-datetimepicker-widget table td.hour:hover,
|
||||
.bootstrap-datetimepicker-widget table td.minute:hover,
|
||||
.bootstrap-datetimepicker-widget table td.second:hover {
|
||||
background: #eeeeee;
|
||||
cursor: pointer;
|
||||
}
|
||||
.bootstrap-datetimepicker-widget table td.old,
|
||||
.bootstrap-datetimepicker-widget table td.new {
|
||||
color: #777777;
|
||||
}
|
||||
.bootstrap-datetimepicker-widget table td.today {
|
||||
position: relative;
|
||||
}
|
||||
.bootstrap-datetimepicker-widget table td.today:before {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
border: solid transparent;
|
||||
border-width: 0 0 7px 7px;
|
||||
border-bottom-color: #337ab7;
|
||||
border-top-color: rgba(0, 0, 0, 0.2);
|
||||
position: absolute;
|
||||
bottom: 4px;
|
||||
right: 4px;
|
||||
}
|
||||
.bootstrap-datetimepicker-widget table td.active,
|
||||
.bootstrap-datetimepicker-widget table td.active:hover {
|
||||
background-color: #337ab7;
|
||||
color: #fff;
|
||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
.bootstrap-datetimepicker-widget table td.active.today:before {
|
||||
border-bottom-color: #fff;
|
||||
}
|
||||
.bootstrap-datetimepicker-widget table td.disabled,
|
||||
.bootstrap-datetimepicker-widget table td.disabled:hover {
|
||||
background: none;
|
||||
color: #777777;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.bootstrap-datetimepicker-widget table td span {
|
||||
display: inline-block;
|
||||
width: 54px;
|
||||
height: 54px;
|
||||
line-height: 54px;
|
||||
margin: 2px 1.5px;
|
||||
cursor: pointer;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.bootstrap-datetimepicker-widget table td span:hover {
|
||||
background: #eeeeee;
|
||||
}
|
||||
.bootstrap-datetimepicker-widget table td span.active {
|
||||
background-color: #337ab7;
|
||||
color: #fff;
|
||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
.bootstrap-datetimepicker-widget table td span.old {
|
||||
color: #777777;
|
||||
}
|
||||
.bootstrap-datetimepicker-widget table td span.disabled,
|
||||
.bootstrap-datetimepicker-widget table td span.disabled:hover {
|
||||
background: none;
|
||||
color: #777777;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.bootstrap-datetimepicker-widget.usetwentyfour td.hour {
|
||||
height: 27px;
|
||||
line-height: 27px;
|
||||
}
|
||||
.bootstrap-datetimepicker-widget.wider {
|
||||
width: 21em;
|
||||
}
|
||||
.bootstrap-datetimepicker-widget .datepicker-decades .decade {
|
||||
line-height: 1.8em !important;
|
||||
}
|
||||
.input-group.date .input-group-addon {
|
||||
cursor: pointer;
|
||||
}
|
||||
.sr-only {
|
||||
position: absolute;
|
||||
width: 1px;
|
||||
height: 1px;
|
||||
margin: -1px;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
clip: rect(0, 0, 0, 0);
|
||||
border: 0;
|
||||
}
|
||||
94
css/plugins/bootstrap-submenu.css
vendored
Normal file
94
css/plugins/bootstrap-submenu.css
vendored
Normal file
@@ -0,0 +1,94 @@
|
||||
.dropdown-submenu > a:after {
|
||||
content: "";
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
.dropdown-submenu {
|
||||
position: relative;
|
||||
}
|
||||
.dropdown-submenu .dropdown-menu {
|
||||
top: 0;
|
||||
left: 100%;
|
||||
margin-top: -6px;
|
||||
border-top-left-radius: 0;
|
||||
}
|
||||
.dropup .dropdown-submenu .dropdown-menu,
|
||||
.navbar-fixed-bottom .dropdown-submenu .dropdown-menu {
|
||||
top: auto;
|
||||
bottom: 0;
|
||||
margin-top: 0;
|
||||
margin-bottom: -6px;
|
||||
border-top-left-radius: 4px;
|
||||
border-bottom-left-radius: 0;
|
||||
}
|
||||
.dropdown-menu-right .dropdown-submenu .dropdown-menu,
|
||||
.navbar-right .dropdown-submenu .dropdown-menu {
|
||||
left: auto;
|
||||
right: 100%;
|
||||
border-top-left-radius: 4px;
|
||||
border-top-right-radius: 0;
|
||||
}
|
||||
.dropup .dropdown-menu-right .dropdown-submenu .dropdown-menu,
|
||||
.dropup .navbar-right .dropdown-submenu .dropdown-menu,
|
||||
.navbar-fixed-bottom .dropdown-menu-right .dropdown-submenu .dropdown-menu,
|
||||
.navbar-fixed-bottom .navbar-right .dropdown-submenu .dropdown-menu {
|
||||
border-radius: 4px 4px 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.dropdown-submenu .dropdown-menu {
|
||||
position: static;
|
||||
margin-top: 0;
|
||||
border: 0;
|
||||
box-shadow: none;
|
||||
}
|
||||
.dropdown > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li.dropdown-header,
|
||||
.dropup > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li.dropdown-header,
|
||||
.btn-group > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li.dropdown-header,
|
||||
.dropdown > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > a,
|
||||
.dropup > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > a,
|
||||
.btn-group > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > a {
|
||||
padding-left: 30px;
|
||||
}
|
||||
.dropdown > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li.dropdown-header,
|
||||
.dropup > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li.dropdown-header,
|
||||
.btn-group > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li.dropdown-header,
|
||||
.dropdown > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > a,
|
||||
.dropup > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > a,
|
||||
.btn-group > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > a {
|
||||
padding-left: 40px;
|
||||
}
|
||||
.dropdown > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li.dropdown-header,
|
||||
.dropup > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li.dropdown-header,
|
||||
.btn-group > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li.dropdown-header,
|
||||
.dropdown > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > a,
|
||||
.dropup > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > a,
|
||||
.btn-group > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > a {
|
||||
padding-left: 50px;
|
||||
}
|
||||
.dropdown > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li.dropdown-header,
|
||||
.dropup > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li.dropdown-header,
|
||||
.btn-group > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li.dropdown-header,
|
||||
.dropdown > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > a,
|
||||
.dropup > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > a,
|
||||
.btn-group > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > a {
|
||||
padding-left: 60px;
|
||||
}
|
||||
.navbar-nav > .dropdown > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li.dropdown-header,
|
||||
.navbar-nav > .dropdown > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > a {
|
||||
padding-left: 35px;
|
||||
}
|
||||
.navbar-nav > .dropdown > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li.dropdown-header,
|
||||
.navbar-nav > .dropdown > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > a {
|
||||
padding-left: 45px;
|
||||
}
|
||||
.navbar-nav > .dropdown > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li.dropdown-header,
|
||||
.navbar-nav > .dropdown > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > a {
|
||||
padding-left: 55px;
|
||||
}
|
||||
.navbar-nav > .dropdown > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li.dropdown-header,
|
||||
.navbar-nav > .dropdown > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > a {
|
||||
padding-left: 65px;
|
||||
}
|
||||
}
|
||||
6
css/plugins/bootstrap.min.css
vendored
Normal file
6
css/plugins/bootstrap.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
482
css/plugins/magnific-popup.css
Normal file
482
css/plugins/magnific-popup.css
Normal file
@@ -0,0 +1,482 @@
|
||||
/* Magnific Popup CSS */
|
||||
|
||||
.mfp-bg {
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 1000042;
|
||||
overflow: hidden;
|
||||
position: fixed;
|
||||
background: #0b0b0b;
|
||||
opacity: 0.8;
|
||||
filter: alpha(opacity=80);
|
||||
}
|
||||
|
||||
.mfp-wrap {
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 1000043;
|
||||
position: fixed;
|
||||
outline: none !important;
|
||||
-webkit-backface-visibility: hidden;
|
||||
}
|
||||
|
||||
.mfp-container {
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
top: 0;
|
||||
padding: 0 8px;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.mfp-container:before {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
height: 100%;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.mfp-align-top .mfp-container:before {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.mfp-content {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
margin: 0 auto;
|
||||
text-align: left;
|
||||
z-index: 1000045;
|
||||
}
|
||||
|
||||
.mfp-inline-holder .mfp-content,
|
||||
.mfp-ajax-holder .mfp-content {
|
||||
width: 100%;
|
||||
cursor: auto;
|
||||
}
|
||||
|
||||
.mfp-ajax-cur {
|
||||
cursor: progress;
|
||||
}
|
||||
|
||||
.mfp-zoom-out-cur,
|
||||
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {}
|
||||
|
||||
.mfp-zoom {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.mfp-auto-cursor .mfp-content {
|
||||
cursor: auto;
|
||||
}
|
||||
|
||||
.mfp-close,
|
||||
.mfp-arrow,
|
||||
.mfp-preloader,
|
||||
.mfp-counter {
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.mfp-loading.mfp-figure {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.mfp-hide {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.mfp-preloader {
|
||||
color: #CCC;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
width: auto;
|
||||
text-align: center;
|
||||
margin-top: -0.8em;
|
||||
left: 8px;
|
||||
right: 8px;
|
||||
z-index: 1000044;
|
||||
}
|
||||
|
||||
.mfp-preloader a {
|
||||
color: #CCC;
|
||||
}
|
||||
|
||||
.mfp-preloader a:hover {
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
.mfp-s-ready .mfp-preloader {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.mfp-s-error .mfp-content {
|
||||
display: none;
|
||||
}
|
||||
|
||||
button.mfp-close,
|
||||
button.mfp-arrow {
|
||||
overflow: visible;
|
||||
cursor: pointer;
|
||||
background: transparent;
|
||||
border: 0;
|
||||
-webkit-appearance: none;
|
||||
display: block;
|
||||
outline: none;
|
||||
padding: 0;
|
||||
z-index: 1000046;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
button::-moz-focus-inner {
|
||||
padding: 0;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.mfp-close {
|
||||
width: 44px;
|
||||
height: 44px;
|
||||
line-height: 44px;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
text-decoration: none;
|
||||
text-align: center;
|
||||
opacity: 0.65;
|
||||
filter: alpha(opacity=65);
|
||||
padding: 0 0 18px 10px;
|
||||
color: #FFF;
|
||||
font-style: normal;
|
||||
font-size: 28px;
|
||||
font-family: Arial, Baskerville, monospace;
|
||||
}
|
||||
|
||||
.mfp-close:hover,
|
||||
.mfp-close:focus {
|
||||
opacity: 1;
|
||||
filter: alpha(opacity=100);
|
||||
}
|
||||
|
||||
.mfp-close:active {
|
||||
top: 1px;
|
||||
}
|
||||
|
||||
.mfp-close-btn-in .mfp-close {
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.mfp-image-holder .mfp-close,
|
||||
.mfp-iframe-holder .mfp-close {
|
||||
color: #FFF;
|
||||
right: -6px;
|
||||
text-align: right;
|
||||
padding-right: 6px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.mfp-counter {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
color: #CCC;
|
||||
font-size: 12px;
|
||||
line-height: 18px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.mfp-arrow {
|
||||
position: absolute;
|
||||
opacity: 0.65;
|
||||
filter: alpha(opacity=65);
|
||||
margin: 0;
|
||||
top: 50%;
|
||||
margin-top: -55px;
|
||||
padding: 0;
|
||||
width: 90px;
|
||||
height: 110px;
|
||||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
||||
}
|
||||
|
||||
.mfp-arrow:active {
|
||||
margin-top: -54px;
|
||||
}
|
||||
|
||||
.mfp-arrow:hover,
|
||||
.mfp-arrow:focus {
|
||||
opacity: 1;
|
||||
filter: alpha(opacity=100);
|
||||
}
|
||||
|
||||
.mfp-arrow:before,
|
||||
.mfp-arrow:after,
|
||||
.mfp-arrow .mfp-b,
|
||||
.mfp-arrow .mfp-a {
|
||||
content: '';
|
||||
display: block;
|
||||
width: 0;
|
||||
height: 0;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
margin-top: 35px;
|
||||
margin-left: 35px;
|
||||
border: medium inset transparent;
|
||||
}
|
||||
|
||||
.mfp-arrow:after,
|
||||
.mfp-arrow .mfp-a {
|
||||
border-top-width: 13px;
|
||||
border-bottom-width: 13px;
|
||||
top: 8px;
|
||||
}
|
||||
|
||||
.mfp-arrow:before,
|
||||
.mfp-arrow .mfp-b {
|
||||
border-top-width: 21px;
|
||||
border-bottom-width: 21px;
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
.mfp-arrow-left {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.mfp-arrow-left:after,
|
||||
.mfp-arrow-left .mfp-a {
|
||||
border-right: 17px solid #FFF;
|
||||
margin-left: 31px;
|
||||
}
|
||||
|
||||
.mfp-arrow-left:before,
|
||||
.mfp-arrow-left .mfp-b {
|
||||
margin-left: 25px;
|
||||
border-right: 27px solid #3F3F3F;
|
||||
}
|
||||
|
||||
.mfp-arrow-right {
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.mfp-arrow-right:after,
|
||||
.mfp-arrow-right .mfp-a {
|
||||
border-left: 17px solid #FFF;
|
||||
margin-left: 39px;
|
||||
}
|
||||
|
||||
.mfp-arrow-right:before,
|
||||
.mfp-arrow-right .mfp-b {
|
||||
border-left: 27px solid #3F3F3F;
|
||||
}
|
||||
|
||||
.mfp-iframe-holder {
|
||||
padding-top: 40px;
|
||||
padding-bottom: 40px;
|
||||
}
|
||||
|
||||
.mfp-iframe-holder .mfp-content {
|
||||
line-height: 0;
|
||||
width: 100%;
|
||||
max-width: 900px;
|
||||
}
|
||||
|
||||
.mfp-iframe-holder .mfp-close {
|
||||
top: -40px;
|
||||
}
|
||||
|
||||
.mfp-iframe-scaler {
|
||||
width: 100%;
|
||||
height: 0;
|
||||
overflow: hidden;
|
||||
padding-top: 56.25%;
|
||||
}
|
||||
|
||||
.mfp-iframe-scaler iframe {
|
||||
position: absolute;
|
||||
display: block;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
|
||||
background: #000;
|
||||
}
|
||||
|
||||
|
||||
/* Main image in popup */
|
||||
|
||||
img.mfp-img {
|
||||
width: auto;
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
display: block;
|
||||
line-height: 0;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
padding: 40px 0 40px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
|
||||
/* The shadow behind the image */
|
||||
|
||||
.mfp-figure {
|
||||
line-height: 0;
|
||||
}
|
||||
|
||||
.mfp-figure:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 40px;
|
||||
bottom: 40px;
|
||||
display: block;
|
||||
right: 0;
|
||||
width: auto;
|
||||
height: auto;
|
||||
z-index: -1;
|
||||
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
|
||||
background: #444;
|
||||
}
|
||||
|
||||
.mfp-figure small {
|
||||
color: #BDBDBD;
|
||||
display: block;
|
||||
font-size: 12px;
|
||||
line-height: 14px;
|
||||
}
|
||||
|
||||
.mfp-figure figure {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.mfp-bottom-bar {
|
||||
margin-top: -36px;
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
cursor: auto;
|
||||
}
|
||||
|
||||
.mfp-title {
|
||||
text-align: left;
|
||||
line-height: 18px;
|
||||
color: #F3F3F3;
|
||||
word-wrap: break-word;
|
||||
padding-right: 36px;
|
||||
}
|
||||
|
||||
.mfp-image-holder .mfp-content {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.mfp-gallery .mfp-image-holder .mfp-figure {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 800px) and (orientation: landscape),
|
||||
screen and (max-height: 300px) {
|
||||
/**
|
||||
* Remove all paddings around the image on small screen
|
||||
*/
|
||||
.mfp-img-mobile .mfp-image-holder {
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
.mfp-img-mobile img.mfp-img {
|
||||
padding: 0;
|
||||
}
|
||||
.mfp-img-mobile .mfp-figure:after {
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
.mfp-img-mobile .mfp-figure small {
|
||||
display: inline;
|
||||
margin-left: 5px;
|
||||
}
|
||||
.mfp-img-mobile .mfp-bottom-bar {
|
||||
background: rgba(0, 0, 0, 0.6);
|
||||
bottom: 0;
|
||||
margin: 0;
|
||||
top: auto;
|
||||
padding: 3px 5px;
|
||||
position: fixed;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.mfp-img-mobile .mfp-bottom-bar:empty {
|
||||
padding: 0;
|
||||
}
|
||||
.mfp-img-mobile .mfp-counter {
|
||||
right: 5px;
|
||||
top: 3px;
|
||||
}
|
||||
.mfp-img-mobile .mfp-close {
|
||||
top: 0;
|
||||
right: 0;
|
||||
width: 35px;
|
||||
height: 35px;
|
||||
line-height: 35px;
|
||||
background: rgba(0, 0, 0, 0.6);
|
||||
position: fixed;
|
||||
text-align: center;
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (max-width: 900px) {
|
||||
.mfp-arrow {
|
||||
-webkit-transform: scale(0.75);
|
||||
transform: scale(0.75);
|
||||
}
|
||||
.mfp-arrow-left {
|
||||
-webkit-transform-origin: 0;
|
||||
transform-origin: 0;
|
||||
}
|
||||
.mfp-arrow-right {
|
||||
-webkit-transform-origin: 100%;
|
||||
transform-origin: 100%;
|
||||
}
|
||||
.mfp-container {
|
||||
padding-left: 6px;
|
||||
padding-right: 6px;
|
||||
}
|
||||
}
|
||||
|
||||
.mfp-ie7 .mfp-img {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.mfp-ie7 .mfp-bottom-bar {
|
||||
width: 600px;
|
||||
left: 50%;
|
||||
margin-left: -300px;
|
||||
margin-top: 5px;
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
|
||||
.mfp-ie7 .mfp-container {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.mfp-ie7 .mfp-content {
|
||||
padding-top: 44px;
|
||||
}
|
||||
|
||||
.mfp-ie7 .mfp-close {
|
||||
top: 0;
|
||||
right: 0;
|
||||
padding-top: 0;
|
||||
}
|
||||
102
css/plugins/slick.css
Normal file
102
css/plugins/slick.css
Normal file
@@ -0,0 +1,102 @@
|
||||
/* Slider */
|
||||
|
||||
.slick-slider {
|
||||
position: relative;
|
||||
display: block;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
-webkit-touch-callout: none;
|
||||
-khtml-user-select: none;
|
||||
-ms-touch-action: pan-y;
|
||||
touch-action: pan-y;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
}
|
||||
|
||||
.slick-list {
|
||||
position: relative;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.slick-list:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.slick-list.dragging {
|
||||
cursor: pointer;
|
||||
cursor: hand;
|
||||
}
|
||||
|
||||
.slick-slider .slick-track,
|
||||
.slick-slider .slick-list {
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
-moz-transform: translate3d(0, 0, 0);
|
||||
-ms-transform: translate3d(0, 0, 0);
|
||||
-o-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0);
|
||||
}
|
||||
|
||||
.slick-track {
|
||||
position: relative;
|
||||
top: 0;
|
||||
left: 0;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.slick-track:before,
|
||||
.slick-track:after {
|
||||
display: table;
|
||||
content: '';
|
||||
}
|
||||
|
||||
.slick-track:after {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.slick-loading .slick-track {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.slick-slide {
|
||||
display: none;
|
||||
float: left;
|
||||
height: 100%;
|
||||
min-height: 1px;
|
||||
}
|
||||
|
||||
[dir='rtl'] .slick-slide {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.slick-slide img {
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.slick-slide.slick-loading img {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.slick-slide.dragging img {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.slick-initialized .slick-slide {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.slick-loading .slick-slide {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.slick-vertical .slick-slide {
|
||||
display: block;
|
||||
height: auto;
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
363
faq.html
Normal file
363
faq.html
Normal file
@@ -0,0 +1,363 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
|
||||
<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">
|
||||
<!-- Google Tag Manager -->
|
||||
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
|
||||
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
|
||||
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
|
||||
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
|
||||
})(window,document,'script','dataLayer','GTM-PTJPJ6N');</script>
|
||||
<!-- End Google Tag Manager -->
|
||||
<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/magnific-popup.css" rel="stylesheet">
|
||||
<link href="css/plugins/bootstrap-datetimepicker.css" rel="stylesheet">
|
||||
<link href="css/custom.css" rel="stylesheet">
|
||||
<link href="https://unpkg.com/maplibre-gl@5.24.0/dist/maplibre-gl.css" rel="stylesheet">
|
||||
<link href="css/modern.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">
|
||||
</head>
|
||||
|
||||
<body class="modern-ui">
|
||||
<!-- 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">Lädt...</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">
|
||||
Mo - Do <span class="custom-color"> 8:00 - 17:00 Uhr <br> (Fr Nach Vereinbarung)<br>
|
||||
|
||||
</span>
|
||||
<!----> <strong class="color">Wir haben Betriebsurlaub vom 04.06.2026 bis 16.06.2026</strong><!---->
|
||||
|
||||
</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-12">
|
||||
<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">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>Galerie</span></a></li>
|
||||
<li><a href="testimonials.html"><span>Bewertungen</span></a></li>
|
||||
<li class="active"><a href="faq.html"><span>Anfahrt</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>
|
||||
</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>Anfahrt</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- //Breadcrumbs Block -->
|
||||
<h1><span class="color">Anfahrt</span></h1>
|
||||
</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-Donnerstag <span class="color"> 8:00 - 17:00 Uhr</span>
|
||||
<br> Freitag <span class="color"> Nach Vereinbarung</span><br>
|
||||
<!--<br><strong><span class="color">Wir haben Betriebsurlaub vom 24.05.2024 bis 03.06.2024</span></strong>-->
|
||||
</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-instagram-logo" href="https://www.instagram.com/salihdeniz5259/"></a>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-col-right">
|
||||
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2594.1049612268394!2d7.760361215949765!3d49.444733179349285!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x479612b30c345011%3A0x66b9799aa63d1d64!2sKFZ-Meisterwerkstatt%20Deniz!5e0!3m2!1sde!2sde!4v1628011315488!5m2!1sde!2sde" width="800" height="600" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-bottom">
|
||||
<div class="container">
|
||||
<div class="copyright">© 2024 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>Termin <span class="color">vereinbaren</span></h2>
|
||||
<p>Sie erreichen uns unter +49 631 62489164 / +49 157 72490109 oder füllen Sie das untenstehende Formular mit Ihren Informationen und den gewünschten Angeboten aus. Wir bestätigen Ihnen den Termin.</p>
|
||||
<div class="divider"></div>
|
||||
<form id="appointment-form" class="contact-form form-horizontal" name="contactform" method="post">
|
||||
<div id="successAppointment" class="successform">
|
||||
<p>Ihre Nachricht wurde erfolgreich gesendet!</p>
|
||||
</div>
|
||||
<div id="errorAppointment" class="errorform">
|
||||
<p>Irgendetwas ging schief, versuchen Sie es erneut.</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="Telefonnummer">
|
||||
</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="Modell">
|
||||
</div>
|
||||
<div class="form-inline">
|
||||
<div class="select-wrapper">
|
||||
<select name="select1" class="input-custom">
|
||||
<option value="1960">1960</option>
|
||||
<option value="1961">1961</option>
|
||||
<option value="1962">1962</option>
|
||||
<option value="1963">1963</option>
|
||||
<option value="1964">1964</option>
|
||||
<option value="1965">1965</option>
|
||||
<option value="1966">1966</option>
|
||||
<option value="1967">1967</option>
|
||||
<option value="1968">1968</option>
|
||||
<option value="1969">1969</option>
|
||||
<option value="1970">1970</option>
|
||||
<option value="1971">1971</option>
|
||||
<option value="1972">1972</option>
|
||||
<option value="1973">1973</option>
|
||||
<option value="1974">1974</option>
|
||||
<option value="1976">1975</option>
|
||||
<option value="1976">1976</option>
|
||||
<option value="1977">1977</option>
|
||||
<option value="1978">1978</option>
|
||||
<option value="1979">1979</option>
|
||||
<option value="1980">1980</option>
|
||||
<option value="1981">1981</option>
|
||||
<option value="1982">1982</option>
|
||||
<option value="1983">1983</option>
|
||||
<option value="1984">1984</option>
|
||||
<option value="1985">1985</option>
|
||||
<option value="1986">1986</option>
|
||||
<option value="1987">1987</option>
|
||||
<option value="1988">1988</option>
|
||||
<option value="1989">1989</option>
|
||||
<option value="1990">1990</option>
|
||||
<option value="1991">1991</option>
|
||||
<option value="1992">1992</option>
|
||||
<option value="1993">1993</option>
|
||||
<option value="1994">1994</option>
|
||||
<option value="1995">1995</option>
|
||||
<option value="1996">1996</option>
|
||||
<option value="1997">1997</option>
|
||||
<option value="1998">1998</option>
|
||||
<option value="1999">1999</option>
|
||||
<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>
|
||||
<option value="2018">2018</option>
|
||||
<option value="2019">2019</option>
|
||||
</select>
|
||||
</div>
|
||||
<div>
|
||||
<input name="kilometers" type="text" class="form-control input-custom" value="" placeholder="Kilometerstand">
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<img class="schluesselnummer" src="images/schluesselnummer.jpg" alt="Schluesselnummer">
|
||||
<input type="text" name="schluesselnummer" class="form-control input-custom" value="" placeholder="Schlüsselnummer">
|
||||
</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 sein kann. 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>
|
||||
<script src="js/plugins/jquery.magnific-popup.min.js"></script>
|
||||
<script src="js/plugins/imagesloaded.pkgd.min.js"></script>
|
||||
<script src="js/plugins/isotope.pkgd.min.js"></script>
|
||||
<!-- Custom JavaScripts -->
|
||||
<script src="js/modern-site.js"></script>
|
||||
<script src="https://unpkg.com/maplibre-gl@5.24.0/dist/maplibre-gl.js"></script>
|
||||
<script src="js/modern-map.js"></script>
|
||||
<script src="js/custom.js"></script>
|
||||
<script src="js/forms.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
BIN
favicon.ico
Normal file
BIN
favicon.ico
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
453
gallery.html
Normal file
453
gallery.html
Normal file
@@ -0,0 +1,453 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
|
||||
<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">
|
||||
<!-- Google Tag Manager -->
|
||||
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
|
||||
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
|
||||
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
|
||||
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
|
||||
})(window,document,'script','dataLayer','GTM-PTJPJ6N');</script>
|
||||
<!-- End Google Tag Manager -->
|
||||
<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/magnific-popup.css" rel="stylesheet">
|
||||
<link href="css/plugins/bootstrap-datetimepicker.css" rel="stylesheet">
|
||||
<link href="css/custom.css" rel="stylesheet">
|
||||
<link href="https://unpkg.com/maplibre-gl@5.24.0/dist/maplibre-gl.css" rel="stylesheet">
|
||||
<link href="css/modern.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">
|
||||
</head>
|
||||
|
||||
<body class="modern-ui">
|
||||
<!-- 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">Lädt...</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">
|
||||
Mo - Do <span class="custom-color"> 8:00 - 17:00 Uhr <br> (Fr Nach Vereinbarung)<br>
|
||||
|
||||
</span>
|
||||
<!----> <strong class="color">Wir haben Betriebsurlaub vom 04.06.2026 bis 16.06.2026</strong><!---->
|
||||
|
||||
</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-12">
|
||||
<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 class="active"><a href="gallery.html"><span>Galerie</span></a></li>
|
||||
<li><a href="testimonials.html"><span>Bewertungen</span></a></li>
|
||||
<li><a href="faq.html"><span>Anfahrt</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>
|
||||
</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>Galerie</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- //Breadcrumbs Block -->
|
||||
<h1>Galerie</h1>
|
||||
</div>
|
||||
</div>
|
||||
<div id="pageContent">
|
||||
<!-- Block -->
|
||||
<div class="block">
|
||||
<div class="container">
|
||||
<!-- Filters -->
|
||||
<div class="filters-by-category">
|
||||
<ul class="option-set" data-option-key="filter">
|
||||
<li><a href="#filter" data-option-value="*" class="selected">Alle</a></li>
|
||||
<li><a href="#filter" data-option-value=".category1" class="">Auto Wartung</a></li>
|
||||
<li><a href="#filter" data-option-value=".category2" class="">Fahrzeugreparatur</a></li>
|
||||
<li><a href="#filter" data-option-value=".category3" class="">Andere</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- //end Filters -->
|
||||
<div class="gallery gallery-isotope" id="gallery">
|
||||
<div class="gallery-item category2">
|
||||
<div class="gallery-item-image">
|
||||
<img style="height:200px;" src="images/gallery/gallery-img-thumb-01.jpg" alt="" />
|
||||
<a class="hover" href="images/gallery/gallery-img-01.jpg">
|
||||
<span class="view">
|
||||
<span class="icon icon-search"></span>
|
||||
</span>
|
||||
<span class="tags">
|
||||
<span class="pull-left">Unfallinstandsetzung</span>
|
||||
<span class="pull-right"><i class="icon icon-favorite"></i></span>
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="gallery-item category2">
|
||||
<div class="gallery-item-image">
|
||||
<img style="height:200px;" src="images/gallery/gallery-img-thumb-02.jpg" alt="" />
|
||||
<a class="hover" href="images/gallery/gallery-img-02.jpg">
|
||||
<span class="view">
|
||||
<span class="icon icon-search"></span>
|
||||
</span>
|
||||
<span class="tags">
|
||||
<span class="pull-left">Karosseriearbeiten</span>
|
||||
<span class="pull-right"><i class="icon icon-favorite"></i></span>
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="gallery-item category2">
|
||||
<div class="gallery-item-image">
|
||||
<img style="height:200px;" src="images/gallery/gallery-img-thumb-03.jpg" alt="" />
|
||||
<a class="hover" href="images/gallery/gallery-img-03.jpg">
|
||||
<span class="view">
|
||||
<span class="icon icon-search"></span>
|
||||
</span>
|
||||
<span class="tags">
|
||||
<span class="pull-left">Bremsenreparatur</span>
|
||||
<span class="pull-right"><i class="icon icon-favorite"></i></span>
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="gallery-item category2">
|
||||
<div class="gallery-item-image">
|
||||
<img style="height:200px;" src="images/gallery/gallery-img-thumb-04.jpg" alt="" />
|
||||
<a class="hover" href="images/gallery/gallery-img-04.jpg">
|
||||
<span class="view">
|
||||
<span class="icon icon-search"></span>
|
||||
</span>
|
||||
<span class="tags">
|
||||
<span class="pull-left">Motorinstandsetzung</span>
|
||||
<span class="pull-right"><i class="icon icon-favorite"></i></span>
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="gallery-item category2">
|
||||
<div class="gallery-item-image">
|
||||
<img style="height:160px;" src="images/gallery/gallery-img-thumb-05.jpg" alt="" />
|
||||
<a class="hover" href="images/gallery/gallery-img-05.jpg">
|
||||
<span class="view">
|
||||
<span class="icon icon-search"></span>
|
||||
</span>
|
||||
<span class="tags">
|
||||
<span class="pull-left">Stossstangenreparatur</span>
|
||||
<span class="pull-right"><i class="icon icon-favorite"></i></span>
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- //Block -->
|
||||
</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-Donnerstag <span class="color"> 8:00 - 17:00 Uhr</span>
|
||||
<br> Freitag <span class="color"> Nach Vereinbarung</span><br>
|
||||
<!--<br><strong><span class="color">Wir haben Betriebsurlaub vom 24.05.2024 bis 03.06.2024</span></strong>-->
|
||||
</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-instagram-logo" href="https://www.instagram.com/salihdeniz5259/"></a>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-col-right">
|
||||
<!--
|
||||
<div id="footer-map" class="footer-map"></div>
|
||||
-->
|
||||
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2594.1049612268394!2d7.760361215949765!3d49.444733179349285!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x479612b30c345011%3A0x66b9799aa63d1d64!2sKFZ-Meisterwerkstatt%20Deniz!5e0!3m2!1sde!2sde!4v1628011315488!5m2!1sde!2sde" width="800" height="600" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-bottom">
|
||||
<div class="container">
|
||||
<div class="copyright">© 2024 KFZ DENIZ MEISTERWERKSTATT, 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>Termin <span class="color">vereinbaren</span></h2>
|
||||
<p>Sie erreichen uns unter +49 631 62489164 / +49 157 72490109 oder füllen Sie das untenstehende Formular mit Ihren Informationen und den gewünschten Angeboten aus. Wir bestätigen Ihnen den Termin.</p>
|
||||
<div class="divider"></div>
|
||||
<form id="appointment-form" class="contact-form form-horizontal" name="contactform" method="post">
|
||||
<div id="successAppointment" class="successform">
|
||||
<p>Ihre Nachricht wurde erfolgreich gesendet!</p>
|
||||
</div>
|
||||
<div id="errorAppointment" class="errorform">
|
||||
<p>Irgendetwas ging schief, versuchen Sie es erneut.</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="Telefonnummer">
|
||||
</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="Modell">
|
||||
</div>
|
||||
<div class="form-inline">
|
||||
<div class="select-wrapper">
|
||||
<select name="select1" class="input-custom">
|
||||
<option value="1960">1960</option>
|
||||
<option value="1961">1961</option>
|
||||
<option value="1962">1962</option>
|
||||
<option value="1963">1963</option>
|
||||
<option value="1964">1964</option>
|
||||
<option value="1965">1965</option>
|
||||
<option value="1966">1966</option>
|
||||
<option value="1967">1967</option>
|
||||
<option value="1968">1968</option>
|
||||
<option value="1969">1969</option>
|
||||
<option value="1970">1970</option>
|
||||
<option value="1971">1971</option>
|
||||
<option value="1972">1972</option>
|
||||
<option value="1973">1973</option>
|
||||
<option value="1974">1974</option>
|
||||
<option value="1976">1975</option>
|
||||
<option value="1976">1976</option>
|
||||
<option value="1977">1977</option>
|
||||
<option value="1978">1978</option>
|
||||
<option value="1979">1979</option>
|
||||
<option value="1980">1980</option>
|
||||
<option value="1981">1981</option>
|
||||
<option value="1982">1982</option>
|
||||
<option value="1983">1983</option>
|
||||
<option value="1984">1984</option>
|
||||
<option value="1985">1985</option>
|
||||
<option value="1986">1986</option>
|
||||
<option value="1987">1987</option>
|
||||
<option value="1988">1988</option>
|
||||
<option value="1989">1989</option>
|
||||
<option value="1990">1990</option>
|
||||
<option value="1991">1991</option>
|
||||
<option value="1992">1992</option>
|
||||
<option value="1993">1993</option>
|
||||
<option value="1994">1994</option>
|
||||
<option value="1995">1995</option>
|
||||
<option value="1996">1996</option>
|
||||
<option value="1997">1997</option>
|
||||
<option value="1998">1998</option>
|
||||
<option value="1999">1999</option>
|
||||
<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>
|
||||
<option value="2018">2018</option>
|
||||
<option value="2019">2019</option>
|
||||
</select>
|
||||
</div>
|
||||
<div>
|
||||
<input name="kilometers" type="text" class="form-control input-custom" value="" placeholder="Kilometerstand">
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<img class="schluesselnummer" src="images/schluesselnummer.jpg" alt="Schluesselnummer">
|
||||
<input type="text" name="schluesselnummer" class="form-control input-custom" value="" placeholder="Schlüsselnummer">
|
||||
</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 sein kann. 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>
|
||||
<script src="js/plugins/jquery.magnific-popup.min.js"></script>
|
||||
<script src="js/plugins/imagesloaded.pkgd.min.js"></script>
|
||||
<script src="js/plugins/isotope.pkgd.min.js"></script>
|
||||
<!-- Custom JavaScripts -->
|
||||
<script src="js/modern-site.js"></script>
|
||||
<script src="https://unpkg.com/maplibre-gl@5.24.0/dist/maplibre-gl.js"></script>
|
||||
<script src="js/modern-map.js"></script>
|
||||
<script src="js/custom.js"></script>
|
||||
<script src="js/forms.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
BIN
iconfont/fonts/auto﹖usbo9z.eot
Normal file
BIN
iconfont/fonts/auto﹖usbo9z.eot
Normal file
Binary file not shown.
59
iconfont/fonts/auto﹖usbo9z.svg
Normal file
59
iconfont/fonts/auto﹖usbo9z.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 68 KiB |
BIN
iconfont/fonts/auto﹖usbo9z.ttf
Normal file
BIN
iconfont/fonts/auto﹖usbo9z.ttf
Normal file
Binary file not shown.
BIN
iconfont/fonts/auto﹖usbo9z.woff
Normal file
BIN
iconfont/fonts/auto﹖usbo9z.woff
Normal file
Binary file not shown.
174
iconfont/style.css
Normal file
174
iconfont/style.css
Normal file
@@ -0,0 +1,174 @@
|
||||
@font-face {
|
||||
font-family: 'auto';
|
||||
src: url('fonts/auto%EF%B9%96usbo9z.eot');
|
||||
src: url('fonts/auto%EF%B9%96usbo9z.eot#iefix') format('embedded-opentype'),
|
||||
url('fonts/auto%EF%B9%96usbo9z.ttf') format('truetype'),
|
||||
url('fonts/auto%EF%B9%96usbo9z.woff') format('woff'),
|
||||
url('fonts/auto%EF%B9%96usbo9z.svg#auto') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
[class^="icon-"], [class*=" icon-"] {
|
||||
/* use !important to prevent issues with browser extensions that change fonts */
|
||||
font-family: 'auto' !important;
|
||||
speak: none;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
line-height: 1;
|
||||
|
||||
/* Better Font Rendering =========== */
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.icon-close:before {
|
||||
content: "\e930";
|
||||
}
|
||||
.icon-arrow_up:before {
|
||||
content: "\e92a";
|
||||
}
|
||||
.icon-arrow_down:before {
|
||||
content: "\e92b";
|
||||
}
|
||||
.icon-arrowhead-pointing-to-the-right:before {
|
||||
content: "\e929";
|
||||
}
|
||||
.icon-exhaust-pipe:before {
|
||||
content: "\e92c";
|
||||
}
|
||||
.icon-engine:before {
|
||||
content: "\e92d";
|
||||
}
|
||||
.icon-gearshift:before {
|
||||
content: "\e92e";
|
||||
}
|
||||
.icon-shop-cart:before {
|
||||
content: "\e92f";
|
||||
}
|
||||
.icon-star:before {
|
||||
content: "\e900";
|
||||
}
|
||||
.icon-calendar:before {
|
||||
content: "\e901";
|
||||
}
|
||||
.icon-calendar-page:before {
|
||||
content: "\e902";
|
||||
}
|
||||
.icon-oil:before {
|
||||
content: "\e903";
|
||||
}
|
||||
.icon-balance:before {
|
||||
content: "\e904";
|
||||
}
|
||||
.icon-power:before {
|
||||
content: "\e905";
|
||||
}
|
||||
.icon-car-wheel:before {
|
||||
content: "\e906";
|
||||
}
|
||||
.icon-disc-brake:before {
|
||||
content: "\e907";
|
||||
}
|
||||
.icon-check:before {
|
||||
content: "\e908";
|
||||
}
|
||||
.icon-close-cross:before {
|
||||
content: "\e909";
|
||||
}
|
||||
.icon-clock:before {
|
||||
content: "\e90a";
|
||||
}
|
||||
.icon-locate:before {
|
||||
content: "\e90b";
|
||||
}
|
||||
.icon-favorite:before {
|
||||
content: "\e90c";
|
||||
}
|
||||
.icon-interface:before {
|
||||
content: "\e90d";
|
||||
}
|
||||
.icon-lines-menu:before {
|
||||
content: "\e90e";
|
||||
}
|
||||
.icon-search:before {
|
||||
content: "\e90f";
|
||||
}
|
||||
.icon-rocket:before {
|
||||
content: "\e910";
|
||||
}
|
||||
.icon-people-1:before {
|
||||
content: "\e911";
|
||||
}
|
||||
.icon-people:before {
|
||||
content: "\e912";
|
||||
}
|
||||
.icon-transport:before {
|
||||
content: "\e913";
|
||||
}
|
||||
.icon-people-2:before {
|
||||
content: "\e914";
|
||||
}
|
||||
.icon-people-3:before {
|
||||
content: "\e915";
|
||||
}
|
||||
.icon-settings:before {
|
||||
content: "\e916";
|
||||
}
|
||||
.icon-shape:before {
|
||||
content: "\e917";
|
||||
}
|
||||
.icon-squares:before {
|
||||
content: "\e918";
|
||||
}
|
||||
.icon-technology:before {
|
||||
content: "\e919";
|
||||
}
|
||||
.icon-tool:before {
|
||||
content: "\e91a";
|
||||
}
|
||||
.icon-diploma:before {
|
||||
content: "\e91b";
|
||||
}
|
||||
.icon-transport-1:before {
|
||||
content: "\e91c";
|
||||
}
|
||||
.icon-mark:before {
|
||||
content: "\e91d";
|
||||
}
|
||||
.icon-web-settings:before {
|
||||
content: "\e91e";
|
||||
}
|
||||
.icon-arrow-left:before {
|
||||
content: "\e91f";
|
||||
}
|
||||
.icon-arrow-right:before {
|
||||
content: "\e920";
|
||||
}
|
||||
.icon-arrows-2:before {
|
||||
content: "\e921";
|
||||
}
|
||||
.icon-behance-logo:before {
|
||||
content: "\e922";
|
||||
}
|
||||
.icon-facebook-logo:before {
|
||||
content: "\e923";
|
||||
}
|
||||
.icon-google-plus-logo:before {
|
||||
content: "\e924";
|
||||
}
|
||||
.icon-instagram-logo:before {
|
||||
content: "\e925";
|
||||
}
|
||||
.icon-linkedin-logo:before {
|
||||
content: "\e926";
|
||||
}
|
||||
.icon-tumblr-logo:before {
|
||||
content: "\e927";
|
||||
}
|
||||
.icon-twitter-logo:before {
|
||||
content: "\e928";
|
||||
}
|
||||
|
||||
BIN
images/about-img.JPG
Normal file
BIN
images/about-img.JPG
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.2 MiB |
BIN
images/ajax-loader.gif
Normal file
BIN
images/ajax-loader.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.1 KiB |
BIN
images/banner-bg.png
Normal file
BIN
images/banner-bg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 31 KiB |
BIN
images/banner-key.png
Normal file
BIN
images/banner-key.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 96 KiB |
BIN
images/block-bg-1.jpg
Normal file
BIN
images/block-bg-1.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 353 KiB |
BIN
images/block-bg-2.jpg
Normal file
BIN
images/block-bg-2.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 23 KiB |
BIN
images/border-hor.png
Normal file
BIN
images/border-hor.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 44 KiB |
BIN
images/border-vert.png
Normal file
BIN
images/border-vert.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 44 KiB |
BIN
images/coupon-bg.jpg
Normal file
BIN
images/coupon-bg.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 64 KiB |
BIN
images/coupon-bg.png
Normal file
BIN
images/coupon-bg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.3 KiB |
BIN
images/gallery/gallery-img-01.jpg
Normal file
BIN
images/gallery/gallery-img-01.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 463 KiB |
BIN
images/gallery/gallery-img-02.jpg
Normal file
BIN
images/gallery/gallery-img-02.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 270 KiB |
BIN
images/gallery/gallery-img-03.jpg
Normal file
BIN
images/gallery/gallery-img-03.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 283 KiB |
BIN
images/gallery/gallery-img-04.jpg
Normal file
BIN
images/gallery/gallery-img-04.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 355 KiB |
BIN
images/gallery/gallery-img-05.jpg
Normal file
BIN
images/gallery/gallery-img-05.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 410 KiB |
BIN
images/gallery/gallery-img-thumb-01.jpg
Normal file
BIN
images/gallery/gallery-img-thumb-01.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 463 KiB |
BIN
images/gallery/gallery-img-thumb-02.jpg
Normal file
BIN
images/gallery/gallery-img-thumb-02.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 270 KiB |
BIN
images/gallery/gallery-img-thumb-03.jpg
Normal file
BIN
images/gallery/gallery-img-thumb-03.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 283 KiB |
BIN
images/gallery/gallery-img-thumb-04.jpg
Normal file
BIN
images/gallery/gallery-img-thumb-04.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 355 KiB |
BIN
images/gallery/gallery-img-thumb-05.jpg
Normal file
BIN
images/gallery/gallery-img-thumb-05.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 410 KiB |
BIN
images/grey-bg-1.png
Normal file
BIN
images/grey-bg-1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 31 KiB |
BIN
images/grey-bg.png
Normal file
BIN
images/grey-bg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 26 KiB |
BIN
images/header-photo-bg.jpg
Normal file
BIN
images/header-photo-bg.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 102 KiB |
BIN
images/how-works-img-1.jpg
Normal file
BIN
images/how-works-img-1.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 41 KiB |
BIN
images/how-works-img-2.jpg
Normal file
BIN
images/how-works-img-2.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 104 KiB |
BIN
images/how-works-img-3.jpg
Normal file
BIN
images/how-works-img-3.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 74 KiB |
BIN
images/how-works-img-4.jpg
Normal file
BIN
images/how-works-img-4.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 98 KiB |
BIN
images/img-car-move.png
Normal file
BIN
images/img-car-move.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 41 KiB |
BIN
images/logo1.png
Normal file
BIN
images/logo1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 32 KiB |
BIN
images/person-01.JPG
Normal file
BIN
images/person-01.JPG
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.3 MiB |
BIN
images/schluesselnummer.jpg
Normal file
BIN
images/schluesselnummer.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
BIN
images/service-1-bg.png
Normal file
BIN
images/service-1-bg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 27 KiB |
BIN
images/service-2-bg.jpg
Normal file
BIN
images/service-2-bg.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 64 KiB |
BIN
images/service-3-bg.jpg
Normal file
BIN
images/service-3-bg.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 26 KiB |
BIN
images/service-4-bg.jpg
Normal file
BIN
images/service-4-bg.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 77 KiB |
BIN
images/service-5-bg.jpg
Normal file
BIN
images/service-5-bg.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 46 KiB |
BIN
images/service-6-bg.jpg
Normal file
BIN
images/service-6-bg.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 46 KiB |
BIN
images/services-img-01.jpg
Normal file
BIN
images/services-img-01.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 23 MiB |
BIN
images/services-img-02.jpg
Normal file
BIN
images/services-img-02.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 10 MiB |
BIN
images/services-img-03.jpg
Normal file
BIN
images/services-img-03.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.7 MiB |
BIN
images/services-img-04.jpg
Normal file
BIN
images/services-img-04.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 459 KiB |
BIN
images/services-img-05.jpg
Normal file
BIN
images/services-img-05.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 89 KiB |
BIN
images/services-img-06.jpg
Normal file
BIN
images/services-img-06.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 596 KiB |
BIN
images/slider/slide1.jpg
Normal file
BIN
images/slider/slide1.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 66 KiB |
BIN
images/slider/slide2.jpg
Normal file
BIN
images/slider/slide2.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 262 KiB |
BIN
images/slider/slide3.jpg
Normal file
BIN
images/slider/slide3.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 184 KiB |
BIN
images/tabform-bg.jpg
Normal file
BIN
images/tabform-bg.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 46 KiB |
BIN
images/testimonial-bg-1.jpg
Normal file
BIN
images/testimonial-bg-1.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 23 KiB |
BIN
images/testimonial-bg-2.jpg
Normal file
BIN
images/testimonial-bg-2.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 48 KiB |
BIN
images/testimonial-bg-3.jpg
Normal file
BIN
images/testimonial-bg-3.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 28 KiB |
BIN
images/testimonial-bg-4.jpg
Normal file
BIN
images/testimonial-bg-4.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 29 KiB |
BIN
images/testimonial-bg-5.jpg
Normal file
BIN
images/testimonial-bg-5.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 136 KiB |
BIN
images/testimonial-bg-6.jpg
Normal file
BIN
images/testimonial-bg-6.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 70 KiB |
BIN
images/wwt/wwt-01.jpg
Normal file
BIN
images/wwt/wwt-01.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 86 KiB |
BIN
images/wwt/wwt-02.jpg
Normal file
BIN
images/wwt/wwt-02.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 88 KiB |
BIN
images/wwt/wwt-03.jpg
Normal file
BIN
images/wwt/wwt-03.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 114 KiB |
BIN
images/wwt/wwt-04.jpg
Normal file
BIN
images/wwt/wwt-04.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 96 KiB |
BIN
images/wwt/wwt-05.jpg
Normal file
BIN
images/wwt/wwt-05.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 158 KiB |
BIN
images/wwt/wwt-06.jpg
Normal file
BIN
images/wwt/wwt-06.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 93 KiB |
BIN
images/wwt/wwt-feature.jpg
Normal file
BIN
images/wwt/wwt-feature.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 332 KiB |
952
index.html
Normal file
952
index.html
Normal file
@@ -0,0 +1,952 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
|
||||
<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">
|
||||
|
||||
<!-- Google Tag Manager -->
|
||||
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
|
||||
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
|
||||
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
|
||||
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
|
||||
})(window,document,'script','dataLayer','GTM-PTJPJ6N');</script>
|
||||
<!-- End Google Tag Manager -->
|
||||
|
||||
<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/custom.css" rel="stylesheet">
|
||||
<link href="https://unpkg.com/maplibre-gl@5.24.0/dist/maplibre-gl.css" rel="stylesheet">
|
||||
<link href="css/modern.css" rel="stylesheet">
|
||||
<link href="css/plugins/bootstrap-datetimepicker.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%95300,300i,400,400i,600,600i,700,700i,800,800i,900,900i.css" rel="stylesheet">
|
||||
</head>
|
||||
|
||||
<body class="home modern-ui">
|
||||
<!-- 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">Lädt...</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">
|
||||
Mo - Do <span class="custom-color"> 8:00 - 17:00 Uhr<br> (Fr Nach Vereinbarung)
|
||||
<br>
|
||||
</span>
|
||||
<!----> <strong class="color">Wir haben Betriebsurlaub vom 04.06.2026 bis 16.06.2026</strong><!---->
|
||||
|
||||
</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">TELEFON:</span>
|
||||
<span class="phone-number">+49-<span class="code">631</span>-62489164</span>
|
||||
</div>
|
||||
<br>
|
||||
<div class="header-phone"><span class="text">Handynummer:</span>
|
||||
<span class="phone-number">+49-<span class="code">157</span>-772490109</span>
|
||||
</div>
|
||||
</div>
|
||||
-->
|
||||
</div>
|
||||
</div>
|
||||
<div id="slidemenu">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<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">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>Galerie</span></a></li>
|
||||
<li><a href="testimonials.html"><span>Bewertungen</span></a></li>
|
||||
<li><a href="faq.html"><span>Anfahrt</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>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
<!-- // Header -->
|
||||
<!-- Slider -->
|
||||
<div id="mainSliderWrapper">
|
||||
<div id="mainSlider">
|
||||
<div class="slide">
|
||||
<div class="img--holder" style="background-image: url(images/slider/slide1.jpg);"></div>
|
||||
<div class="slide-content center">
|
||||
<div class="vert-wrap container">
|
||||
<div class="vert">
|
||||
<div class="container">
|
||||
<h4 data-animation="zoomIn" data-animation-delay="0.5s">Auf der Suche nach dem richtigen KFZ</h4>
|
||||
<h3 data-animation="scaleOut" data-animation-delay="0.2s">Reparaturdienst?</h3>
|
||||
<p data-animation="fadeIn" data-animation-delay="0.9s">Vereinbaren Sie jetzt einen Termin!</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="slide">
|
||||
<div class="img--holder" style="background-image: url(images/slider/slide2.jpg);"></div>
|
||||
<div class="slide-content container left">
|
||||
<div class="vert-wrap">
|
||||
<div class="vert">
|
||||
<div class="container">
|
||||
<h4 data-animation="fadeInLeft" data-animation-delay="0.2s">Full Service</h4>
|
||||
<h3 data-animation="flipInX" data-animation-delay="0.8s">Reparatur</h3>
|
||||
<h3 data-animation="flipInX" data-animation-delay="1.2s">& Wartung</h3>
|
||||
<p data-animation="fadeIn" data-animation-delay="1.5s">Qualität seit mehr als 35 Jahren</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="slide">
|
||||
<div class="img--holder" style="background-image: url(images/slider/slide3.jpg);"></div>
|
||||
<div class="slide-content container center">
|
||||
<div class="vert-wrap">
|
||||
<div class="vert">
|
||||
<div class="container">
|
||||
<h4 data-animation="zoomIn" data-animation-delay="0.8s">Vertrauen Sie Ihr Fahrzeug an</h4>
|
||||
<h3 data-animation="fadeInUp" data-animation-delay="0.2s">Zertifizierte</h3>
|
||||
<h3 data-animation="fadeInUp" data-animation-delay="0.5s">Techniker</h3>
|
||||
<p data-animation="fadeIn" data-animation-delay="1.2s">SERVICE, WARTUNG & REPARATUR VON ZERTIFIZIERTEN TECHNIKERN</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Slider -->
|
||||
<!-- Content -->
|
||||
<div id="pageContent">
|
||||
<!-- Under Slider Banner -->
|
||||
<div class="block banner-under-slider">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-8 col-md-6">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<h2>Nach Geschäftsschluss</h2>
|
||||
<h2 class="h-lg text-right"><span class="color">Vorbeibringen</span></h2>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<p>Sie haben nur außerhalb der Öffnungszeiten Zeit? Wir machen es Ihnen möglich! Bringen Sie Ihr Fahrzeug nach Vereinbarung nach Geschäftsschluss vorbei.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-4 col-md-6">
|
||||
<div class="row">
|
||||
<div class="col-md-6 col-lg-8">
|
||||
<div class="negative-margin"><img src="images/banner-key.png" class="img-responsive" alt=""></div>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg-4 action hidden-xs">
|
||||
<a href="about.html" class="btn btn-full btn-border"><span>Mehr zu uns</span></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- // Under Slider Banner -->
|
||||
<!-- Was Wir Tun / Bento Grid -->
|
||||
<div class="block wwt-block">
|
||||
<div class="container">
|
||||
<div class="wwt-head text-center">
|
||||
<span class="wwt-eyebrow"><span class="wwt-eyebrow-dot"></span>Meisterwerkstatt</span>
|
||||
<h2 class="h-lg">Was Wir <span class="color">Tun</span></h2>
|
||||
<p class="info">Kfz-Reparaturen aller Fabrikate — von der Inspektion bis zur HU</p>
|
||||
</div>
|
||||
<div class="wwt-grid">
|
||||
<a href="services.html" class="wwt-card wwt-card-feature">
|
||||
<div class="wwt-card-bg" style="background-image:url('images/wwt/wwt-feature.jpg')"></div>
|
||||
<div class="wwt-card-inner">
|
||||
<span class="wwt-icon"><i class="icon-transport"></i></span>
|
||||
<div class="wwt-card-body">
|
||||
<span class="wwt-tag">Alle Fabrikate</span>
|
||||
<h3>Kfz-Reparaturen<br>aller Fabrikate</h3>
|
||||
<p>Ob Kleinwagen oder Transporter — wir reparieren jede Marke mit Meisterqualität, Erfahrung und Originalteilen.</p>
|
||||
<span class="wwt-more">Alle Leistungen <i class="icon-arrowhead-pointing-to-the-right"></i></span>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="services-1.html" class="wwt-card">
|
||||
<div class="wwt-card-bg" style="background-image:url('images/wwt/wwt-01.jpg')"></div>
|
||||
<div class="wwt-card-inner">
|
||||
<span class="wwt-icon"><i class="icon-oil"></i></span>
|
||||
<div class="wwt-card-body">
|
||||
<h3>Wartung & Ölwechsel</h3>
|
||||
<p>Inspektion nach Herstellervorgabe</p>
|
||||
<span class="wwt-more">Mehr erfahren <i class="icon-arrowhead-pointing-to-the-right"></i></span>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="services-2.html" class="wwt-card">
|
||||
<div class="wwt-card-bg" style="background-image:url('images/wwt/wwt-02.jpg')"></div>
|
||||
<div class="wwt-card-inner">
|
||||
<span class="wwt-icon"><i class="icon-disc-brake"></i></span>
|
||||
<div class="wwt-card-body">
|
||||
<h3>Bremsen-Service</h3>
|
||||
<p>Scheiben, Beläge & Bremsflüssigkeit</p>
|
||||
<span class="wwt-more">Mehr erfahren <i class="icon-arrowhead-pointing-to-the-right"></i></span>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="services-3.html" class="wwt-card">
|
||||
<div class="wwt-card-bg" style="background-image:url('images/wwt/wwt-03.jpg')"></div>
|
||||
<div class="wwt-card-inner">
|
||||
<span class="wwt-icon"><i class="icon-gearshift"></i></span>
|
||||
<div class="wwt-card-body">
|
||||
<h3>HU / AU</h3>
|
||||
<p>Haupt- & Abgasuntersuchung im Haus</p>
|
||||
<span class="wwt-more">Mehr erfahren <i class="icon-arrowhead-pointing-to-the-right"></i></span>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="services-4.html" class="wwt-card">
|
||||
<div class="wwt-card-bg" style="background-image:url('images/wwt/wwt-04.jpg')"></div>
|
||||
<div class="wwt-card-inner">
|
||||
<span class="wwt-icon"><i class="icon-car-wheel"></i></span>
|
||||
<div class="wwt-card-body">
|
||||
<h3>Reifen & Räder</h3>
|
||||
<p>Wechsel, Wuchten & Einlagerung</p>
|
||||
<span class="wwt-more">Mehr erfahren <i class="icon-arrowhead-pointing-to-the-right"></i></span>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="services-5.html" class="wwt-card wwt-card-wide">
|
||||
<div class="wwt-card-bg" style="background-image:url('images/wwt/wwt-05.jpg')"></div>
|
||||
<div class="wwt-card-inner">
|
||||
<span class="wwt-icon"><i class="icon-engine"></i></span>
|
||||
<div class="wwt-card-body">
|
||||
<h3>Klima-Service</h3>
|
||||
<p>Wartung, Desinfektion & Befüllung der Klimaanlage</p>
|
||||
<span class="wwt-more">Mehr erfahren <i class="icon-arrowhead-pointing-to-the-right"></i></span>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="services-6.html" class="wwt-card wwt-card-wide">
|
||||
<div class="wwt-card-bg" style="background-image:url('images/wwt/wwt-06.jpg')"></div>
|
||||
<div class="wwt-card-inner">
|
||||
<span class="wwt-icon"><i class="icon-exhaust-pipe"></i></span>
|
||||
<div class="wwt-card-body">
|
||||
<h3>Auspuff-Service</h3>
|
||||
<p>Prüfung & Austausch der Abgasanlage</p>
|
||||
<span class="wwt-more">Mehr erfahren <i class="icon-arrowhead-pointing-to-the-right"></i></span>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="wwt-cta">
|
||||
<p>Nicht sicher, was Ihr Auto braucht?</p>
|
||||
<a href="contact.html" class="btn btn-full"><span>Termin vereinbaren</span></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- //Was Wir Tun / Bento Grid -->
|
||||
<!-- Services List Block -->
|
||||
<div class="block bg-1">
|
||||
<div class="container">
|
||||
<h2 class="h-lg text-center">Unsere <span class="color">Leistungen</span></h2>
|
||||
<p class="info text-center"></p>
|
||||
<div class="row" id="slideMobile">
|
||||
<div class="col-sm-4 col-md-4">
|
||||
<ul class="marker-list">
|
||||
<li>KFZ-Reparaturen aller Fabrikate</li>
|
||||
<li>HU / AU</li>
|
||||
<li>Inspektion nach Herstellervorgaben</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-sm-4 col-md-4 view-more-mobile">
|
||||
<ul class="marker-list">
|
||||
<li>Reifenservice</li>
|
||||
<li>Klimaservice</li>
|
||||
<li>Fahrzeug-Diagnose</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-sm-4 col-md-4 view-more-mobile">
|
||||
<ul class="marker-list">
|
||||
<li>Unfallinstandsetzung</li>
|
||||
<li>Elektrische Fehlerdiagnose</li>
|
||||
<li>TÜV-Untersuchung</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="text-center"><a href="#slideMobile" class="view-more-link color"><span class="more">Alle Dienstleistungen</span><span class="less">Alle Dienste ausblenden</span></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- //Services List Block -->
|
||||
<!-- Block -->
|
||||
<div class="block">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-5">
|
||||
<img src="images/about-img.JPG" alt="" class="img-responsive">
|
||||
</div>
|
||||
<div class="divider visible-sm visible-xs"></div>
|
||||
<div class="col-md-7">
|
||||
<h2>KFZ MEISTERWERKSTATT DENIZ</h2>
|
||||
<p>Unsere Meisterwerkstatt steht Ihnen mit ihrer Full-Service Reparatur und Dienstleistungen zur Verfügung. Wir verwenden die neueste Diagnoseausrüstung, um zu garantieren, dass Ihr Fahrzeug ordnungsgemäß repariert und rechtzeitig Ihnen wieder zur Verfügung steht. Wir haben eine wachsende Familie, deshalb sind wir vor Kurzem umgezogen, um alle unsere Kunden glücklich zu machen.</p>
|
||||
<ul class="marker-list-sm marker-list-italic">
|
||||
<li>12 Monate Garantie</li>
|
||||
<li>Zertifizierte Techniker</li>
|
||||
<li>Schneller und zuverlässiger Service</li>
|
||||
<li>KFZ-Reparaturen aller Fabrikate</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- //Block -->
|
||||
<!-- How It Works -->
|
||||
<div class="block bg-2">
|
||||
<div class="container">
|
||||
<h2 class="h-lg text-center">Wie Es <span class="color">Funktioniert</span></h2>
|
||||
<div class="row how-works-row shifted">
|
||||
<div class="col-sm-6 col-md-3">
|
||||
<div class="how-works-block">
|
||||
<div class="image">
|
||||
<div class="image-scale"><img src="images/how-works-img-1.jpg" alt=""></div>
|
||||
</div>
|
||||
<div class="caption">
|
||||
<div class="inside">
|
||||
<div class="number"><span>1</span></div>
|
||||
<div class="text">
|
||||
<h5>Vereinbaren Sie einen Termin</h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6 col-md-3">
|
||||
<div class="how-works-block">
|
||||
<div class="image">
|
||||
<div class="image-scale"><img src="images/how-works-img-2.jpg" alt=""></div>
|
||||
</div>
|
||||
<div class="caption">
|
||||
<div class="inside">
|
||||
<div class="number"><span>2</span></div>
|
||||
<div class="text">
|
||||
<h5>Bringen Sie Ihr Auto</h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6 col-md-3">
|
||||
<div class="how-works-block">
|
||||
<div class="image">
|
||||
<div class="image-scale"><img src="images/how-works-img-3.jpg" alt=""></div>
|
||||
</div>
|
||||
<div class="caption">
|
||||
<div class="inside">
|
||||
<div class="number"><span>3</span></div>
|
||||
<div class="text">
|
||||
<h5>Warten Sie auf den zeitnahen Abholtermin</h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6 col-md-3">
|
||||
<div class="how-works-block">
|
||||
<div class="image">
|
||||
<div class="image-scale"><img src="images/how-works-img-4.jpg" alt=""></div>
|
||||
</div>
|
||||
<div class="caption">
|
||||
<div class="inside">
|
||||
<div class="number"><span>4</span></div>
|
||||
<div class="text">
|
||||
<h5>Holen Sie Ihr Auto ab</h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- //How It Works -->
|
||||
<!-- Services Block -->
|
||||
<div class="block">
|
||||
<div class="container">
|
||||
<h2 class="h-lg text-center">Warum KFZ - Meisterwerkstatt Deniz wählen?</h2>
|
||||
<!-- <p class="info text-center">We partnered with RepairPal to bring you the most sophisticated fair-price estimates </p>-->
|
||||
<div class="row text-icon-carousel">
|
||||
<div class="col-sm-4 col-md-4">
|
||||
<div class="text-icon">
|
||||
<div class="icon-wrapper"><span><i class="icon icon-technology"></i><span class="icon-hover"></span></span>
|
||||
</div>
|
||||
<h3 class="title">Fairness</h3>
|
||||
<p class="text">Faires Preis-Leistungs-Verhältnis und angenehmer Kundenservice</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-4 col-md-4">
|
||||
<div class="text-icon">
|
||||
<div class="icon-wrapper"><span><i class="icon icon-tool"></i><span class="icon-hover"></span></span>
|
||||
</div>
|
||||
<h3 class="title">Vertrauen</h3>
|
||||
<p class="text">Das Vertrauen kommt an erster Stelle. Überzeugen Sie sich von unserer Qualität!
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-4 col-md-4">
|
||||
<div class="text-icon">
|
||||
<div class="icon-wrapper"><span><i class="icon icon-diploma"></i><span class="icon-hover"></span></span>
|
||||
</div>
|
||||
<h3 class="title">Garantie</h3>
|
||||
<p class="text">Wir geben Ihnen eine Garantie von 12 Monaten
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- //Services Block -->
|
||||
<!-- Testimonials Block -->
|
||||
<div class="block bg-3 modern-reviews-section" id="bewertungen">
|
||||
<div class="container">
|
||||
<div class="reviews-heading">
|
||||
<div>
|
||||
<span class="reviews-kicker">Echte Erfahrungen</span>
|
||||
<h2 class="h-lg">Das sagen <span class="color">unsere Kunden</span></h2>
|
||||
</div>
|
||||
<div class="reviews-score" aria-label="Durchschnittlich 5 von 5 Sternen">
|
||||
<strong>5.0</strong>
|
||||
<div><span class="review-stars" aria-hidden="true">★★★★★</span><small>Ausgezeichnet bewertet</small></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="reviews-marquee" aria-label="Kundenbewertungen">
|
||||
<div class="review-column" style="--review-duration: 22s">
|
||||
<div class="review-track">
|
||||
<div class="review-set">
|
||||
<article class="review-card">
|
||||
<div class="review-stars" aria-label="5 von 5 Sternen">★★★★★</div>
|
||||
<p>„Gute Beratung, gute Betreuung und das Ganze schnell. Herr Deniz hat den Elektronikfehler für einen Bruchteil des ursprünglich genannten Preises behoben.“</p>
|
||||
<footer><span class="review-avatar">PW</span><span><strong>Pascal Wortel</strong><small>Kundenbewertung</small></span></footer>
|
||||
</article>
|
||||
<article class="review-card">
|
||||
<div class="review-stars" aria-label="5 von 5 Sternen">★★★★★</div>
|
||||
<p>„Super nett, faire Preise und eine wirklich gute Beratung. Gerne wieder!“</p>
|
||||
<footer><span class="review-avatar">EW</span><span><strong>Eugen Wiesner</strong><small>Kundenbewertung</small></span></footer>
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="review-column" style="--review-duration: 27s">
|
||||
<div class="review-track">
|
||||
<div class="review-set">
|
||||
<article class="review-card">
|
||||
<div class="review-stars" aria-label="5 von 5 Sternen">★★★★★</div>
|
||||
<p>„Außergewöhnliche Lösungswege, ein tolles Ergebnis und dabei ausgesprochen freundlich. Ich fühle mich rundum wohl und gut aufgehoben.“</p>
|
||||
<footer><span class="review-avatar">SS</span><span><strong>Sebastian Schmitt</strong><small>Kundenbewertung</small></span></footer>
|
||||
</article>
|
||||
<article class="review-card">
|
||||
<div class="review-stars" aria-label="5 von 5 Sternen">★★★★★</div>
|
||||
<p>„Super freundlich und hilfsbereit, relativ günstig und sehr schnell. Ich würde sogar sechs Sterne geben!“</p>
|
||||
<footer><span class="review-avatar">AL</span><span><strong>Amber Lunckenbein</strong><small>Kundenbewertung</small></span></footer>
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="review-column" style="--review-duration: 24s">
|
||||
<div class="review-track">
|
||||
<div class="review-set">
|
||||
<article class="review-card">
|
||||
<div class="review-stars" aria-label="5 von 5 Sternen">★★★★★</div>
|
||||
<p>„Das Team versteht sein Handwerk, berät hervorragend und ist dabei sehr freundlich. Das ist jetzt die Werkstatt meines Vertrauens.“</p>
|
||||
<footer><span class="review-avatar">AS</span><span><strong>Alex Seitz</strong><small>Kundenbewertung</small></span></footer>
|
||||
</article>
|
||||
<article class="review-card">
|
||||
<div class="review-stars" aria-label="5 von 5 Sternen">★★★★★</div>
|
||||
<p>„Freundlicher Service zu fairen Preisen. Für zukünftige Wartungen und Reparaturen komme ich nur noch zu dieser Werkstatt.“</p>
|
||||
<footer><span class="review-avatar">JG</span><span><strong>Joy Greeny</strong><small>Kundenbewertung</small></span></footer>
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- //Testimonials Block -->
|
||||
|
||||
<!-- Appointment Block -->
|
||||
<div class="block">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="text-appointment">
|
||||
<h2 class="h-lg">Jetzt <span class="color"> Termin </span> vereinbaren</h2>
|
||||
<p class="info">Sie erreichen uns unter:</p>
|
||||
<h2 class="h-phone"><a href="tel:+4963162489164"style="text-decoration: none;" >Tel: +49-631-62489164</a></h2>
|
||||
<h2 class="h-phone"><a href="tel:+4915772490109"style="text-decoration: none;" >Mob: +49-157-72490109</a></h2>
|
||||
<div class="btn-inline">
|
||||
<a class="btn btn-invert" href="#" data-toggle="modal" data-target="#appointmentForm"><span>Termin</span></a>
|
||||
<!--<div class="form-popup-wrap">
|
||||
<a class="btn" href="#" data-toggle="modal" data-target="#appointmentForm"><span>Preis ?</span></a>
|
||||
</div>-->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="img-move animation" data-animation="fadeInRight" data-animation-delay="0s">
|
||||
<img src="images/img-car-move.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- //Appointment Block -->
|
||||
</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=""></i>E-Mail: meisterwerkstatt-deniz@gmx.de
|
||||
</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-Donnerstag <span class="color"> 8:00 - 17:00 Uhr</span>
|
||||
<br> Freitag <span class="color"> Nach Vereinbarung</span><br>
|
||||
<!--<br><strong><span class="color">Wir haben Betriebsurlaub vom 24.05.2024 bis 03.06.2024</span></strong>-->
|
||||
</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-instagram-logo" href="https://www.instagram.com/salihdeniz5259/"></a>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-col-right">
|
||||
<div class="modern-map-shell">
|
||||
<div id="footer-map-modern" class="footer-map footer-map-modern" aria-label="Interaktive Karte zur KFZ-Meisterwerkstatt Deniz"></div>
|
||||
<div class="map-location-card">
|
||||
<span class="map-location-kicker">Ihr Weg zu uns</span>
|
||||
<strong>KFZ-Meisterwerkstatt Deniz</strong>
|
||||
<span>Spitalstraße 25 · 67659 Kaiserslautern</span>
|
||||
<a href="https://www.google.com/maps/dir/?api=1&destination=Spitalstra%C3%9Fe+25%2C+67659+Kaiserslautern" target="_blank" rel="noopener">Route planen <span aria-hidden="true">↗</span></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-bottom">
|
||||
<div class="container">
|
||||
<div class="copyright">© 2026 KFZ-Meisterwerkstatt Deniz · Alle Rechte vorbehalten</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- //Footer -->
|
||||
<div class="darkout-menu"></div>
|
||||
<!--Get Form Info-->
|
||||
<div class="modal modal-info fade" id="tab1Modal">
|
||||
<div class="modal-dialog container">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<div class="row">
|
||||
<div class="col-xs-9">
|
||||
<h3>The Tires Price</h3>
|
||||
</div>
|
||||
<div class="col-xs-3">
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="icon-close-cross"></i></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quae in, perspiciatis iusto rerum non temporibus tenetur.
|
||||
<ul class="marker-list-sm marker-list-italic">
|
||||
<li><b>Price:</b> $49.95</li>
|
||||
<li><b>Your discount:</b> -20%</li>
|
||||
<li><b>Total Price:</b> $39.95</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- //Get Form Info -->
|
||||
<!--Get Form Info-->
|
||||
<div class="modal modal-info fade" id="tab2Modal">
|
||||
<div class="modal-dialog container">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<div class="row">
|
||||
<div class="col-xs-9">
|
||||
<h3>Oil Change Price</h3>
|
||||
</div>
|
||||
<div class="col-xs-3">
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="icon-close-cross"></i></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quae in, perspiciatis iusto rerum non temporibus tenetur.
|
||||
<ul class="marker-list-sm marker-list-italic">
|
||||
<li><b>Price:</b> $49.95</li>
|
||||
<li><b>Your discount:</b> -20%</li>
|
||||
<li><b>Total Price:</b> $39.95</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- //Get Form Info -->
|
||||
<!--Get Form Info-->
|
||||
<div class="modal modal-info fade" id="tab3Modal">
|
||||
<div class="modal-dialog container">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<div class="row">
|
||||
<div class="col-xs-9">
|
||||
<h3>Batteries Price</h3>
|
||||
</div>
|
||||
<div class="col-xs-3">
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="icon-close-cross"></i></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quae in, perspiciatis iusto rerum non temporibus tenetur.
|
||||
<ul class="marker-list-sm marker-list-italic">
|
||||
<li><b>Price:</b> $49.95</li>
|
||||
<li><b>Your discount:</b> -20%</li>
|
||||
<li><b>Total Price:</b> $39.95</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- //Get Form Info -->
|
||||
<!--Get Form Info-->
|
||||
<div class="modal modal-info fade" id="tab4Modal">
|
||||
<div class="modal-dialog container">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<div class="row">
|
||||
<div class="col-xs-9">
|
||||
<h3>Brakes Price</h3>
|
||||
</div>
|
||||
<div class="col-xs-3">
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="icon-close-cross"></i></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quae in, perspiciatis iusto rerum non temporibus tenetur.
|
||||
<ul class="marker-list-sm marker-list-italic">
|
||||
<li><b>Price:</b> $49.95</li>
|
||||
<li><b>Your discount:</b> -20%</li>
|
||||
<li><b>Total Price:</b> $39.95</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- //Get Form Info -->
|
||||
<!--Get Form Info-->
|
||||
<div class="modal modal-info fade" id="tab5Modal">
|
||||
<div class="modal-dialog container">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<div class="row">
|
||||
<div class="col-xs-9">
|
||||
<h3>Aligment Price</h3>
|
||||
</div>
|
||||
<div class="col-xs-3">
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="icon-close-cross"></i></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quae in, perspiciatis iusto rerum non temporibus tenetur.
|
||||
<ul class="marker-list-sm marker-list-italic">
|
||||
<li><b>Price:</b> $49.95</li>
|
||||
<li><b>Your discount:</b> -20%</li>
|
||||
<li><b>Total Price:</b> $39.95</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- //Get Form Info -->
|
||||
<!--Get Recalls-->
|
||||
<div class="modal modal-info fade" id="getRecallsModal">
|
||||
<div class="modal-dialog container">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<div class="row">
|
||||
<div class="col-xs-9">
|
||||
<h3>Recalls, Investigations & Complaints</h3>
|
||||
</div>
|
||||
<div class="col-xs-3">
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="icon-close-cross"></i></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quae in, perspiciatis iusto rerum non temporibus tenetur.
|
||||
<ul class="marker-list-sm marker-list-italic">
|
||||
<li>Lorem ipsum dolor sit amet, consectetur</li>
|
||||
<li>Repellendus alias unde tempore assumenda fugiat</li>
|
||||
<li>Blanditiis impedit repellat, quos minus dolorem autem</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- //Get Recalls -->
|
||||
<!-- 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>Termin <span class="color">vereinbaren</span></h2>
|
||||
<p>Sie erreichen uns unter +49 631 62489164 / +49 157 72490109 oder füllen Sie das untenstehende Formular mit Ihren Informationen und den gewünschten Angeboten aus. Wir bestätigen Ihnen den Termin.</p>
|
||||
<div class="divider"></div>
|
||||
<form id="appointment-form" class="contact-form form-horizontal" name="contactform" method="post">
|
||||
<div id="successAppointment" class="successform">
|
||||
<p>Ihre Nachricht wurde erfolgreich gesendet!</p>
|
||||
</div>
|
||||
<div id="errorAppointment" class="errorform">
|
||||
<p>Irgendetwas ging schief, versuchen Sie es erneut.</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="Telefonnummer">
|
||||
</div>
|
||||
<div>
|
||||
<input type="text" name="email" class="form-control input-custom" value="" placeholder="E-Mail">
|
||||
</div>
|
||||
</div>
|
||||
<div class="divider"></div>
|
||||
<h5>Wunschtermin</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="Modell">
|
||||
</div>
|
||||
<div class="form-inline">
|
||||
<div class="select-wrapper">
|
||||
<select name="select1" class="input-custom">
|
||||
<option value="1960">1960</option>
|
||||
<option value="1961">1961</option>
|
||||
<option value="1962">1962</option>
|
||||
<option value="1963">1963</option>
|
||||
<option value="1964">1964</option>
|
||||
<option value="1965">1965</option>
|
||||
<option value="1966">1966</option>
|
||||
<option value="1967">1967</option>
|
||||
<option value="1968">1968</option>
|
||||
<option value="1969">1969</option>
|
||||
<option value="1970">1970</option>
|
||||
<option value="1971">1971</option>
|
||||
<option value="1972">1972</option>
|
||||
<option value="1973">1973</option>
|
||||
<option value="1974">1974</option>
|
||||
<option value="1976">1975</option>
|
||||
<option value="1976">1976</option>
|
||||
<option value="1977">1977</option>
|
||||
<option value="1978">1978</option>
|
||||
<option value="1979">1979</option>
|
||||
<option value="1980">1980</option>
|
||||
<option value="1981">1981</option>
|
||||
<option value="1982">1982</option>
|
||||
<option value="1983">1983</option>
|
||||
<option value="1984">1984</option>
|
||||
<option value="1985">1985</option>
|
||||
<option value="1986">1986</option>
|
||||
<option value="1987">1987</option>
|
||||
<option value="1988">1988</option>
|
||||
<option value="1989">1989</option>
|
||||
<option value="1990">1990</option>
|
||||
<option value="1991">1991</option>
|
||||
<option value="1992">1992</option>
|
||||
<option value="1993">1993</option>
|
||||
<option value="1994">1994</option>
|
||||
<option value="1995">1995</option>
|
||||
<option value="1996">1996</option>
|
||||
<option value="1997">1997</option>
|
||||
<option value="1998">1998</option>
|
||||
<option value="1999">1999</option>
|
||||
<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>
|
||||
<option value="2018">2018</option>
|
||||
<option value="2019">2019</option>
|
||||
</select>
|
||||
</div>
|
||||
<div>
|
||||
<input name="kilometers" type="text" class="form-control input-custom" value="" placeholder="Kilometerstand">
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<img class="schluesselnummer" src="images/schluesselnummer.jpg" alt="Schluesselnummer">
|
||||
<input type="text" name="schluesselnummer" class="form-control input-custom" value="" placeholder="Schlüsselnummer">
|
||||
</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 sein kann. 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>
|
||||
<script src="https://unpkg.com/maplibre-gl@5.24.0/dist/maplibre-gl.js"></script>
|
||||
<!-- Custom JavaScripts -->
|
||||
<script src="js/custom.js"></script>
|
||||
<script src="js/forms.js"></script>
|
||||
<script src="js/modern-map.js"></script>
|
||||
<script src="js/modern-reviews.js"></script>
|
||||
<script src="js/modern-site.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
1022
js/custom.js
Normal file
1022
js/custom.js
Normal file
File diff suppressed because it is too large
Load Diff
206
js/forms.js
Normal file
206
js/forms.js
Normal file
@@ -0,0 +1,206 @@
|
||||
(function ($) {
|
||||
|
||||
"use strict";
|
||||
|
||||
var $document = $(document),
|
||||
$window = $(window),
|
||||
forms = {
|
||||
contactForm: $('#contactform'),
|
||||
appointmentForm: $('#appointment-form') ,
|
||||
quoteForm: $('#quote-form')
|
||||
};
|
||||
|
||||
$document.ready(function () {
|
||||
|
||||
// quote form
|
||||
if (forms.quoteForm.length) {
|
||||
var $quoteForm = forms.quoteForm;
|
||||
$quoteForm.validate({
|
||||
rules: {
|
||||
name: {
|
||||
required: true,
|
||||
minlength: 2
|
||||
},
|
||||
message: {
|
||||
required: true,
|
||||
minlength: 20
|
||||
},
|
||||
email: {
|
||||
required: true,
|
||||
email: true
|
||||
}
|
||||
|
||||
},
|
||||
messages: {
|
||||
name: {
|
||||
required: "Please enter your name",
|
||||
minlength: "Your name must consist of at least 2 characters"
|
||||
},
|
||||
message: {
|
||||
required: "Please enter message",
|
||||
minlength: "Your message must consist of at least 20 characters"
|
||||
},
|
||||
email: {
|
||||
required: "Please enter your email"
|
||||
}
|
||||
},
|
||||
submitHandler: function (form) {
|
||||
$(form).ajaxSubmit({
|
||||
type: "POST",
|
||||
data: $(form).serialize(),
|
||||
url: "form/process-quote.php",
|
||||
success: function () {
|
||||
$('#successQuote').fadeIn();
|
||||
$('#quote-form').each(function () {
|
||||
this.reset();
|
||||
});
|
||||
},
|
||||
error: function () {
|
||||
$('#quote-form').fadeTo("slow", 0, function () {
|
||||
$('#errorQuote').fadeIn();
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
// appointment form
|
||||
if (forms.appointmentForm.length) {
|
||||
var $appointmentForm = forms.appointmentForm;
|
||||
$appointmentForm.validate({
|
||||
rules: {
|
||||
name: {
|
||||
required: true,
|
||||
minlength: 2
|
||||
},
|
||||
message: {
|
||||
required: true,
|
||||
minlength: 20
|
||||
},
|
||||
email: {
|
||||
required: true,
|
||||
email: true
|
||||
}
|
||||
|
||||
},
|
||||
messages: {
|
||||
name: {
|
||||
required: "Please enter your name",
|
||||
minlength: "Your name must consist of at least 2 characters"
|
||||
},
|
||||
message: {
|
||||
required: "Please enter message",
|
||||
minlength: "Your message must consist of at least 20 characters"
|
||||
},
|
||||
email: {
|
||||
required: "Please enter your email"
|
||||
}
|
||||
},
|
||||
submitHandler: function (form) {
|
||||
$(form).ajaxSubmit({
|
||||
type: "POST",
|
||||
data: $(form).serialize(),
|
||||
url: "form/process-appointment.php",
|
||||
success: function () {
|
||||
$('#successAppointment').fadeIn();
|
||||
$('#appointment-form').each(function () {
|
||||
this.reset();
|
||||
});
|
||||
},
|
||||
error: function () {
|
||||
$('#appointment-form').fadeTo("slow", 0, function () {
|
||||
$('#errorAppointment').fadeIn();
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
// contact page form
|
||||
if (forms.contactForm.length) {
|
||||
var $contactform = forms.contactForm;
|
||||
$contactform.validate({
|
||||
rules: {
|
||||
name: {
|
||||
required: true,
|
||||
minlength: 2
|
||||
},
|
||||
message: {
|
||||
required: true,
|
||||
minlength: 20
|
||||
},
|
||||
email: {
|
||||
required: true,
|
||||
email: true
|
||||
}
|
||||
|
||||
},
|
||||
messages: {
|
||||
name: {
|
||||
required: "Please enter your name",
|
||||
minlength: "Your name must consist of at least 2 characters"
|
||||
},
|
||||
message: {
|
||||
required: "Please enter message",
|
||||
minlength: "Your message must consist of at least 20 characters"
|
||||
},
|
||||
email: {
|
||||
required: "Please enter your email"
|
||||
}
|
||||
},
|
||||
submitHandler: function (form) {
|
||||
$(form).ajaxSubmit({
|
||||
type: "POST",
|
||||
data: $(form).serialize(),
|
||||
url: "form/process-contact.php",
|
||||
success: function () {
|
||||
$('#success').fadeIn();
|
||||
$('#contactform').each(function () {
|
||||
this.reset();
|
||||
});
|
||||
},
|
||||
error: function () {
|
||||
$('#contactform').fadeTo("slow", 0, function () {
|
||||
$('#error').fadeIn();
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
// datepicker
|
||||
if ($('.datetimepicker').length) {
|
||||
$('.datetimepicker').datetimepicker({
|
||||
format: 'DD/MM/YYYY',
|
||||
icons: {
|
||||
time: 'icon icon-clock',
|
||||
date: 'icon icon-calendar',
|
||||
up: 'icon icon-arrow_up',
|
||||
down: 'icon icon-arrow_down',
|
||||
previous: 'icon icon-arrow-left',
|
||||
next: 'icon icon-arrow-right',
|
||||
today: 'icon icon-today',
|
||||
clear: 'icon icon-trash',
|
||||
close: 'icon icon-cancel-music'
|
||||
}
|
||||
});
|
||||
}
|
||||
if ($('.timepicker').length) {
|
||||
$('.timepicker').datetimepicker({
|
||||
format: 'LT',
|
||||
icons: {
|
||||
time: 'icon icon-clock',
|
||||
up: 'icon icon-arrow_up',
|
||||
down: 'icon icon-arrow_down',
|
||||
previous: 'icon icon-arrow-left',
|
||||
next: 'icon icon-arrow-right'
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
})(jQuery);
|
||||
4
js/jquery.js
vendored
Normal file
4
js/jquery.js
vendored
Normal file
File diff suppressed because one or more lines are too long
64
js/modern-map.js
Normal file
64
js/modern-map.js
Normal file
@@ -0,0 +1,64 @@
|
||||
(function () {
|
||||
"use strict";
|
||||
|
||||
var container = document.getElementById("footer-map-modern");
|
||||
var footerColumn = document.querySelector(".page-footer .footer-col-right");
|
||||
|
||||
if (!container && footerColumn) {
|
||||
footerColumn.innerHTML =
|
||||
'<div class="modern-map-shell">' +
|
||||
'<div id="footer-map-modern" class="footer-map footer-map-modern" aria-label="Interaktive Karte zur KFZ-Meisterwerkstatt Deniz"></div>' +
|
||||
'<div class="map-location-card">' +
|
||||
'<span class="map-location-kicker">Ihr Weg zu uns</span>' +
|
||||
'<strong>KFZ-Meisterwerkstatt Deniz</strong>' +
|
||||
'<span>Spitalstraße 25 · 67659 Kaiserslautern</span>' +
|
||||
'<a href="https://www.google.com/maps/dir/?api=1&destination=Spitalstra%C3%9Fe+25%2C+67659+Kaiserslautern" target="_blank" rel="noopener">Route planen <span aria-hidden="true">↗</span></a>' +
|
||||
'</div>' +
|
||||
'</div>';
|
||||
container = document.getElementById("footer-map-modern");
|
||||
}
|
||||
|
||||
if (!container || typeof maplibregl === "undefined") return;
|
||||
|
||||
var workshop = [7.763757080291502, 49.4460487802915];
|
||||
var map = new maplibregl.Map({
|
||||
container: container,
|
||||
style: "https://basemaps.cartocdn.com/gl/dark-matter-gl-style/style.json",
|
||||
center: workshop,
|
||||
zoom: 14.7,
|
||||
pitch: 18,
|
||||
bearing: -7,
|
||||
attributionControl: false,
|
||||
renderWorldCopies: false
|
||||
});
|
||||
|
||||
map.addControl(new maplibregl.NavigationControl({ showCompass: true }), "top-right");
|
||||
map.addControl(new maplibregl.AttributionControl({ compact: true }), "bottom-right");
|
||||
|
||||
var markerElement = document.createElement("button");
|
||||
markerElement.type = "button";
|
||||
markerElement.className = "deniz-map-marker";
|
||||
markerElement.setAttribute("aria-label", "KFZ-Meisterwerkstatt Deniz auf der Karte anzeigen");
|
||||
|
||||
var popup = new maplibregl.Popup({
|
||||
offset: 30,
|
||||
closeButton: false,
|
||||
maxWidth: "250px"
|
||||
}).setHTML("<strong>KFZ-Meisterwerkstatt Deniz</strong><span>Spitalstraße 25 · Kaiserslautern</span>");
|
||||
|
||||
new maplibregl.Marker({ element: markerElement, anchor: "bottom" })
|
||||
.setLngLat(workshop)
|
||||
.setPopup(popup)
|
||||
.addTo(map);
|
||||
|
||||
map.on("load", function () {
|
||||
window.setTimeout(function () {
|
||||
map.resize();
|
||||
popup.setLngLat(workshop).addTo(map);
|
||||
}, 120);
|
||||
});
|
||||
|
||||
window.addEventListener("resize", function () {
|
||||
map.resize();
|
||||
});
|
||||
})();
|
||||
13
js/modern-reviews.js
Normal file
13
js/modern-reviews.js
Normal file
@@ -0,0 +1,13 @@
|
||||
(function () {
|
||||
"use strict";
|
||||
|
||||
var tracks = document.querySelectorAll(".review-track");
|
||||
tracks.forEach(function (track) {
|
||||
var original = track.querySelector(".review-set");
|
||||
if (!original || track.querySelectorAll(".review-set").length > 1) return;
|
||||
|
||||
var duplicate = original.cloneNode(true);
|
||||
duplicate.setAttribute("aria-hidden", "true");
|
||||
track.appendChild(duplicate);
|
||||
});
|
||||
})();
|
||||
56
js/modern-site.js
Normal file
56
js/modern-site.js
Normal file
@@ -0,0 +1,56 @@
|
||||
(function () {
|
||||
"use strict";
|
||||
|
||||
document.querySelectorAll(".search-container").forEach(function (search) {
|
||||
var column = search.closest("[class*='col-md-']");
|
||||
if (column) column.remove();
|
||||
else search.remove();
|
||||
});
|
||||
|
||||
document.querySelectorAll("#slidemenu .col-md-11").forEach(function (navigation) {
|
||||
navigation.classList.remove("col-md-11");
|
||||
navigation.classList.add("col-md-12");
|
||||
});
|
||||
|
||||
document.querySelectorAll(".page-footer .copyright").forEach(function (copyright) {
|
||||
copyright.textContent = "© 2026 KFZ-Meisterwerkstatt Deniz · Alle Rechte vorbehalten";
|
||||
});
|
||||
})();
|
||||
|
||||
/* Was Wir Tun — bento grid: mouse spotlight + staggered scroll reveal */
|
||||
(function () {
|
||||
"use strict";
|
||||
|
||||
var cards = Array.prototype.slice.call(document.querySelectorAll(".wwt-card"));
|
||||
if (!cards.length) return;
|
||||
|
||||
var fine = window.matchMedia && window.matchMedia("(hover: hover) and (pointer: fine)").matches;
|
||||
if (fine) {
|
||||
cards.forEach(function (card) {
|
||||
card.addEventListener("mousemove", function (e) {
|
||||
var r = card.getBoundingClientRect();
|
||||
card.style.setProperty("--mx", (e.clientX - r.left) + "px");
|
||||
card.style.setProperty("--my", (e.clientY - r.top) + "px");
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
/* reveal classes are added via JS only, so cards stay visible without JS */
|
||||
if ("IntersectionObserver" in window) {
|
||||
cards.forEach(function (card, i) {
|
||||
card.style.setProperty("--wwt-i", i % 4);
|
||||
card.classList.add("wwt-reveal");
|
||||
});
|
||||
|
||||
var observer = new IntersectionObserver(function (entries) {
|
||||
entries.forEach(function (entry) {
|
||||
if (entry.isIntersecting) {
|
||||
entry.target.classList.add("wwt-in");
|
||||
observer.unobserve(entry.target);
|
||||
}
|
||||
});
|
||||
}, { threshold: 0.15, rootMargin: "0px 0px -40px 0px" });
|
||||
|
||||
cards.forEach(function (card) { observer.observe(card); });
|
||||
}
|
||||
})();
|
||||
2
js/plugins/bootstrap-datetimepicker.min.js
vendored
Normal file
2
js/plugins/bootstrap-datetimepicker.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
7
js/plugins/bootstrap.min.js
vendored
Normal file
7
js/plugins/bootstrap.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
7
js/plugins/imagesloaded.pkgd.min.js
vendored
Normal file
7
js/plugins/imagesloaded.pkgd.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
12
js/plugins/isotope.pkgd.min.js
vendored
Normal file
12
js/plugins/isotope.pkgd.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
80
js/plugins/jquery.countTo.js
Normal file
80
js/plugins/jquery.countTo.js
Normal file
@@ -0,0 +1,80 @@
|
||||
(function ($) {
|
||||
$.fn.countTo = function (options) {
|
||||
options = options || {};
|
||||
|
||||
return $(this).each(function () {
|
||||
// set options for current element
|
||||
var settings = $.extend({}, $.fn.countTo.defaults, {
|
||||
from: $(this).data('from'),
|
||||
to: $(this).data('to'),
|
||||
speed: $(this).data('speed'),
|
||||
refreshInterval: $(this).data('refresh-interval'),
|
||||
decimals: $(this).data('decimals')
|
||||
}, options);
|
||||
|
||||
// how many times to update the value, and how much to increment the value on each update
|
||||
var loops = Math.ceil(settings.speed / settings.refreshInterval),
|
||||
increment = (settings.to - settings.from) / loops;
|
||||
|
||||
// references & variables that will change with each update
|
||||
var self = this,
|
||||
$self = $(this),
|
||||
loopCount = 0,
|
||||
value = settings.from,
|
||||
data = $self.data('countTo') || {};
|
||||
|
||||
$self.data('countTo', data);
|
||||
|
||||
// if an existing interval can be found, clear it first
|
||||
if (data.interval) {
|
||||
clearInterval(data.interval);
|
||||
}
|
||||
data.interval = setInterval(updateTimer, settings.refreshInterval);
|
||||
|
||||
// initialize the element with the starting value
|
||||
render(value);
|
||||
|
||||
function updateTimer() {
|
||||
value += increment;
|
||||
loopCount++;
|
||||
|
||||
render(value);
|
||||
|
||||
if (typeof (settings.onUpdate) == 'function') {
|
||||
settings.onUpdate.call(self, value);
|
||||
}
|
||||
|
||||
if (loopCount >= loops) {
|
||||
// remove the interval
|
||||
$self.removeData('countTo');
|
||||
clearInterval(data.interval);
|
||||
value = settings.to;
|
||||
|
||||
if (typeof (settings.onComplete) == 'function') {
|
||||
settings.onComplete.call(self, value);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function render(value) {
|
||||
var formattedValue = settings.formatter.call(self, value, settings);
|
||||
$self.html(formattedValue);
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
$.fn.countTo.defaults = {
|
||||
from: 0, // the number the element should start at
|
||||
to: 0, // the number the element should end at
|
||||
speed: 1000, // how long it should take to count between the target numbers
|
||||
refreshInterval: 100, // how often the element should be updated
|
||||
decimals: 0, // the number of decimal places to show
|
||||
formatter: formatter, // handler for formatting the value before rendering
|
||||
onUpdate: null, // callback method for every time the element is updated
|
||||
onComplete: null // callback method for when the element finishes updating
|
||||
};
|
||||
|
||||
function formatter(value, settings) {
|
||||
return value.toFixed(settings.decimals);
|
||||
}
|
||||
}(jQuery));
|
||||
1174
js/plugins/jquery.form.js
Normal file
1174
js/plugins/jquery.form.js
Normal file
File diff suppressed because it is too large
Load Diff
4
js/plugins/jquery.magnific-popup.min.js
vendored
Normal file
4
js/plugins/jquery.magnific-popup.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
2
js/plugins/jquery.validate.min.js
vendored
Normal file
2
js/plugins/jquery.validate.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
7
js/plugins/jquery.waypoints.min.js
vendored
Normal file
7
js/plugins/jquery.waypoints.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
4301
js/plugins/moment.js
Normal file
4301
js/plugins/moment.js
Normal file
File diff suppressed because it is too large
Load Diff
18
js/plugins/slick.min.js
vendored
Normal file
18
js/plugins/slick.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
526
services-1.html
Normal file
526
services-1.html
Normal file
@@ -0,0 +1,526 @@
|
||||
<!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">Lädt...</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">
|
||||
Mo - Fr <span class="custom-color"> 8:00 - 18:00 Uhr (Sa 10:00-14:00)</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">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>Galerie</span></a></li>
|
||||
<li><a href="testimonials.html"><span>Bewertungen</span></a></li>
|
||||
<li><a href="faq.html"><span>Anfahrt</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>Wartung</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">Wartung</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-oil"></i></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- //Services -->
|
||||
<!-- Block -->
|
||||
<div class="block offset-sm">
|
||||
<div class="container">
|
||||
<div class="text-center">
|
||||
<h3 class="text-center">Ölwechsel</h3>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<p>Eine der einfachsten, effektivsten und kostengünstigsten Möglichkeiten, um das Leben Ihres Autos zu schützen, vor allem sein Motor, ist es, das Öl und den Ölfilter regelmäßig zu wechseln.</p>
|
||||
<p>Öl ist der Lebensnerv deines Motors. Es verringert die Reibung, verringert den Verschleiß, schafft Schmierung, bildet eine Abdichtung zwischen den Kolben, Ringen und Zylinderwänden, während es hilft, Motorteile zu kühlen. Ohne die Reinigungswirkung von neuem Öl, würde Kohlenstoff und Lackaufbau für den Motor giftig sein. Und Motoröl dämpft sogar den Schock und das Geräusch von beweglichen Teilen.</p>
|
||||
7
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<p>Während du dort bist, lass uns einen Scheck durchführen, der eine visuelle Kontrolle der folgenden Elemente beinhaltet:</p>
|
||||
<ul class="marker-list-sm">
|
||||
<li>Motorluftfilter</li>
|
||||
<li>Bremsflüssigkeit</li>
|
||||
<li>Servolenkungsflüssigkeit</li>
|
||||
<li>Automatikgetriebeöl</li>
|
||||
<li>Kühlmittel / Frostschutzmittel</li>
|
||||
<li>Wir werden auch Sie durch die Empfehlungen Ihres Fahrzeugherstellers gehen,
|
||||
<br> um diese lebenswichtigen Flüssigkeiten und Filter zu ersetzen.
|
||||
</li>
|
||||
</ul>
|
||||
<p>Ölwechsel 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>
|
||||
|
||||
</select>
|
||||
</div>
|
||||
<div class="select-wrapper">
|
||||
<select name="select2" class="input-custom">
|
||||
<option value="2000">1960</option>
|
||||
<option value="2000">1961</option>
|
||||
<option value="2000">1962</option>
|
||||
<option value="2000">1963</option>
|
||||
<option value="2000">1964</option>
|
||||
<option value="2000">1965</option>
|
||||
<option value="2000">1966</option>
|
||||
<option value="2000">1967</option>
|
||||
<option value="2000">1968</option>
|
||||
<option value="2000">1969</option>
|
||||
<option value="2000">1970</option>
|
||||
<option value="2000">1971</option>
|
||||
<option value="2000">1972</option>
|
||||
<option value="2000">1973</option>
|
||||
<option value="2000">1974</option>
|
||||
<option value="2000">1975</option>
|
||||
<option value="2000">1976</option>
|
||||
<option value="2000">1977</option>
|
||||
<option value="2000">1978</option>
|
||||
<option value="2000">1979</option>
|
||||
<option value="2000">1980</option>
|
||||
<option value="2000">1981</option>
|
||||
<option value="2000">1982</option>
|
||||
<option value="2000">1983</option>
|
||||
<option value="2000">1984</option>
|
||||
<option value="2000">1985</option>
|
||||
<option value="2000">1986</option>
|
||||
<option value="2000">1987</option>
|
||||
<option value="2000">1988</option>
|
||||
<option value="2000">1989</option>
|
||||
<option value="2000">1990</option>
|
||||
<option value="2000">1991</option>
|
||||
<option value="2000">1992</option>
|
||||
<option value="2000">1993</option>
|
||||
<option value="2000">1994</option>
|
||||
<option value="2000">1995</option>
|
||||
<option value="2000">1996</option>
|
||||
<option value="2000">1997</option>
|
||||
<option value="2000">1998</option>
|
||||
<option value="2000">1999</option>
|
||||
<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>
|
||||
<option value="2017">2018</option>
|
||||
<option value="2017">2019</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">Getriebe Service & Reparatur</option>
|
||||
<option value="Others">Andere</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="faq.html" class="icon-wrapper"><span><i class="icon icon-diploma"></i><span class="icon-hover"></span></span></a>
|
||||
<h4 class="title">Anfahrt</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-Freitag <span class="color"> 8:00 - 18:00 Uhr</span>
|
||||
<br> Samstag 10:00-14:00 Uhr
|
||||
</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-instagram-logo" href="https://www.instagram.com/salihdeniz5259/"></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">© 2019 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>Termin <span class="color">vereinbaren</span></h2>
|
||||
<p>Sie erreichen uns unter +49 631 62489164 / +49 157 72490109 oder füllen Sie das untenstehende Formular mit Ihren Informationen und den gewünschten Angeboten aus. Wir bestätigen Ihnen den Termin.</p>
|
||||
<div class="divider"></div>
|
||||
<form id="appointment-form" class="contact-form form-horizontal" name="contactform" method="post">
|
||||
<div id="successAppointment" class="successform">
|
||||
<p>Ihre Nachricht wurde erfolgreich gesendet!</p>
|
||||
</div>
|
||||
<div id="errorAppointment" class="errorform">
|
||||
<p>Irgendetwas ging schief, versuchen Sie es erneut.</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="Telefonnummer">
|
||||
</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="Modell">
|
||||
</div>
|
||||
<div class="form-inline">
|
||||
<div class="select-wrapper">
|
||||
<select name="select1" class="input-custom">
|
||||
<option value="2000">1960</option>
|
||||
<option value="2000">1961</option>
|
||||
<option value="2000">1962</option>
|
||||
<option value="2000">1963</option>
|
||||
<option value="2000">1964</option>
|
||||
<option value="2000">1965</option>
|
||||
<option value="2000">1966</option>
|
||||
<option value="2000">1967</option>
|
||||
<option value="2000">1968</option>
|
||||
<option value="2000">1969</option>
|
||||
<option value="2000">1970</option>
|
||||
<option value="2000">1971</option>
|
||||
<option value="2000">1972</option>
|
||||
<option value="2000">1973</option>
|
||||
<option value="2000">1974</option>
|
||||
<option value="2000">1975</option>
|
||||
<option value="2000">1976</option>
|
||||
<option value="2000">1977</option>
|
||||
<option value="2000">1978</option>
|
||||
<option value="2000">1979</option>
|
||||
<option value="2000">1980</option>
|
||||
<option value="2000">1981</option>
|
||||
<option value="2000">1982</option>
|
||||
<option value="2000">1983</option>
|
||||
<option value="2000">1984</option>
|
||||
<option value="2000">1985</option>
|
||||
<option value="2000">1986</option>
|
||||
<option value="2000">1987</option>
|
||||
<option value="2000">1988</option>
|
||||
<option value="2000">1989</option>
|
||||
<option value="2000">1990</option>
|
||||
<option value="2000">1991</option>
|
||||
<option value="2000">1992</option>
|
||||
<option value="2000">1993</option>
|
||||
<option value="2000">1994</option>
|
||||
<option value="2000">1995</option>
|
||||
<option value="2000">1996</option>
|
||||
<option value="2000">1997</option>
|
||||
<option value="2000">1998</option>
|
||||
<option value="2000">1999</option>
|
||||
<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>
|
||||
<option value="2017">2018</option>
|
||||
<option value="2017">2019</option>
|
||||
</select>
|
||||
</div>
|
||||
<div>
|
||||
<input name="kilometers" type="text" class="form-control input-custom" value="" placeholder="Kilometerstand">
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<img class="schluesselnummer" src="images/schluesselnummer.jpg" alt="Schluesselnummer">
|
||||
<input type="text" name="schluesselnummer" class="form-control input-custom" value="" placeholder="Schlüsselnummer">
|
||||
</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 sein kann. 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>
|
||||
444
services-2.html
Normal file
444
services-2.html
Normal file
@@ -0,0 +1,444 @@
|
||||
<!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">Lädt...</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">
|
||||
Mo - Fr <span class="custom-color"> 8:00 - 18:00 Uhr (Sa 10:00-14:00)</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">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>Galerie</span></a></li>
|
||||
<li><a href="testimonials.html"><span>Bewertungen</span></a></li>
|
||||
<li><a href="faq.html"><span>Anfahrt</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>Bremsen Reparatur & 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">Bremsen Reparatur</h2>
|
||||
<p class="info text-center">Bremsen verschleißen im Laufe der Zeit</p>
|
||||
<div class="service-icon">
|
||||
<div class="icon-wrapper"><span><i class="icon icon-disc-brake"></i></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- //Services -->
|
||||
<!-- Block -->
|
||||
<div class="block offset-sm">
|
||||
<div class="container">
|
||||
<div class="text-center">
|
||||
<h3 class="text-center">Eine zentrale Baugruppe am Automobil ist die Bremsanlage.</h3>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<p>So gibt es nicht nur in der Bauweise erhebliche Unterschiede, auch die Materialbeschaffenheit kann sich bei vermeintlich gleichen Komponenten deutlich unterscheiden.</p>
|
||||
<p>Im Handel oftmals als besonders effiziente Bremsen-Komponenten führen zur Überraschung vieler Autobesitzer oftmals zu einem völlig gegenteiligen Effekt.</p>
|
||||
<p>Rundsätzlich gilt bei Bremsen anzumerken, dass diese nach den gesetzlichen Bestimmungen aus zwei voneinander unabhängigen Bremssystemen bestehen müssen. Fällt eines der Systeme aus, ist das andere immer noch im Betrieb.Die Risiken eines Ausfalls sind relativ hoch, ist das gängigste System bei Pkws doch die hydraulische Bremse.Ausgehend vom Bremspedal wird die Kraft im Hauptbremszylinder (bei modernen Fahrzeugen seit Mitte der 80er bei vielen Automarken inklusive eines Bremskraftverstärkers) über einen Geberzylinder (der Hauptbremszylinder) auf die Hydraulik-Flüssigkeit, die Bremsflüssigkeit, übertragen.</p>
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<p>Während du dort bist, lass uns einen Scheck durchführen, der eine visuelle Kontrolle der folgenden Gegenstände beinhaltet:</p>
|
||||
<ul class="marker-list-sm">
|
||||
<li> Sichtprüfung der Bremsanlage</li>
|
||||
<li> Überprüfung der Bremsflüssigkeit hinsichtlich Füllmenge, Wassergehalt und Siedepunkt</li>
|
||||
<li>Kontrolle der Bremsbeläge und Bremsscheiben</li>
|
||||
<li>Überprüfung der Bremsschläuche</li>
|
||||
<li>Prüfung der Bremsleistung an Betriebs- und Feststellbremsen auf dem Bremsenprüfstand</li>
|
||||
<li>Ggf. elektronische Diagnose </li>
|
||||
</ul>
|
||||
<p>Bremse 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>
|
||||
<!-- // Block -->
|
||||
</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>
|
||||
441
services-3.html
Normal file
441
services-3.html
Normal file
@@ -0,0 +1,441 @@
|
||||
<!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>
|
||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user