1. <!DOCTYPE html>
  2. <html lang="de">
  3. <head>
  4. <title>PAFÉ Berlin</title>
  5. <meta charset="utf-8">
  6. <meta http-equiv="X-UA-Compatible" content="IE=Edge">
  7. <meta name="viewport" content="width=device-width, initial-scale=1">
  8. <meta name="keywords" content="">
  9. <meta name="description" content="">
  10. <!--
  11. ROMNA Template
  12. http://www.templatemo.com/free-website-templates/
  13. -->
  14. <!-- STYLESHEET CSS FILES -->
  15. <link rel="stylesheet" href="css/bootstrap.min.css">
  16. <link rel="stylesheet" href="css/animate.min.css">
  17. <link rel="stylesheet" href="css/font-awesome.min.css">
  18. <link rel="stylesheet" href="css/nivo-lightbox.css">
  19. <link rel="stylesheet" href="css/nivo_themes/default/default.css">
  20. <link rel="stylesheet" href="css/templatemo-style.css">
  21. </head>
  22. <body data-spy="scroll" data-target=".navbar-collapse" data-offset="50">
  23. <!-- preloader section -->
  24. <div class="preloader">
  25. <div class="sk-spinner sk-spinner-rotating-plane"></div>
  26. </div>
  27. <!-- home section -->
  28. <section id="home">
  29. <div class="container">
  30. <div class="row">
  31. <div class="col-md-12 col-sm-12">
  32. <h2 class="wow fadeInUp"><img src='header%20Kopie.png' width='410' height='145,6'></h2>
  33. <br>
  34. <h4 class="wow fadeInUp">„Kein Genuss ist vor&uuml;bergehend,
  35. <br>
  36. denn der Eindruck, den er zur&uuml;ckl&auml;sst, ist bleibend.“</h4>
  37. <h5 data-wow-delay=".25s" class="wow fadeInUp">- Johann Wolfgang von Goethe -</h5>
  38. <a href="#intro" class="btn btn-default smoothScroll">Was steckt dahinter?</a></div>
  39. </div>
  40. </div>
  41. </section>
  42. <!-- navigation section -->
  43. <div class="navbar navbar-default navbar-static-top" role="navigation">
  44. <div class="container">
  45. <div class="navbar-header">
  46. <button class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="icon icon-bar"></span> <span class="icon icon-bar"></span> <span class="icon icon-bar"></span> </button>
  47. <a id="logo" class="navbar-brand"><img src='header%20Kopie.png' width='119' height='42,3'></a></div>
  48. <div class="collapse navbar-collapse">
  49. <ul class="nav navbar-nav navbar-right">
  50. <li><a href="#home" class="smoothScroll">Home</a></li>
  51. <li><a href="#intro" class="smoothScroll">Was steckt dahinter?</a></li>
  52. <li><a href="#work" class="smoothScroll">Das Prinzip</a></li>
  53. <li><a href="#team" class="smoothScroll">Unser Team</a></li>
  54. <li><a href="#portfolio" class="smoothScroll">Bildermappe</a></li>
  55. <li><a href="#price" class="smoothScroll">Angebote</a></li>
  56. <li><a href="#contact" class="smoothScroll">Buchungsanfrage</a></li>
  57. </ul>
  58. </div>
  59. </div>
  60. </div>
  61. <!-- intro section -->
  62. <section id="intro">
  63. <div class="container">
  64. <div class="row">
  65. <div class="col-md-offset-3 col-md-6 col-md-offset-3 col-sm-offset-2 col-sm-8 col-sm-offset-2 title wow fadeInUp" data-wow-delay="0.9s">
  66. <h5>Das Kocherlebnis der besonderen Art</h5>
  67. <h2>Das steckt dahinter</h2>
  68. <hr>
  69. <p>Zwei Köche eine Idee - Pafé.<br />
  70. <strong>Pa</strong>trick und <strong>Fe</strong>lix im Kampf gegen den Einheitsbrei.<br> Ein Unternehmen, das sich dem gehobenen Kochen direkt bei Ihnen zu Hause widmet. Ganz gleich ob Grillparty, die edle Geburtstagsüberraschung oder einen Kochkurs, wir passen uns Ihren individuellen Geschmackswünschen an und kreieren Speisen in einer ganz neuen Dimension.</p>
  71. <hr>
  72. <h5>Kreativ, innovativ und modern.</h5>
  73. <br>
  74. </div>
  75. </div>
  76. </div>
  77. </section>
  78. <!-- work section -->
  79. <section id="work">
  80. <div class="container">
  81. <div class="row"></div>
  82. <div class="collapse navbar-collapse">
  83. <div class="col-md-4 col-sm-4 title">
  84. <div class="plan wow bounceIn" data-wow-delay="0.3s">
  85. <h3>So einfach geht´s</h3>
  86. </div>
  87. <div class="plan wow bounceIn" data-wow-delay="0.6s">
  88. <hr>
  89. <p>Jetzt haben Sie die M&ouml;glichkeit ein ganz besonderes Highlight zu erleben. Sie denken schon l&auml;ngere Zeit über einen Kochkurs nach? Kein Problem. Ganz einfach, in 6 Schritten zum Traum-Men&uuml;.</p>
  90. </div>
  91. <br>
  92. <div class="plan wow bounceIn" data-wow-delay="1.2s">
  93. <hr>
  94. <br>
  95. <p>Wir bieten Ihnen die folgenden Leistungen:</p>
  96. <li><a>Miet-ein-Koch-Service</a></li>
  97. <li><a>Kochkurse</a></li>
  98. <li><a>Rezeptvorschl&auml;ge/-anleitungen</a></li>
  99. <li><a>Food-Fotografie</a></li>
  100. </div>
  101. </div>
  102. <div class="plan wow bounceIn" data-wow-delay="2.0s">
  103. <div class="col-md-4 col-sm-4 bg-nice">
  104. <a href="#contact" class="fa fa-envelope-o smoothScroll"></a>
  105. <h5>1) Schreiben Sie uns!</h5>
  106. <p>Senden Sie uns ganz bequem eine Buchungsanfrage. Die Details und Informationen sind hierbei entscheidend, desto genauer können wir Ihr Traum-Men&uuml; auf Sie abstimmen.</p>
  107. </div>
  108. </div>
  109. <div class="plan wow bounceIn" data-wow-delay="5.8s">
  110. <div class="col-md-4 col-sm-4 bg-red"><a class="fa fa-desktop"></a>
  111. <h5>2) Ihre Anfrage wird bearbeitet</h5>
  112. <p>Wir erstellen Ihnen Ihr Wunsch-Men&uuml; und einen Kostenplan. Anschließend werden Sie schnellstm&ouml;glich von einem unserer Mitarbeiter kontaktiert.</p>
  113. </div>
  114. </div>
  115. <div class="plan wow bounceIn" data-wow-delay="9.3s">
  116. <div class="col-md-4 col-sm-4 bg-grey"><a class="fa fa-comments"></a>
  117. <h5>3) Die Kontaktaufnahme</h5>
  118. <p>Sie erhalten von uns Men&uuml;vorschl&auml;ge und eine Kosten&uuml;bersicht, diese können Sie individuell mit uns abstimmen. Hierbei werden alle relevanten Details besprochen.</p>
  119. </div>
  120. </div>
  121. <div class="plan wow bounceIn" data-wow-delay="13.8s">
  122. <div class="col-md-4 col-sm-4 bg-hero"> <i class="fa fa-check-square-o"></i>
  123. <h5>4) Buchungsbest&auml;tigung</h5>
  124. <p>Wenn alle Einzelheiten besprochen wurden, senden wir Ihnen eine Buchungsbest&auml;tigung. <br>
  125. <br>
  126. <br>
  127. </p>
  128. </div>
  129. </div>
  130. <div class="plan wow bounceIn" data-wow-delay="18.2s">
  131. <div class="col-md-4 col-sm-4 bg-black"> <i class="fa fa-calendar"></i>
  132. <h5>5) Wir kommen zu Ihnen </h5>
  133. <p>Die Jungs von PAFÉ kommen zeitig zu Ihnen, um mit den Vorbereitungen zu beginnen. Zur gew&uuml;nschten Uhrzeit wird Ihr Traum-Men&uuml; serviert. "Wir kochen, Sie schlemmen!"<br></p>
  134. </div>
  135. <div class="plan wow bounceIn" data-wow-delay="23.3s">
  136. <div class="col-md-4 col-sm-4 bg-blue"> <i class="fa fa-cutlery"></i>
  137. <h5>6) Auf Wiedersehen</h5>
  138. <p>Wenn Sie Ihr traumhaftes G&auml;nge-Men&uuml; geschlemmt haben, stellen die Jungs die Ordnung des Arbeitsbereiches wieder her und verabschieden sich mit einem "PAFÉ - olé".<br></p>
  139. </div>
  140. </div>
  141. </div>
  142. </div>
  143. </section>
  144. <!-- team section -->
  145. <section id="team">
  146. <div class="container">
  147. <div class="row">
  148. <div class="col-md-offset-3 col-md-6 col-md-offset-3 col-sm-offset-2 col-sm-8 col-sm-offset-2 title wow bounceIn" data-wow-delay="0.5s">
  149. <h2>Unser Team</h2>
  150. <hr>
  151. <p>Für Nähe Informationen klicken Sie einfach nur auf die Bilder.</p>
  152. </div>
  153. <div class="col-md-offset-3 col-md-6 col-md-offset-3 col-sm-offset-2 col-sm-8 col-sm-offset-2 title">
  154. <div class="col-md-6 col-sm-6 col-xs-6 wow fadeInUp" data-wow-delay="0.9s"><a href="paddy.html" target="paddy" onClick="javascript:open('', 'paddy', 'height=1000,width=400,left=650,top=50,resizable=no')"><img src="images/pic01.jpg" class="img-responsive" alt="Patrick"></a>
  155. <div class="team-des">
  156. <h4>Patrick Konschak</h4>
  157. <h3>CEO / Koch / </h3>
  158. <h3>Foodstylist</h3>
  159. </div>
  160. </div>
  161. <div class="col-md-6 col-sm-6 col-xs-6 wow fadeInUp" data-wow-delay="0.9s"><a href="felix.html" target="felix" onClick="javascript:open('', 'felix', 'height=1000,width=400,left=240,top=-100,resizable=no')"><img src="images/pic02.jpg" class="img-responsive" alt="Felix"></a>
  162. <div class="team-des">
  163. <h4>Felix Lämmel</h4>
  164. <h3>CEO / Koch</h3>
  165. </div>
  166. </div>
  167. </div>
  168. </div>
  169. </section>
  170. <!-- portfolio section -->
  171. <div id="portfolio">
  172. <div class="container">
  173. <div class="row">
  174. <div class="col-md-offset-3 col-md-6 col-md-offset-3 col-sm-offset-2 col-sm-8 col-sm-offset-2 title">
  175. <h2>Bildermappe</h2>
  176. <hr>
  177. <p>An dieser Stelle finden sie einige unserer Kreationen</p>
  178. </div>
  179. <div class="col-md-12 col-sm-12"></div>
  180. <div class="col-md-3 col-sm-3 wow fadeIn" data-wow-delay="0.6s"><a href="images/2.jpg" data-lightbox-gallery="portfolio-gallery"><img src="images/2.jpg" alt="portfolio img"></a></div>
  181. <div class="col-md-3 col-sm-3 wow fadeIn" data-wow-delay="0.6s"><a href="images/7.jpg" data-lightbox-gallery="portfolio-gallery"><img src="images/7.jpg" alt="portfolio img"></a></div>
  182. <div class="col-md-3 col-sm-3 wow fadeIn" data-wow-delay="0.6s"><a href="images/6.jpg" data-lightbox-gallery="portfolio-gallery"><img src="images/6.jpg" alt="portfolio img"></a></div>
  183. <div class="col-md-3 col-sm-3 wow fadeIn" data-wow-delay="0.6s"><a href="images/5.jpg" data-lightbox-gallery="portfolio-gallery"><img src="images/5.jpg" alt="portfolio img"></a></div>
  184. <div class="col-md-3 col-sm-3 wow fadeIn" data-wow-delay="0.6s"><a href="images/4.jpg" data-lightbox-gallery="portfolio-gallery"><img src="images/4.jpg" alt="portfolio img"></a></div>
  185. <div class="col-md-3 col-sm-3 wow fadeIn" data-wow-delay="0.6s"><a href="images/1.jpg" data-lightbox-gallery="portfolio-gallery"><img src="images/1.jpg" alt="portfolio img"></a></div>
  186. <div class="col-md-3 col-sm-3 wow fadeIn" data-wow-delay="0.6s"><a href="images/3.jpg" data-lightbox-gallery="portfolio-gallery"><img src="images/3.jpg" alt="portfolio img"></a></div>
  187. <div class="col-md-3 col-sm-3 wow fadeIn" data-wow-delay="0.6s"><a href="images/8.jpg" data-lightbox-gallery="portfolio-gallery"><img src="images/8.jpg" alt="portfolio img"></a></div>
  188. </div>
  189. </div>
  190. </div>
  191. <!-- price section -->
  192. <div id="price">
  193. <div class="container">
  194. <div class="col-md-offset-3 col-md-6 col-md-offset-3 col-sm-offset-2 col-sm-8 col-sm-offset-2 title">
  195. <h3>Angebote</h3>
  196. <hr>
  197. <p>An dieser Stelle finden Sie stets aktuelle Angebote und Aktionen.</p>
  198. </div>
  199. <div class="col-md-4 col-sm-6">
  200. <div class="plan wow bounceIn" data-wow-delay="0.3s">
  201. <div class="plan_title">
  202. <h4>Romantisches<br> Candle-Light Dinner für <br>2 Personen</h4>
  203. </div>
  204. <div class="plan_sub_title">
  205. <h4>275€</h4>
  206. <small>3 Gänge Menü</small> </div>
  207. <ul>
  208. <li>Vorspeise oder Suppe</li>
  209. <li>Hauptgang</li>
  210. <li>Dessert</li>
  211. <br>
  212. <br>
  213. <br>
  214. <br>
  215. <br>
  216. <h6> </h6>
  217. </br>
  218. </ul>
  219. <a href="buchung1.html#contact" class="btn btn-warning smoothScroll">Buchen</a>
  220. </div>
  221. </div>
  222. <div class="col-md-4 col-sm-6">
  223. <div class="plan wow bounceIn" data-wow-delay="0.6s">
  224. <div class="plan_title">
  225. <h4>Menü "Frühlingsgefühle"<br>genießen<br>
  226. ab 4 Personen</h4>
  227. </div>
  228. <div class="plan_sub_title">
  229. <h4>ab 125€ p.P.</h4>
  230. <small>5 Gänge Menü</small> </div>
  231. <ul>
  232. <li>Vorspeise</li>
  233. <li>Suppe</li>
  234. <li>Sorbet</li>
  235. <li>Hauptgang</li>
  236. <li>Dessert</li>
  237. </ul>
  238. <a href="buchung2.html#contact" class="btn btn-warning smoothScroll">Buchen</a>
  239. </div>
  240. </div>
  241. <div class="col-md-4 col-sm-6">
  242. <div class="plan wow bounceIn" data-wow-delay="0.9s">
  243. <div class="plan_title">
  244. <h4>Kochkurs<br>
  245. "kulinarische Safari"<br>
  246. ab 4 Personen</h4>
  247. </div>
  248. <div class="plan_sub_title">
  249. <h4>ab 150€ p.P.</h4>
  250. <small>5 Gänge Menü</small> </div>
  251. <ul>
  252. <li>Vorspeise oder Suppe</li>
  253. <li>Suppe oder Zwischengang</li>
  254. <li>Sorbet oder Zwischengang</li>
  255. <li>Hauptgang</li>
  256. <li>Dessert</li>
  257. </ul>
  258. <a href="buchung3.html#contact" class="btn btn-warning smoothScroll">Buchen</a>
  259. </div>
  260. </div>
  261. </div>
  262. </div>
  263. <!-- contact section -->
  264. <section id="contact">
  265. <div class="container">
  266. <div class="row">
  267. <div class="col-md-offset-3 col-md-6 col-md-offset-3 col-sm-offset-2 col-sm-8 col-sm-offset-2 title wow fadeInUp" data-wow-delay="0.3s">
  268. <h2>Buchungsanfrage</h2>
  269. <hr>
  270. <p>Bei einer Buchung bitte folgende Felder ausf&uuml;llen. Ebenso k&ouml;nnen Sie allgemeine Anfragen, Feedback oder Lob und Tadel hier eintragen und uns senden.</p>
  271. </div>
  272. <div class="col-md-offset-3 col-md-6 col-sm-offset-2 col-sm-8 contact-form wow fadeInUp" data-wow-delay="1.2s">
  273. <form id="frmKontakt">
  274. <h4>Angaben zur Person</h4>
  275. <div class="form_group" id="frmgrpVorname">
  276. <input type="text" class="form-control" id="vorname" placeholder="Vorname">
  277. </div>
  278. <div class="form_group" id="frmgrpNachname">
  279. <input type="text" class="form-control" id="nachname" placeholder="Nachname">
  280. </div>
  281. <div class="form_group" id="frmgrpStrasse">
  282. <input type="text" class="form-control" id="strasse" placeholder="Straße">
  283. </div>
  284. <div class="form_group" id="frmgrpPlz">
  285. <input type="text" class="form-control" id="plz" placeholder="Postleitzahl">
  286. </div>
  287. <div class="form_group" id="frmgrpOrt">
  288. <input type="text" class="form-control" id="ort" placeholder="Ort">
  289. </div>
  290. <div class="form_group" id="frmgrpTelefon">
  291. <input type="text" class="form-control" id="telefon" placeholder="Telefonnummer">
  292. </div>
  293. <div class="form_group" id="frmgrpEmail">
  294. <input type="email" class="form-control" id="email" placeholder="Email">
  295. </div>
  296. <br>
  297. <br>
  298. <div class="wow fadeInUp" data-wow-delay="2.4s">
  299. <br>
  300. <h4>Angaben zur Buchung</h4>
  301. <div class="form_group" id="frmgrpDatum">
  302. <input type="text" class="form-control" id="datum" placeholder="Datum des Events">
  303. </div>
  304. <div class="form_group" id="frmgrpUhrzeit">
  305. <input type="text" class="form-control" id="uhrzeit" placeholder="Uhrzeit">
  306. </div>
  307. <div class="form_group" id="frmgrpPersonen">
  308. <input type="text" class="form-control" id="personen" placeholder="Personenanzahl">
  309. </div>
  310. <div class="form_group" id="frmgrpGang">
  311. <input type="text" class="form-control" id="gang" placeholder="Anzahl der Gänge">
  312. </div>
  313. <div class="form_group" id="frmgrpAllergien">
  314. <input type="text" class="form-control" id="allergien" placeholder="Gibt es Allergien oder Intolleranzen?">
  315. </div>
  316. <div class="form_group" id="frmgrpProdukte">
  317. <input type="text" class="form-control" id="produkte" placeholder="Welche Produkte / Lebensmittel sollten unbedingt dabei sein?">
  318. </div>
  319. <div class="form_group" id="frmgrpProdukte1">
  320. <input type="text" class="form-control" id="produkte1" placeholder="Welche Produkte / Lebensmittel dürfen absolut nicht dabei sein?"
  321. </div>
  322. <div class="form_group" id="frmgrpVegi">
  323. <input type="text" class="form-control" id="vegi" placeholder="Sind Vegetarier, Veganer oder Kinder mit an Bord?">
  324. </div>
  325. <div id="kontakt">
  326. <div class="form_group" id="frmgrpEquipment">
  327. <textarea class="form-control" id="equipment" rows="3" placeholder="Welches Equipment ist vorhanden?" ></textarea>
  328. </div>
  329. </div>
  330. <br>
  331. <div class="wow fadeInUp" data-wow-delay="3.6s">
  332. <h4>Kontakt</h4>
  333. <div class="form_group" id="frmgrpBetreff">
  334. <input type="text" class="form-control" id="betreff1" placeholder="Betreff (Kochkurs, Geburtstagsgeschenk, Feedback,...)">
  335. </div>
  336. <div class="form_group" id="frmgrpNachricht">
  337. <textarea class="form-control" id="nachricht" placeholder="Hier kannst du uns ein Nachricht senden" rows="6"></textarea>
  338. </div>
  339. <div align="center" class="form_group" id="frmgrpCheckbox">
  340. <input type="checkbox" class="form-control" id="checkbox" value="ABG"><p>Ich habe die <a href="agbs.html" target="_blank">AGB</a>gelesen und stimme zu.</p>
  341. </div>
  342. <div class="form_group">
  343. <input type="submit" class="form-control" value="Nachricht versenden">
  344. </form>
  345. <div id="erfolgsmeldung"></div>
  346. </div>
  347. </div>
  348. </div>
  349. </div>
  350. </section>
  351. <!-- footer section -->
  352. <footer>
  353. <div class="container">
  354. <div class="row">
  355. <div class="col-md-12 col-sm-12">
  356. <h4 class="wow fadeIn" data-wow-delay="0.9s">Hier finden Sie uns auch.</h4>
  357. <br>
  358. <div class="collapse navbar-collapse">
  359. <ul class="social-icon">
  360. <li><a href="https://www.facebook.com/Pafé-Berlin-1773938112833136/?notif_t=page_user_activity" target="_blank" class="fa fa-facebook wow bounceIn" data-wow-delay="0.3s"></a></li>
  361. <li><a href="call.html" target="call" onClick="javascript:open('', 'call', 'height=400,width=400,left=445,top=-1500,resizable=no')" class="fa fa-phone wow bounceIn" data-wow-delay="0.2s"></a></li>
  362. <li><a href="#kontakt" class="fa fa-envelope wow bounceIn smoothScroll" data-wow-delay="0.9s"></a></li>
  363. </ul>
  364. </div>
  365. </div>
  366. <div class="col-md-12 col-sm-12 copyright">
  367. <p>&copy; Paf&eacute; Berlin. All Rights Reserved | Design von Template Mo | <a target="_blank" rel="nofollow" href="impressum.html">Impressum</a></p>
  368. </div>
  369. </div>
  370. </div>
  371. </footer>
  372. <!-- JAVASCRIPT JS FILES -->
  373. <script src="js/jquery.js"></script>
  374. <script src="js/bootstrap.min.js"></script>
  375. <script src="js/nivo-lightbox.min.js"></script>
  376. <script src="js/smoothscroll.js"></script>
  377. <script src="js/jquery.sticky.js"></script>
  378. <script src="js/jquery.parallax.js"></script>
  379. <script src="js/wow.min.js"></script>
  380. <script src="js/custom.js"></script>
  381. <script>
  382. $('#frmKontakt').submit(function() {
  383. var formControl = true;
  384. var frmgrpVorname = $('frmgrpVorname');
  385. var frmgrpNachname = $('frmgrpNachname');
  386. var frmgrpStrasse = $('frmgrpStrasse');
  387. var frmgrpPlz = $('frmgrpPlz');
  388. var frmgrpOrt = $('frmgrpOrt');
  389. var frmgrpTelefon = $('frmgrpTelefon');
  390. var frmgrpEmail = $('frmgrpEmail');
  391. var frmgrpDatum = $('frmgrpDatum');
  392. var frmgrpUhrzeit = $('frmgrpUhrzeit');
  393. var frmgrpPersonen = $('frmgrpPersonen');
  394. var frmgrpGang = $('frmgrpGang');
  395. var frmgrpAllergien = $('frmgrpAllergien');
  396. var frmgrpProdukte = $('frmgrpProdukte');
  397. var frmgrpProdukte1 = $('frmgrpProdukte1');
  398. var frmgrpVegi = $('frmgrpVegi');
  399. var frmgrpEquipment = $('frmgrpEquipment');
  400. var frmgrpBetreff1 = $('frmgrpBetreff1');
  401. var frmgrpNachricht = $('frmgrpNachricht');
  402. var frmgrpCheckbox = $('frmgrpCheckbox');
  403. var vorname = $('#vorname').val();
  404. var nachname = $('#nachname').val();
  405. var strasse = $('#strasse').val();
  406. var plz = $('#plz').val();
  407. var ort = $('#ort').val();
  408. var telefon = $('#telefon').val();
  409. var email = $('#email').val();
  410. var datum = $('#datum').val();
  411. var uhrzeit = $('#uhrzeit').val();
  412. var personen = $('#personen').val();
  413. var gang = $('#gang').val();
  414. var allergien = $('#allergien').val();
  415. var produkte = $('#produkte').val();
  416. var produkte1 = $('#produkte1').val();
  417. var vegi = $('#vegi').val();
  418. var equipment = $('#equipment').val();
  419. var betreff1 = $('#betreff1').val();
  420. var nachricht = $('#nachricht').val();
  421. var checkbox = $('#checkbox').val();
  422. if(vorname == '') {
  423. formControl = false;
  424. frmgrpVorname.addClass('has error');
  425. }
  426. if(nachname == '') {
  427. formControl = false;
  428. frmgrpNachname.addClass('has error');
  429. }
  430. if(telefon == '') {
  431. formControl = false;
  432. frmgrpTelefon.addClass('has error');
  433. }
  434. if(email == '') {
  435. formControl = false;
  436. frmgrpEmail.addClass('has error');
  437. }
  438. if(betreff1 == '') {
  439. formControl = false;
  440. frmgrpBetreff.addClass('has error');
  441. }
  442. if(nachricht == '') {
  443. formControl = false;
  444. frmgrpNachricht.addClass('has error');
  445. }
  446. if(checkbox == '') {
  447. formControl = false;
  448. frmgrpNachricht.addClass('has error');
  449. }
  450. if(formControl) {
  451. $.ajax({
  452. type: 'POST',
  453. url: 'php/absenden.php',
  454. data: { vorname:vorname, nachname:nachname, strasse:strasse, plz:plz, ort:ort, telefon:telefon, email:email, datum:datum, uhrzeit:uhrzeit, personen:personen, allergien:allergien, produkte:produkte, produkte1:produkte1, vegi:vegi, equipment:equipment, betreff1:betreff1, nachricht:nachricht, checkbox:checkbox, }
  455. }).done(function(message) {
  456. var erfolgsmeldung = $('#erfolgsmeldung');
  457. erfolgsmeldung.html(message);
  458. erfolgsmeldung.addClass('alert');
  459. erfolgsmeldung.addClass('alert-success');
  460. });
  461. }
  462. return false;
  463. });
  464. </script>
  465. </body>
  466. </html>