templates/document/contact.html.twig line 121

Open in your IDE?
  2. {% extends 'document.html.twig' %}
  4. {% block main_content %}
  5.   
  6.   <section>
  7.     <div class="container">          
  8.       <div class="page-header">
  9.         <h3>{{ pimcore_input('contact-header3') | replace({'7SCHWABEN': '<strong class="condensed"><span class="red">7</span>SCHWABEN</strong>'}) | raw }}</h3> 
  10.         <h1>{{ pimcore_input('contact-header1') | replace({'7SCHWABEN': '<strong class="condensed"><span class="red">7</span>SCHWABEN</strong>'}) | raw }}</h1>
  11.       </div>
  12.       
  13.       <div class="contact-data-block scroll-animated" data-animation="slideInUp">
  14.         <div class="row">
  15.           <div class="col-4 col-lg-3 offset-lg-3">
  16.             <span class="contact-icon"><span class="lsf">phone</span></span> {{ 'contact-phone' | trans }}
  17.           </div>
  18.           <div class="col-8 col-lg-3">
  19.             {{ 'contact-phone-number' | trans }}
  20.           </div>
  21.         </div>
  22.         <div class="row">
  23.           <div class="col-4 col-lg-3 offset-lg-3">
  24.             <span class="contact-icon"><span class="lsf">mail</span></span> {{ 'contact-email' | trans }}
  25.           </div>
  26.           <div class="col-8 col-lg-3">
  27.             <a href="mailto:{{ 'contact-email-address' | trans }}" target="_blank">{{ 'contact-email-address' | trans | raw }}</a>
  28.           </div>
  29.         </div>
  30.         <div class="row">
  31.           <div class="col-4 col-lg-3 offset-lg-3">
  32.             <!-- <span class="contact-icon"><span class="lsf">mobile</span></span> Whatsapp -->
  33.             <span class="contact-icon"><img style="width:30px; height:auto; margin-left:-5px; margin-top:-5px;" src="{{ constant('SITE_TEMPLATE_PATH') }}/img/logos/WhatsApp.svg.webp" alt="WhatsApp" title="WhatsApp" /></span> {{ 'contact-whatsapp' | trans }}
  34.           </div>
  35.           <div class="col-8 col-lg-3">
  36.             <a href="https://api.whatsapp.com/send?phone={{ 'contact-whatsapp-number' | trans }}" target="_blank">{{ 'contact-whatsapp-number' | trans }}</a>
  37.           </div>
  38.         </div>
  39.         <div class="row">
  40.           <div class="col-4 col-lg-3 offset-lg-3">
  41.             <span class="contact-icon"><span class="lsf">in</span></span> {{ 'contact-arrival' | trans }}
  42.           </div>
  43.           <div class="col-8 col-lg-3">
  44.             {{ 'contact-arrival-time' | trans }}
  45.           </div>
  46.         </div>
  47.         <div class="row">
  48.           <div class="col-4 col-lg-3 offset-lg-3">
  49.             <span class="contact-icon"><span class="lsf">out</span></span> {{ 'contact-departure' | trans }}
  50.           </div>
  51.           <div class="col-8 col-lg-3">
  52.             {{ 'contact-departure-time' | trans }}
  53.           </div>
  54.         </div>
  55.         <div class="row">
  56.           <div class="col-4 col-lg-3 offset-lg-3">
  57.             <span class="contact-icon"><span class="lsf">web</span></span> {{ 'contact-internet' | trans }}
  58.           </div>
  59.           <div class="col-8 col-lg-3">
  60.             {{ 'contact-internet-address' | trans | raw }}
  61.           </div>
  62.         </div>
  63.       </div>
  64.       
  65.       <div class="page-introduction" style="margin-top:4rem;">
  66.         {{ pimcore_wysiwyg('contact-text') | replace({'7SCHWABEN': '<strong class="condensed"><span class="red">7</span>SCHWABEN</strong>'}) | raw }}          
  67.       </div>
  68.      
  69.       <br />
  70.       
  71.       {% if message | length > 0 %}
  72.       <div class="submitContactMessage alert alert-warning">
  73.         {% for line in message %}
  74.         {{ line | trans | raw }}<br />
  75.         {% endfor %}
  76.       </div>
  77.       <br />
  78.       <br />
  79.       {% endif %}
  81.     </div>
  82.   </section>
  83.   
  84.   <section>
  85.     <div class="container">
  86.       <div class="contact-routing-wrapper">
  87.         <form name="gmap-routing" class="form" action="https://www.google.com/maps/dir/" method="get" target="_blank">
  88.           <input type="hidden" name="api" value="1" />
  89.           <input type="hidden" name="travelmode" value="driving" />
  90.           <div class="row">
  91.             <div class="col">
  92.               <h3>{{ 'route-planner' | trans }}</h3>            
  93.             </div>
  94.           </div>
  95.           <div class="row">
  96.             <div class="col">
  97.               <label><b>{{ 'your-address' | trans }}:*</b></label>
  98.               <input type="text" class="form-control" id="fromAddress" name="origin" value="" placeholder="{{ 'routing-expl' | trans }}" required />               
  99.             </div>
  100.           </div>
  101.           <br />
  102.           <div class="row">
  103.             <div class="col">
  104.               <label><b>{{ 'target-address' | trans }}:*</b></label>             
  105.               <div class="input-group">
  106.                 <input type="text" class="form-control" value="7SCHWABEN, Espachstr. 7, 72574 Bad Urach, de" name="destination" id="toAddress" maxlength="255" readonly />
  107.                 <input name="submit" type="submit" class="btn btn-default" value="{{ 'calculate-route' | trans }}"/>  
  108.               </div>
  109.             </div>
  110.           </div>          
  111.         </form>
  112.       </div>
  113.       <br />
  114.       <br />   
  115.       <div class="consent-mandatory" id="contentGoogle1" data-content-id="1">
  116.         <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d7923.615022999031!2d9.398405535559164!3d48.491261631762384!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47998e01537a28a5%3A0x1266f5a9e482055e!2sEspachstra%C3%9Fe%207%2C%2072574%20Bad%20Urach!5e0!3m2!1sen!2sde!4v1636115437035!5m2!1sen!2sde" style="width:100%; height:400px; border:0;" allowfullscreen="" loading="lazy"></iframe>
  117.       </div>      
  118.     </div>
  119.   </section>
  121.   {{ include('_includes/apartmentsSlider.html.twig') }}
  123. {% endblock %}