knso/kfz
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
main
kfz/index.html
KNSO 82ae118d65 upload
2026-07-11 15:14:35 +02:00

953 lines
40 KiB
HTML
Raw Permalink Blame History

<!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 &mdash; 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 &mdash; wir reparieren jede Marke mit Meisterqualit&auml;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 &amp; &Ouml;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&auml;ge &amp; Bremsfl&uuml;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- &amp; 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 &amp; R&auml;der</h3>
<p>Wechsel, Wuchten &amp; 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 &amp; Bef&uuml;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&uuml;fung &amp; 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&amp;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>
Reference in New Issue View Git Blame Copy Permalink