templates/sites/kontakt.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Smartphones, Handys & Tablets günstig in CLP beim Doctor reparieren lassen{% endblock %}
  5. {% block body %}
  7.     <section id="banner-small" class="hero is-medium is-success">
  8.         <div class="hero-body container is-fluid" style="margin-top:25px;">
  9.             <div style="z-index:100;">
  10.                 <h1 class="title">
  11.                     Kontakt
  12.                 </h1>
  13.             </div>
  14.         </div>
  15.     </section>
  17.     <div id="main" class="section container">
  18.         <div class="mt-6">
  19.             <div class="">
  20.                 <div class="pt-6">
  21.                     <div class="contactinformation">
  22.                         <div class="adress">
  23.                             <h4>Smartphone Service Kogorepair</h4>
  24.                             <span>Lindenalle 2-4</span><br>
  25.                             <span>49661 Cloppenburg</span><br>
  26.                             <span>Mob.: +4917643691569</span><br>
  27.                             <span>kogorepair@outlook.de</span><br>
  28.                         </div>
  29.                         <br>
  30.                         <div class="opening">
  31.                             <h4>Öffnungszeiten</h4>
  32.                             <span>Mo-Fr: 10:00 - 14:00 / 15:30 - 18:00</span><br>
  33.                             <span>Sa: 10:00 - 14:00</span><br>
  34.                             <span>So & Feiertage: geschlossen</span><br>
  35.                         </div>
  36.                     </div>
  37.                 </div>
  38.                 <div class="contactinfo">
  39.                     <form method="post" class="form contactForm">
  40.                         <div class="row gtr-uniform">
  41.                             <div class="col-6 col-12-xsmall">
  42.                                 <input class="input" type="text" name="name" id="name" value=""
  43.                                        placeholder="Name" required/>
  44.                             </div>
  45.                             <div class="col-6 col-12-xsmall">
  46.                                 <input class="input"  type="email" name="email" id="email" value=""
  47.                                        placeholder="E-Mail" required/>
  48.                             </div>
  49.                             <div class="col-6 col-12-xsmall">
  50.                                 <input class="input"  type="text" name="modell" id="modell" value=""
  51.                                        placeholder="Handymodell*"/>
  52.                             </div>
  53.                             <div class="col-6 col-12-xsmall">
  54.                                 <input class="input"  type="text" name="defekt" id="defekt" value=""
  55.                                        placeholder="Defekt*"/>
  56.                             </div>
  57.                             <div class="col-12">
  58.                             <textarea class="input"  name="nachricht" id="nachricht" placeholder="Nachricht" rows="6"
  59.                                       required style="resize: none;    width: 100%;
  60.                                       height: 200px;"></textarea>
  61.                                 <p>* optional</p>
  62.                             </div>
  63.                             <div class="col-12">
  64.                                 <label class="checkbox">
  65.                                     <input type="checkbox" required id="agb">
  66.                                     Ich akzeptiere die <a href="{{ path('datenschutz') }}">Datenschutzbestimmungen</a>.
  67.                                 </label>
  68.                                 <ul class="actions">
  69.                                     <li><input class="button sendContact"  type="submit" value="Absenden" name="abschicken" class="primary button is-primary"/></li>
  70.                                 </ul>
  71.                             </div>
  72.                         </div> 
  73.                     </form>
  74.                     <div class="successContact section p-6 mb-5 has-text-centered" style="display: none">
  75.                         <h2>Erfolgreich abgeschickt! ✅ </h2>
  76.                         <p>Wir kontaktieren dich in den nächsten 24 Stunden!</p>
  77.                     </div>
  78.                 </div>
  79.             </div>
  80.         </div>
  81.     </div>
  83. {% endblock %}