628 lines
30 KiB
HTML
628 lines
30 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<meta name="description" content="html 5 template">
|
|
<meta name="author" content="tonytemplates.com">
|
|
<meta name="format-detection" content="telephone=no">
|
|
<link rel="icon" href="favicon.ico">
|
|
<title>KFZ MEISTERWERKSTATT DENIZ</title>
|
|
<!-- Bootstrap core CSS -->
|
|
<link href="css/plugins/bootstrap.min.css" rel="stylesheet">
|
|
<link href="css/plugins/bootstrap-submenu.css" rel="stylesheet">
|
|
<link href="css/plugins/animate.min.css" rel="stylesheet">
|
|
<link href="css/plugins/slick.css" rel="stylesheet">
|
|
<link href="css/plugins/bootstrap-datetimepicker.css" rel="stylesheet">
|
|
<link href="css/custom.css" rel="stylesheet">
|
|
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
|
|
<!--[if lt IE 9]>
|
|
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
|
|
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
|
|
<![endif]-->
|
|
<!-- Icon Font-->
|
|
<link href="iconfont/style.css" rel="stylesheet">
|
|
<!-- Google Fonts -->
|
|
<link href="../fonts.googleapis.com/css%EF%B9%96family=Muli%EF%B9%95200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i.css" rel="stylesheet">
|
|
<!-- Google map -->
|
|
<script type="text/javascript" src="../maps.googleapis.com/maps/api/js%EF%B9%96v=3.exp&key=AIzaSyCmTzhQkdib4xtGKbeFqu9E0cIHlfCIw0Q&language=de.js"></script>
|
|
</head>
|
|
|
|
<body>
|
|
<!-- Loader -->
|
|
<div id="loader-wrapper">
|
|
<div class="loader">
|
|
<div class="line"></div>
|
|
<div class="line"></div>
|
|
<div class="line"></div>
|
|
<div class="line"></div>
|
|
<div class="line"></div>
|
|
<div class="line"></div>
|
|
<div class="subline"></div>
|
|
<div class="subline"></div>
|
|
<div class="subline"></div>
|
|
<div class="subline"></div>
|
|
<div class="subline"></div>
|
|
<div class="loader-circle-1">
|
|
<div class="loader-circle-2"></div>
|
|
</div>
|
|
<div class="needle"></div>
|
|
<div class="loading">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 active">
|
|
<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>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>Service</li>
|
|
</ul>
|
|
</div>
|
|
<!-- //Breadcrumbs Block -->
|
|
<h1>Service</h1>
|
|
</div>
|
|
</div>
|
|
<div id="pageContent">
|
|
<!-- Services -->
|
|
<div class="block">
|
|
<div class="container">
|
|
<h2 class="h-lg text-center">Was Wir Tun</h2>
|
|
<p class="info text-center">Wir bieten Kfz-Reparaturen aller Fabrikate</p>
|
|
<div class="tab-services">
|
|
<div class="tab-content">
|
|
<div class="row services-alt tab-pane fade in active" id="services1">
|
|
<div class="services-block-alt col-xs-6 col-sm-6 col-md-4">
|
|
<div class="image">
|
|
<a href="services-1.html" class="image-scale-color custom-service-img"><img src="images/services-img-01.jpg" alt=""></a>
|
|
<i class="icon icon-oil"></i>
|
|
</div>
|
|
<div class="caption">
|
|
<h3 class="title">Vorbeugende Wartung</h3>
|
|
<div class="text">
|
|
Der beste Weg, um Ausfälle zu minimieren, ist die routinemäßige Wartung.
|
|
</div>
|
|
<a href="services-1.html" class="services-link icon-arrowhead-pointing-to-the-right"></a>
|
|
</div>
|
|
</div>
|
|
<div class="services-block-alt col-xs-6 col-sm-6 col-md-4">
|
|
<div class="image">
|
|
<a href="services-2.html" class="image-scale-color custom-service-img"><img src="images/services-img-02.jpg" alt=""></a>
|
|
<i class="icon icon-disc-brake"></i>
|
|
</div>
|
|
<div class="caption">
|
|
<h3 class="title">Bremsen<br>Reparatur & Service</h3>
|
|
<div class="text">
|
|
Bremsen verschleißen im Laufe der Zeit
|
|
</div>
|
|
<a href="services-2.html" class="services-link icon-arrowhead-pointing-to-the-right"></a>
|
|
</div>
|
|
</div>
|
|
<div class="services-block-alt col-xs-6 col-sm-6 col-md-4">
|
|
<div class="image">
|
|
<a href="services-3.html" class="image-scale-color custom-service-img"><img src="images/services-img-03.jpg" alt=""></a>
|
|
<i class="icon icon-gearshift"></i>
|
|
</div>
|
|
<div class="caption">
|
|
<h3 class="title">HU/AU</h3>
|
|
<div class="text">
|
|
Die Hauptuntersuchung (HU) ist gesetzlich vorgeschrieben und muss regelmäßig durchgeführt werden
|
|
</div>
|
|
<a href="services-3.html" class="services-link icon-arrowhead-pointing-to-the-right"></a>
|
|
</div>
|
|
</div>
|
|
<div class="services-block-alt col-xs-6 col-sm-6 col-md-4">
|
|
<div class="image">
|
|
<a href="services-4.html" class="image-scale-color custom-service-img"><img src="images/services-img-04.jpg" alt=""></a>
|
|
<i class="icon icon-car-wheel"></i>
|
|
</div>
|
|
<div class="caption">
|
|
<h3 class="title">REIFEN & RÄDER</h3>
|
|
<div class="text">
|
|
Der beste Weg, um Ausfälle zu minimieren, ist die routinemäßige Wartung
|
|
</div>
|
|
<a href="services-4.html" class="services-link icon-arrowhead-pointing-to-the-right"></a>
|
|
</div>
|
|
</div>
|
|
<div class="services-block-alt col-xs-6 col-sm-6 col-md-4">
|
|
<div class="image">
|
|
<a href="services-5.html" class="image-scale-color custom-service-img"><img src="images/services-img-05.jpg" alt=""></a>
|
|
<i class="icon icon-engine"></i>
|
|
</div>
|
|
<div class="caption">
|
|
<h3 class="title">KLIMA SERVICE</h3>
|
|
<div class="text">
|
|
Klimaanlagen sind aus modernen Fahrzeugen nicht mehr wegzudenken
|
|
</div>
|
|
<a href="services-5.html" class="services-link icon-arrowhead-pointing-to-the-right"></a>
|
|
</div>
|
|
</div>
|
|
<div class="services-block-alt col-xs-6 col-sm-6 col-md-4">
|
|
<div class="image">
|
|
<a href="services-6.html" class="image-scale-color custom-service-img"><img src="images/services-img-06.jpg" alt=""></a>
|
|
<i class="icon icon-exhaust-pipe"></i>
|
|
</div>
|
|
<div class="caption">
|
|
<h3 class="title">Auspuff-Service</h3>
|
|
<div class="text">
|
|
Der Auspuff Ihres Autos reduziert Lärm- und Umweltbelastung und schützt Sie vor giftigen Abgasen.
|
|
</div>
|
|
<a href="services-6.html" class="services-link icon-arrowhead-pointing-to-the-right"></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--
|
|
<ul class="nav nav-pills">
|
|
<li class="active"><a data-toggle="pill" href="#services1">1</a></li>
|
|
<li><a data-toggle="pill" href="#services2">2</a></li>
|
|
<li><a data-toggle="pill" href="#services3">3</a></li>
|
|
</ul>
|
|
-->
|
|
</div>
|
|
<div class="divider-lg"></div>
|
|
<div class="text-center">
|
|
<h2 class="h-lg">Fahrzeugschaden? <span class="color">Wir werden es beheben</span></h2>
|
|
<p class="info">Wir bieten Kfz-Reparaturen aller Fabrikate an.</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="contact.html"><span>Sie brauchen Hilfe?</span></a></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- //Services -->
|
|
<!-- 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="text-center">
|
|
<h2 class="h-lg">Möchten Sie <span class="color">Ihr Auto</span> reparieren lassen?</h2>
|
|
<p class="info">Vereinbaren Sie einen Termin</p>
|
|
<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" data-toggle="modal" data-target="#preis"><span>Preis ?</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-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 -->
|
|
<!-- 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="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>
|
|
</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/custom.js"></script>
|
|
<script src="js/forms.js"></script>
|
|
</body>
|
|
|
|
</html> |