templates/client/default/contact.html.twig line 1

Open in your IDE?
  1. {% extends '/client/common/base.html.twig' %}
  3. {% block title %}Contact Us{% endblock %}
  5. {% block body %}
  6. <div class="uk-section-default">
  7.     <div class="uk-container uk-padding-large">
  9.         <h1>Contact Us</h1>
  11.         <div uk-grid>
  12.             <div class="uk-width-2-3@l uk-flex uk-flex-middle">
  13.                 <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d26245.602313416406!2d33.066075!3d34.687513!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x83db48419a2dc57b!2sYouDream%20Consulting%20Ltd!5e0!3m2!1sen!2sus!4v1633325489041!5m2!1sen!2sus" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
  14.             </div>
  16.             <div class="uk-width-1-3@l">
  17.                 <div class="uk-margin-small">
  18.                     <div class="uk-card uk-card-default uk-card-body uk-card-small">
  19.                         <h4 class="uk-margin-small">Headquarter Offices</h4>
  20.                         <p class="uk-margin-small">
  21.                             359 28th October Street<br />
  22.                             World Trade Center Cyprus<br />
  23.                             Limassol, 3107, Cyprus
  24.                         </p>
  25.                     </div>
  26.                 </div>
  27.                 <div class="uk-margin-small">
  28.                     <div class="uk-card uk-card-default uk-card-body uk-card-small uk-background-muted">
  29.                         <h4 class="uk-margin-small">Contact Details</h4>
  30.                         <p class="uk-margin-small">
  31.                             Tel: <a class="uk-link-reset" href="tel:+35725029990">+357 25 029990</a><br />
  32.                             Fax: +357 25 029991<br />
  33.                             <a class="uk-link-reset" href="mailto:[email protected]">[email protected]</a><br />
  34.                             <a class="uk-link-reset" href="mailto:[email protected]">[email protected]</a>
  35.                         </p>
  36.                     </div>
  37.                 </div>
  38.                 <div class="uk-margin-small">
  39.                     <div class="uk-card uk-card-default uk-card-body uk-card-small">
  40.                         <h4 class="uk-margin-small">Get in touch</h4>
  41.                         <div class="uk-flex uk-flex-left">
  42.                             {#<a href="" class="uk-icon-button uk-margin-small-right" data-uk-icon="icon: facebook"></a>
  43.                             <a href="" class="uk-icon-button uk-margin-small-right" data-uk-icon="icon: twitter"></a>#}
  44.                             <a target="_blank" href="https://www.linkedin.com/company/youdream/" class="uk-icon-button" data-uk-icon="icon: linkedin"></a>
  45.                         </div>
  46.                     </div>
  47.                 </div>
  48.             </div>
  49.         </div>
  51.         <div class="uk-margin-large">
  52.             <h2>Contact Form</h2>
  53.             {{ form_start(contactForm) }}
  54.             {{ form_end(contactForm) }}
  55.         </div>
  57.     </div>
  58. </div>
  60. <script>
  61. var instestedEl = document.getElementById('contact_form_instested');
  62. var trainingsEl = document.getElementById('contact_form_trainings');
  63. var trainingsWrapperEl = document.getElementById('trainings-wrapper');
  64. var btoolboxEl = document.getElementById('contact_form_business-toolbox');
  65. var btoolboxWrapperEl = document.getElementById('btoolbox-wrapper');
  66. var ptoolboxEl = document.getElementById('contact_form_personal-toolbox');
  67. var ptoolboxWrapperEl = document.getElementById('ptoolbox-wrapper');
  68. trainingsEl.value = "";
  69. btoolboxEl.value = "";
  70. ptoolboxEl.value = "";
  72. document.addEventListener("DOMContentLoaded", function() {
  73.     instestedEl.addEventListener('change', function() {
  74.         trainingsEl.value = "";
  75.         trainingsWrapperEl.setAttribute("hidden", "");
  76.         btoolboxEl.value = "";
  77.         btoolboxWrapperEl.setAttribute("hidden", "");
  78.         ptoolboxEl.value = "";
  79.         ptoolboxWrapperEl.setAttribute("hidden", "");
  80.         if (instestedEl.value == 'trainings') {
  81.             trainingsEl.selectedIndex = 0;
  82.             trainingsWrapperEl.removeAttribute("hidden");
  83.         } else if (instestedEl.value == 'personal-toolbox') {
  84.             ptoolboxEl.selectedIndex = 0;
  85.             ptoolboxWrapperEl.removeAttribute("hidden");
  86.         } else if (instestedEl.value == 'business-toolbox') {
  87.             btoolboxEl.selectedIndex = 0;
  88.             btoolboxWrapperEl.removeAttribute("hidden");
  89.         }
  90.     });
  91. });
  92. </script>
  94. {% endblock %}