templates/default/about.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Über uns{% endblock %}
  5. {% block stylesheets %}<link href="{{ asset('css/about.css') }}" rel="stylesheet">{% endblock %}
  7. {% block breadcrumb %}
  8.     <div>
  9.         <div>Über uns</div>
  10.     </div>
  11. {% endblock %}
  13. {% block body %}
  15.     <div id="about" class="content-block main-block">
  16.         <div class="container">
  17.             <div class="row">
  18.                 <div class="col-12">
  19.                     <p class="block-title">Über uns</p>
  20.                     <p>
  21.                         <a href="https://www.recordatirarediseases.de/" target="_blank">www.recordatirarediseases.de</a>
  22.                     </p>
  23.                 </div>
  24.             </div>
  25.         </div>
  26.     </div>
  28.     <div id="form" class="content-block">
  29.         <div class="container">
  30.             <div class="row">
  31.                 <div class="col-12">
  32.                     <div class="subsection">
  33.                         <p class="block-title">Kontakt</p>
  34.                         <p class="block-subtitle">Wir freuen uns auf Ihre Nachricht:</p>
  35.                         <div class="mb-larger">
  36.                             <form action="" method="post" id="contact-form" class="fs-small mb-3">
  37.                                 <div class="row">
  38.                                     <div class="col-12 col-md-6">
  39.                                         <select name="anrede">
  40.                                             <option value="">Anrede*</option>
  41.                                             <option value="Herr">Herr</option>
  42.                                             <option value="Frau">Frau</option>
  43.                                         </select>
  44.                                     </div>
  45.                                     <div class="col-12 col-md-6">
  46.                                         <select name="title">
  47.                                             <option value="" >Title *</option>
  48.                                             <option value="Dr.">Dr.</option>
  49.                                             <option value="Prof.">Prof.</option>
  50.                                         </select>
  51.                                     </div>
  52.                                 </div>
  53.                                 <div class="row">
  54.                                     <div class="col-12 col-md-6">
  55.                                         <input type="text" placeholder="Vorname *" name="vorname" required>
  56.                                     </div>
  57.                                     <div class="col-12 col-md-6">
  58.                                         <input type="text" placeholder="Name *" name="name" required>
  59.                                     </div>
  60.                                 </div>
  61.                                 <div class="row">
  62.                                     <div class="col-12 col-md-6">
  63.                                         <input type="text" placeholder="Organisation/Firma" name="firma">
  64.                                     </div>
  65.                                     <div class="col-12 col-md-6">
  66.                                         <input type="text" placeholder="Straße" name="strasse">
  67.                                     </div>
  68.                                 </div>
  69.                                 <div class="row">
  70.                                     <div class="col-12 col-md-6">
  71.                                         <input type="text" placeholder="PLZ" name="plz">
  72.                                     </div>
  73.                                     <div class="col-12 col-md-6">
  74.                                         <input type="text" placeholder="Ort" name="ort">
  75.                                     </div>
  76.                                 </div>
  77.                                 <div class="row">
  78.                                     <div class="col-12 col-md-6">
  79.                                         <input type="text" placeholder="E-Mail Adresse *" name="email" required>
  80.                                     </div>
  81.                                     <div class="col-12 col-md-6">
  82.                                         <input type="text" placeholder="Telefonnummer" name="telefon" required>
  83.                                     </div>
  84.                                 </div>
  85.                                 <div class="row"></div>
  86.                                 <div class="row">
  87.                                     <div class="col-12">
  88.                                         <textarea name="nachricht" id=""></textarea>
  89.                                     </div>
  90.                                 </div>
  91.                                 <div class="row">
  92.                                     <div class="col-12">
  93.                                         <div class="my-2">
  94.                                             <div class="response success">Deine Anfrage wurde geschickt!</div>
  95.                                             <div class="response error">Fehler!!!</div>
  96.                                         </div>
  97.                                         <button type="submit" class="btn s-btn submit white">schicken</button>
  98.                                     </div>
  99.                                 </div>
  100.                             </form>
  101.                         </div>
  102.                         <p>
  103.                             Recordati Rare Diseases Germany GmbH (Büro)<br>
  104.                             Elsenheimer Straße 41<br>
  105.                             80687 München<br>
  106.                             <a href="https://www.recordatirarediseases.de/" target="_blank">www.recordatirarediseases.de</a>
  107.                         </p>
  108.                         <div class="block-btn text-end"><div class="btn-top">nach oben</div></div>
  109.                     </div>
  110.                 </div>
  111.             </div>
  112.         </div>
  113.     </div>
  115. {% endblock %}
  118. {% block javascripts %}
  119.     <script>
  120.         $("#contact-form").on("submit", function(e){
  121.             e.preventDefault();
  122.             $.ajax({
  123.                 method: "POST",
  124.                 url: "/anfrage",
  125.                 data: $(this).serialize()
  126.             })
  127.             .done(function( res ) {
  128.                 $(".response").hide();
  130.                 if(res["msg"] === "sent"){
  131.                     $("#contact-form").find("input, textarea, select").val("")
  132.                     $(".response.success").show();
  133.                 }else{
  134.                     $(".response.error").show();
  135.                 }
  136.             })
  138.         })
  139.     </script>
  140. {% endblock %}