454 lines
20 KiB
HTML
454 lines
20 KiB
HTML
<!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>
|