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

444 lines
20 KiB
HTML
Raw Permalink Blame History

<!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&amp;key=AIzaSyCmTzhQkdib4xtGKbeFqu9E0cIHlfCIw0Q&amp;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>
Reference in New Issue View Git Blame Copy Permalink