templates/web/default/kontakt.html.twig line 24

Open in your IDE?
  1. {% extends 'web/base.html.twig' %}
  3. {% block title %}{{'contact.title' | trans}}{% endblock %}
  4. {% block keywords %}{{ 'contact.keywords' | trans }}{% endblock %}
  5. {% block description %}{{ 'contact.metaDescription' | trans }}{% endblock %}
  7. {% trans_default_domain 'web' %}
  9. {% block javascripts %}
  10. <script src="https://www.google.com/recaptcha/enterprise.js" async defer></script>
  12. <script>
  13. window.addEventListener('load', () => {
  14. const $recaptcha = document.querySelector('#g-recaptcha-response');
  15. if ($recaptcha) {
  16. $recaptcha.setAttribute('required', 'required');
  17. }
  18. })
  19. </script>
  20. {% endblock %}
  22. {% block body %}
  24. {{ include('web/core/header.html.twig') }}
  25. <div class="qodef-content contact">
  26. <div class="qodef-content-inner">
  27. <div class="qodef-full-width">
  28. <div class="qodef-grid-row">
  29. <div class="qodef-page-content-holder qodef-grid-col-12">
  30. <div class="map-container"></div>
  31. <div class="vc_row wpb_row vc_row-fluid vc_custom_1565785471278 qodef-content-aligment-center contact-header">
  32. <div class="wpb_column vc_column_container vc_col-sm-12">
  33. <div class="vc_column-inner">
  34. <div class="wpb_wrapper">
  35. <div class="qodef-section-title-holder">
  36. <div class="qodef-st-inner">
  37. <h1 class="qodef-st-title">{{'contact.title' | trans}}</h1>
  38. <p class="qodef-st-text" style="margin-top: 25px">{{'contact.description' | trans}}</p>
  39. </div>
  40. </div>
  41. </div>
  42. </div>
  43. </div>
  44. </div>
  45. <div class="qodef-row-grid-section-wrapper contact-info">
  46. <div class="qodef-row-grid-section">
  47. <div class="vc_row wpb_row vc_row-fluid vc_custom_1563799310260">
  48. <div class="wpb_column vc_column_container vc_col-sm-4">
  49. <div class="vc_column-inner">
  50. <div class="wpb_wrapper">
  51. <div class="wpb_text_column wpb_content_element ">
  52. <div class="wpb_wrapper">
  53. <h4>{{'contact.main' | trans}}</h4>
  54. </div>
  55. </div>
  56. <div class="vc_empty_space" style="height: 2px">
  57. <span class="vc_empty_space_inner"></span>
  58. </div>
  59. <div class="wpb_text_column wpb_content_element ">
  60. <div class="wpb_wrapper">
  61. <p>
  62. <a href="https://goo.gl/maps/jizJ47zvbMAuXmUB6" target="_blank" rel="noopener noreferrer">{{'contact.address2' | trans}}</a>
  63. </p>
  64. </div>
  65. </div>
  66. <div class="wpb_text_column wpb_content_element">
  67. <div class="wpb_wrapper">
  68. <p>{{'contact.phoneText' | trans}}:
  69. <a href="tel:+420515266999">{{'contact.phone' | trans}}</a>
  70. </p>
  71. </div>
  72. </div>
  73. <div class="wpb_text_column wpb_content_element ">
  74. <div class="wpb_wrapper">
  75. <p>{{'contact.security.text' | trans}}:
  76. <a href="tel:+420515266977">{{'contact.security.phone' | trans}}</a>
  77. </p>
  78. </div>
  79. </div>
  80. <div class="wpb_text_column wpb_content_element ">
  81. <div class="wpb_wrapper">
  82. <p>{{'contact.fax.text' | trans}}:
  83. <a href="tel:+420515266999">{{'contact.fax.phone' | trans}}</a>
  84. </p>
  85. </div>
  86. </div>
  87. <div class="wpb_text_column wpb_content_element ">
  88. <div class="wpb_wrapper">
  89. <p>Email:
  90. <a href="mailto:{{'contact.email' | trans}}">{{'contact.email' | trans}}</a>
  91. </p>
  92. </div>
  93. </div>
  94. <div class="vc_empty_space" style="height: 18px">
  95. <span class="vc_empty_space_inner"></span>
  96. </div>
  97. <span class="qodef-icon-shortcode qodef-normal" data-color="#b3b3b3">
  98. <a itemprop="url" class="" href="https://www.facebook.com/freeport.cz" target="_blank">
  99. <i class="qodef-icon-font-awesome fab fa-facebook-f qodef-icon-element" style="color: #b3b3b3;font-size:16px"></i>
  100. </a>
  101. </span>
  102. <span class="qodef-icon-shortcode qodef-normal" style="margin: 0 20px" data-color="#b3b3b3">
  103. <a itemprop="url" class="" href="https://instagram.com/freeportfashionoutlet/" target="_blank">
  104. <i class="qodef-icon-font-awesome fab fa-instagram qodef-icon-element" style="color: #b3b3b3;font-size:16px"></i>
  105. </a>
  106. </span>
  107. <span class="qodef-icon-shortcode qodef-normal" data-color="#b3b3b3">
  108. <a itemprop="url" class="" href="https://www.youtube.com/user/FreeportOutletCZ" target="_blank">
  109. <i class="qodef-icon-font-awesome fab fa-youtube qodef-icon-element" style="color: #b3b3b3;font-size:16px"></i>
  110. </a>
  111. </span>
  112. <span class="qodef-icon-shortcode qodef-normal" style="margin: 0 0 0 20px" data-color="#b3b3b3">
  113. <a itemprop="url" class="" href="https://www.linkedin.com/company/freeportfashionoutlet" target="_blank">
  114. <i class="qodef-icon-font-awesome fab fa-linkedin-in qodef-icon-element" style="color: #b3b3b3;font-size:16px"></i>
  115. </a>
  116. </span>
  117. <div class="vc_empty_space" style="height: 40px">
  118. <span class="vc_empty_space_inner"></span>
  119. </div>
  120. </div>
  121. </div>
  122. </div>
  123. <div class="wpb_column vc_column_container vc_col-sm-8">
  124. <div class="vc_column-inner">
  125. <div class="wpb_wrapper">
  126. <div class="qodef-elements-holder qodef-one-column qodef-responsive-mode-768 ">
  127. <div class="qodef-eh-item">
  128. <div class="qodef-eh-item-inner">
  129. <div class="qodef-eh-item-content qodef-eh-custom-7476 contact-inputs">
  130. <div role="form" class="wpcf7" lang="en-US" dir="ltr">
  131. <div class="screen-reader-response"></div>
  132. {{ form_start(form,{attr:{class:'wpcf7-form cf7_custom_style_2'}}) }}
  134. <div class="custom-contact">
  135. <span class="wpcf7-form-control-wrap your-name">{{ form_widget(form.name) }}</span>
  136. <span class="wpcf7-form-control-wrap your-email">{{ form_widget(form.email) }}</span><span
  137. class="wpcf7-form-control-wrap your-message">{{ form_widget(form.text) }}</span>
  138. <div aria-hidden="true" style="position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;">
  139. {{ form_widget(form.website) }}
  140. </div>
  141. <div
  142. class="g-recaptcha"
  143. data-sitekey="6Lc9IQosAAAAANh2gsbMKeDjcKZ7tQh_BM0UnR7z"
  144. >
  145. </div>
  147. <button type="submit"
  148. class="wpcf7-form-control wpcf7-submit qodef-btn-outline qodef-btn qodef-btn-medium">
  149. <span class="qodef-btn-text">{{ 'send' | trans }}</span>
  150. </button>
  151. <span class="ajax-loader"></span>
  152. </div>
  154. {{ form_end(form) }}
  155. </div>
  156. </div>
  157. </div>
  158. </div>
  159. </div>
  160. </div>
  161. </div>
  162. </div>
  163. </div>
  164. </div>
  165. </div>
  166. <div class="qodef-row-grid-section-wrapper qodef-content-aligment-center">
  167. <div class="qodef-row-grid-section">
  168. <div class="vc_row wpb_row vc_row-fluid vc_custom_1568118994070">
  169. <div class="wpb_column vc_column_container vc_col-sm-12">
  170. <div class="vc_column-inner">
  171. <div class="wpb_wrapper">
  172. <div class="qodef-section-title-holder ">
  173. <div class="qodef-st-inner">
  174. <h1 class="qodef-st-title">{{'contact.team.title' | trans}}</h1>
  175. <p class="qodef-st-text" style="padding-bottom: 50px;">
  176. {{'contact.team.text' | trans}}
  177. </p>
  178. </div>
  179. </div>
  180. </div>
  181. </div>
  182. </div>
  183. </div>
  184. </div>
  185. </div>
  186. {% set team_members = [
  187. { key: 'prochazka', image: 'prochazka' },
  188. { key: 'lebedova', image: 'lebedova' },
  189. { key: 'karaskova', image: 'karaskova' },
  190. { key: 'redova', image: 'redova' },
  191. { key: 'raab', image: 'raab' },
  192. { key: 'fukacova', image: 'fukacova' },
  193. { key: 'polaskova', image: 'polaskova' },
  194. { key: 'macalka', image: 'macalka' },
  195. { key: 'svobodova', image: 'svobodova' },
  196. { key: 'jetelina', image: null },
  197. ] %}
  198. <div class="qodef-row-grid-section-wrapper qodef-content-aligment-center">
  199. <div class="qodef-row-grid-section">
  200. <div class="vc_row wpb_row vc_row-fluid">
  201. <div class="wpb_column vc_column_container vc_col-sm-12">
  202. <div class="vc_column-inner">
  203. <div class="wpb_wrapper">
  204. <img src="{{ asset('build/images/web/avatar/team.jpg') }}" alt="{{'contact.team.title' | trans}}" style="display: block; width: 100%; height: auto;" loading="lazy">
  205. </div>
  206. <div class="vc_empty_space" style="height: 50px">
  207. <span class="vc_empty_space_inner"></span>
  208. </div>
  209. </div>
  210. </div>
  211. </div>
  212. </div>
  213. </div>
  214. {% for row in team_members|batch(4) %}
  215. <div class="qodef-row-grid-section-wrapper qodef-content-aligment-center">
  216. <div class="qodef-row-grid-section">
  217. <div class="vc_row wpb_row vc_row-fluid">
  218. {% for member in row %}
  219. {% set member_text = ('contact.team.members.' ~ member.key ~ '.text') | trans %}
  220. <div class="wpb_column vc_column_container vc_col-sm-6 vc_col-lg-3 vc_col-md-6 vc_col-xs-12">
  221. <div class="vc_column-inner vc_custom_1563534027746">
  222. <div class="wpb_wrapper">
  223. <div class="qodef-team-holder qodef-team-info-below-image">
  224. <div class="qodef-team-inner">
  225. <div class="qodef-team-image">
  226. {% if member.image %}
  227. <img src="{{ asset('build/images/web/avatar/' ~ member.image ~ '.jpg') }}" alt="{{ ('contact.team.members.' ~ member.key ~ '.name') | trans }}" class="attachment-full size-full wp-post-image" loading="lazy">
  228. {% else %}
  229. <div style="aspect-ratio: 3 / 4;"></div>
  230. {% endif %}
  231. </div>
  232. <div class="qodef-team-info">
  233. <h5 class="qodef-team-name">{{ ('contact.team.members.' ~ member.key ~ '.name') | trans }}</h5>
  234. {% if member_text is not empty %}
  235. <p class="qodef-team-text">{{ member_text }}</p>
  236. {% endif %}
  237. </div>
  238. </div>
  239. </div>
  240. <div class="vc_empty_space" style="height: 20px">
  241. <span class="vc_empty_space_inner"></span>
  242. </div>
  243. </div>
  244. </div>
  245. </div>
  246. {% endfor %}
  247. </div>
  248. </div>
  249. </div>
  250. {% endfor %}
  251. </div>
  252. </div>
  253. </div>
  254. {{ include('web/core/gift-card.html.twig') }}
  255. </div>
  256. </div>
  257. {{ include('web/core/footer.html.twig') }}
  258. {% endblock %}