templates/incs/contact.html.twig line 1

Open in your IDE?
  1. <div class="modal fade" id="modal-contact" tabindex="-1" aria-labelledby="modal-contact-label" aria-hidden="true">
  2.     <div class="modal-dialog modal-xxl">
  3.         <div class="modal-content modal-bg">
  4.             <div class="modal-header">
  5.                 <h1 class="modal-title" id="modal-contact-label">{{ 'contact.title'|trans }}</h1>
  6.                 <button type="button" class="close btn-close text-white-50" data-dismiss="modal" aria-label="Close">
  7.                     <i class="fas fa-times-circle"></i>
  8.                 </button>
  9.             </div>
  10.             <div class="modal-body">
  11.                 <div class="row mb-3">
  12.                     <div class="col-md-4 col-12">
  13.                         <h4>{{ 'contact.business_hours.title'|trans }}</h4>
  14.                         <p>
  15.                             {{ 'contact.working_days'|trans }}<br />
  16.                             {{ 'contact.business_hours'|trans }} <span data-controller="contact--cet-or-cest"></span><br />
  17.                             {{ 'contact.business_hours_ampm'|trans }} <span data-controller="contact--cet-or-cest"></span><br />
  18.                             <span data-controller="contact--business-open-indicator" data-from="7" data-to="15" data-days-off="6,0" data-open-text="{{ 'contact.open'|trans }}" data-closed-text="{{ 'contact.closed'|trans }}" data-open-class="text-success" data-closed-class="text-danger"></span>
  19.                         </p>
  20.                         <hr />
  22.                         <h4>{{ 'contact.visitor_address.title'|trans }}</h4>
  23.                         <p>
  24.                             {{ 'contact.project_name'|trans }}<br />
  25.                             {{ 'contact.office'|trans|raw }}<br />
  26.                             {{ 'contact.address_line1'|trans }}<br />
  27.                             {{ 'contact.address_line2'|trans }}<br />
  28.                             {{ 'contact.address_country'|trans }}
  29.                         </p>
  30.                         <hr />
  32.                         <h4>{{ 'contact.postal_address.title'|trans }}</h4>
  33.                         <p>
  34.                             {{ 'contact.postal_address.project_name'|trans }}<br />
  35.                             {{ 'contact.postal_address.company'|trans }}<br />
  36.                             {{ 'contact.postal_address.pobox'|trans }}<br />
  37.                             {{ 'contact.postal_address.address_line1'|trans }}<br />
  38.                             {{ 'contact.postal_address.address_country'|trans }}
  39.                         </p>
  40.                         <hr />
  42.                         <h4>{{ 'contact.email_web.title'|trans }}</h4>
  43.                         <div class="label-value l-p-30">
  44.                             <span class="label">{{ 'contact.email_web.email'|trans }}</span> <a href="#" class="contact-email contact-email-hm"><span></span></a>
  45.                         </div>
  46.                         <div class="label-value l-p-30">
  47.                             <span class="label">{{ 'contact.email_web.web'|trans }}</span> <a href="{{ 'contact.email_web.url'|trans }}" target="_blank">{{ 'contact.email_web.url'|trans }}</a>
  48.                         </div>
  49.                     </div>
  51.                     <div class="col-md-8 col-12">
  52.                         <h4>{{ 'contact.form.title'|trans }}</h4>
  53.                         <div data-controller="contact--form"></div>
  54.                     </div>
  55.                 </div>
  57.                 <div class="row">
  58.                     <div class="col-12">
  59.                         <div class="row contact-cards">
  60.                             <div class="col-lg-3 col-md-6 col-sm-6 col-12">
  61.                                 <div class="card">
  62.                                     <div class="card-header bg-light text-center">
  63.                                         {{ 'contact.canada'|trans }}
  64.                                     </div>
  65.                                     <div class="card-body">
  66.                                         <div class="entry">
  67.                                             <span class="title">{{ 'contact.phone'|trans }}</span> <span class="value">{{ 'contact.canada.phone'|trans }}</span>
  68.                                         </div>
  69.                                         <div class="entry">
  70.                                             <span class="title">{{ 'contact.fax'|trans }}</span> <span class="value">{{ 'contact.canada.fax'|trans }}</span>
  71.                                         </div>
  72.                                     </div>
  73.                                 </div>
  74.                             </div>
  75.                             <div class="col-lg-3 col-md-6 col-sm-6 col-12">
  76.                                 <div class="card">
  77.                                     <div class="card-header bg-light text-center">
  78.                                         {{ 'contact.germany'|trans }}
  79.                                     </div>
  80.                                     <div class="card-body">
  81.                                         <div class="entry">
  82.                                             <span class="title">{{ 'contact.phone'|trans }}</span> <span class="value">{{ 'contact.germany.phone'|trans }}</span>
  83.                                         </div>
  84.                                         <div class="entry">
  85.                                             <span class="title">{{ 'contact.fax'|trans }}</span> <span class="value">{{ 'contact.germany.fax'|trans }}</span>
  86.                                         </div>
  87.                                     </div>
  88.                                 </div>
  89.                             </div>
  90.                             <div class="col-lg-3 col-md-6 col-sm-6 col-12">
  91.                                 <div class="card">
  92.                                     <div class="card-header bg-light text-center">
  93.                                         {{ 'contact.singapore'|trans }}
  94.                                     </div>
  95.                                     <div class="card-body">
  96.                                         <div class="entry">
  97.                                             <span class="title">{{ 'contact.phone'|trans }}</span> <span class="value">{{ 'contact.singapore.phone'|trans }}</span><br />
  98.                                         </div>
  99.                                         <div class="entry">
  100.                                             <span class="title">{{ 'contact.fax'|trans }}</span> <span class="value">{{ 'contact.singapore.fax'|trans }}</span>
  101.                                         </div>
  102.                                     </div>
  103.                                 </div>
  104.                             </div>
  105.                             <div class="col-lg-3 col-md-6 col-sm-6 col-12">
  106.                                 <div class="card">
  107.                                     <div class="card-header bg-light text-center">
  108.                                         {{ 'contact.usa'|trans }}
  109.                                     </div>
  110.                                     <div class="card-body">
  111.                                         <div class="entry">
  112.                                             <span class="title">{{ 'contact.phone'|trans }}</span> <span class="value">{{ 'contact.usa.phone'|trans }}</span><br />
  113.                                         </div>
  114.                                         <div class="entry">
  115.                                             <span class="title">{{ 'contact.fax'|trans }}</span> <span class="value">{{ 'contact.usa.fax'|trans }}</span>
  116.                                         </div>
  117.                                     </div>
  118.                                 </div>
  119.                             </div>
  120.                         </div>
  121.                         <div class="row contact-cards">
  122.                             <div class="col-lg-3 col-md-6 col-sm-6 col-12">
  123.                                 <div class="card">
  124.                                     <div class="card-header bg-light text-center">
  125.                                         {{ 'contact.uae'|trans }}
  126.                                     </div>
  127.                                     <div class="card-body">
  128.                                         <div class="entry">
  129.                                             <span class="title">{{ 'contact.phone'|trans }}</span> <span class="value">{{ 'contact.uae.phone'|trans }}</span>
  130.                                         </div>
  131.                                     </div>
  132.                                 </div>
  133.                             </div>
  134.                             <div class="col-lg-3 col-md-6 col-sm-6 col-12">
  135.                                 <div class="card">
  136.                                     <div class="card-header bg-light text-center">
  137.                                         {{ 'contact.hong_kong'|trans }}
  138.                                     </div>
  139.                                     <div class="card-body">
  140.                                         <div class="entry">
  141.                                             <span class="title">{{ 'contact.phone'|trans }}</span> <span class="value">{{ 'contact.hong_kong.phone'|trans }}</span>
  142.                                         </div>
  143.                                     </div>
  144.                                 </div>
  145.                             </div>
  146.                             <div class="col-lg-3 col-md-6 col-sm-6 col-12">
  147.                                 <div class="card">
  148.                                     <div class="card-header bg-light text-center">
  149.                                         {{ 'contact.ireland'|trans }}
  150.                                     </div>
  151.                                     <div class="card-body">
  152.                                         <div class="entry">
  153.                                             <span class="title">{{ 'contact.phone'|trans }}</span> <span class="value">{{ 'contact.ireland.phone'|trans }}</span>
  154.                                         </div>
  155.                                     </div>
  156.                                 </div>
  157.                             </div>
  158.                             <div class="col-lg-3 col-md-6 col-sm-6 col-12">
  159.                                 <div class="card">
  160.                                     <div class="card-header bg-light text-center">
  161.                                         {{ 'contact.uk'|trans }}
  162.                                     </div>
  163.                                     <div class="card-body">
  164.                                         <div class="entry">
  165.                                             <span class="title">{{ 'contact.phone'|trans }}</span> <span class="value">{{ 'contact.uk.phone'|trans }}</span>
  166.                                         </div>
  167.                                     </div>
  168.                                 </div>
  169.                             </div>
  170.                         </div>
  171.                     </div>
  172.                 </div>
  173.             </div>
  174.             <div class="modal-footer">
  175.                 <button type="button" class="btn btn-primary" data-dismiss="modal">{{ 'contact.close'|trans }}</button>
  176.             </div>
  177.         </div>
  178.     </div>
  179. </div>