templates/web/default/gift-card.html.twig line 1

Open in your IDE?
  1. {% extends 'web/base.html.twig' %}
  3. {% block title %}{{'giftCards.title' | trans}}{% endblock %}
  4. {% trans_default_domain 'web' %}
  5. {% block javascripts %}
  6. <script src="https://www.google.com/recaptcha/enterprise.js" async defer></script>
  8. <script>
  9. window.addEventListener('load', () => {
  10. const $recaptcha = document.querySelector('#g-recaptcha-response');
  11. if ($recaptcha) {
  12. $recaptcha.setAttribute('required', 'required');
  13. }
  14. })
  15. </script>
  16. {% endblock %}
  17. {% block body %}
  18. {{ include('web/core/header.html.twig') }}
  19. <div class="qodef-content">
  20. <div class="qodef-content-inner">
  22. <div class="gift-banner d-mobile-none qodef-title-holder qodef-centered-type qodef-title-full-width qodef-title-va-header-bottom qodef-has-bg-image" style="background-image: url({{ asset('build/images/web/gift-card/gift-card-'~app.request.locale~'.jpg') }}) !important;">
  24. </div>
  26. <div class="qodef-full-width">
  27. <div class="qodef-full-width-inner">
  28. <div class="qodef-grid-row">
  29. <div class="qodef-page-content-holder qodef-grid-col-12">
  30. <div class="vc_row wpb_row vc_row-fluid">
  31. <div class="qodef-row-grid-section-wrapper ">
  32. <div class="qodef-row-grid-section">
  33. <div class="qodef-elements-holder">
  34. <div class="qodef-eh-item qodef-vertical-alignment-top">
  35. <div class="qodef-eh-item-inner">
  36. <div class="qodef-eh-item-content qodef-eh-custom-5596">
  37. <div class="qodef-title-holder qodef-breadcrumbs-type qodef-title-full-width qodef-title-va-header-bottom breadcrumb">
  38. <div itemprop="breadcrumb" class="qodef-breadcrumbs">
  39. <a itemprop="url" href="#">{{'breadcrumb.home' | trans}}</a>
  40. <span class="qodef-delimiter">&nbsp; / &nbsp;</span>
  41. <span class="qodef-current">{{'giftCards.title' | trans}}</span>
  42. </div>
  43. </div>
  44. {#<div class="vc_empty_space" style="height: 70px">
  45. <span class="vc_empty_space_inner"></span>
  46. </div>#}
  47. <div class="gift-wrapper">
  48. <div class="wpb_text_column wpb_content_element ">
  49. <div class="wpb_wrapper">
  50. <h4 style="margin-top: 0;">{{'giftCards.title' | trans}}</h4>
  51. <h5>{{'giftCards.subtitle' | trans}}</h5>
  52. </div>
  53. </div>
  54. <div class="wpb_text_column wpb_content_element ">
  55. <div class="wpb_wrapper">
  56. <p>{{'giftCards.text' | trans}}</p>
  57. </div>
  58. </div>
  59. <div class="wpb_text_column wpb_content_element ">
  60. <div class="wpb_wrapper">
  61. <h5>{{'giftCards.howTitle' | trans}}</h5>
  62. <ol class="gift-list">
  63. <li>
  64. {{'giftCards.how1' | trans}}
  65. </li>
  66. <li>
  67. {{'giftCards.how2' | trans}}
  68. </li>
  69. </ol>
  70. </div>
  71. </div>
  72. <div class="wpb_text_column wpb_content_element ">
  73. <div class="wpb_wrapper">
  74. <p>{{'giftCards.orderDescription' | trans}}</p>
  75. <p style="font-weight: bold">{{'giftCards.phone' | trans}}</p>
  76. <p style="font-weight: bold">
  77. Mail:
  78. <a href="mailto:{{'giftCards.mail' | trans}}">{{'giftCards.mail' | trans}}</a>
  79. </p>
  80. </div>
  81. </div>
  82. </div>
  83. </div>
  84. </div>
  85. </div>
  86. </div>
  87. <div class="vc_row wpb_row vc_row-fluid vc_custom_1565786080871">
  88. <div class="wpb_column vc_column_container vc_col-sm-12">
  89. <div class="vc_column-inner">
  90. <div class="wpb_wrapper">
  91. <div class="wpb_text_column wpb_content_element">
  92. <div class="wpb_wrapper">
  93. {# <h2 style="text-align: center;">order nille gift cards</h2>#}
  94. </div>
  95. </div>
  96. <div class="vc_empty_space" style="height: 40px">
  97. <span class="vc_empty_space_inner"></span>
  98. </div>
  99. <div class="qodef-pl-holder qodef-grid-list qodef-disable-bottom-space qodef-standard-layout qodef-three-columns qodef-normal-space qodef-info-below-image">
  100. <div class="qodef-pl-outer qodef-outer-space">
  101. <div class="qodef-pli qodef-item-space ">
  102. <div class="qodef-pli-inner">
  103. <div class="qodef-pli-image">
  104. <img src="{{ vich_uploader_asset(info.translate('cs'), 'imageFile')| imagine_filter('coupon') }}" alt="Gift Card" loading="lazy">
  105. </div>
  106. {#<div class="qodef-pli-text">
  107. <div class="qodef-pli-text-outer">
  108. <div class="qodef-pli-text-inner">
  109. <div class="qodef-pli-add-to-cart qodef-default-skin">
  110. <a class="button add_to_cart_button ajax_add_to_cart qodef-button">Přidat do košíku</a>
  111. </div>
  112. </div>
  113. </div>
  114. </div>#}
  115. </div>
  116. <div class="qodef-pli-text-wrapper">
  117. <h5 itemprop="name" class="entry-title qodef-pli-title">
  118. <a href="#">{{'giftCards.cards.first.title' | trans}}</a>
  119. </h5>
  120. <div class="qodef-pli-price">
  121. <span class="woocommerce-Price-amount amount">{{'giftCards.cards.first.price' | trans}}</span>
  122. </div>
  123. </div>
  124. </div>
  125. <div class="qodef-pli qodef-item-space ">
  126. <div class="qodef-pli-inner">
  127. <div class="qodef-pli-image">
  128. <img src="{{ vich_uploader_asset(info.translate('de'), 'imageFile')| imagine_filter('coupon') }}" alt="Gift Card" loading="lazy">
  129. </div>
  130. {#<div class="qodef-pli-text">
  131. <div class="qodef-pli-text-outer">
  132. <div class="qodef-pli-text-inner">
  133. <div class="qodef-pli-add-to-cart qodef-default-skin">
  134. <a class="button add_to_cart_button ajax_add_to_cart qodef-button">Přidat do košíku</a>
  135. </div>
  136. </div>
  137. </div>
  138. </div>#}
  139. </div>
  140. <div class="qodef-pli-text-wrapper">
  141. <h5 itemprop="name" class="entry-title qodef-pli-title">
  142. <a href="#">{{'giftCards.cards.second.title' | trans}}</a>
  143. </h5>
  144. <div class="qodef-pli-price">
  145. <span class="woocommerce-Price-amount amount">{{'giftCards.cards.second.price' | trans}}</span>
  146. </div>
  147. </div>
  148. </div>
  149. <div class="qodef-pli qodef-item-space ">
  150. <div class="qodef-pli-inner">
  151. <div class="qodef-pli-image">
  152. <img src="{{ vich_uploader_asset(info.translate('en'), 'imageFile')| imagine_filter('coupon') }}" alt="Gift Card" loading="lazy">
  153. </div>
  154. {#<div class="qodef-pli-text">
  155. <div class="qodef-pli-text-outer">
  156. <div class="qodef-pli-text-inner">
  157. <div class="qodef-pli-add-to-cart qodef-default-skin">
  158. <a class="button add_to_cart_button ajax_add_to_cart qodef-button">Přidat do košíku</a>
  159. </div>
  160. </div>
  161. </div>
  162. </div>#}
  163. </div>
  164. <div class="qodef-pli-text-wrapper">
  165. <h5 itemprop="name" class="entry-title qodef-pli-title">
  166. <a href="#">{{'giftCards.cards.third.title' | trans}}</a>
  167. </h5>
  168. <div class="qodef-pli-price">
  169. <span class="woocommerce-Price-amount amount">{{'giftCards.cards.third.price' | trans}}</span>
  170. </div>
  171. </div>
  172. </div>
  173. </div>
  174. </div>
  175. <div class="qodef-content contact" style="padding-top: 50px;">
  176. <div class="qodef-content-inner">
  177. <div class="qodef-full-width">
  178. <div class="qodef-grid-row">
  179. <div class="qodef-page-content-holder qodef-grid-col-12">
  180. {#<div class="map-container"></div>#}
  181. <div class="vc_row wpb_row vc_row-fluid vc_custom_1565785471278 qodef-content-aligment-center">
  182. <div class="wpb_column vc_column_container vc_col-sm-12">
  183. <div class="vc_column-inner">
  184. <div class="wpb_wrapper">
  185. <div class="qodef-section-title-holder ">
  186. <div class="qodef-st-inner">
  187. <h1 class="qodef-st-title">{{'giftCards.orderVoucher.title' | trans}}</h1>
  188. <p class="qodef-st-text" style="margin-top: 25px">{{'giftCards.orderVoucher.text' | trans}}</p>
  189. </div>
  190. </div>
  191. </div>
  192. </div>
  193. </div>
  194. </div>
  195. <div class="qodef-row-grid-section-wrapper" style="padding: 70px 0;">
  196. <div class="qodef-row-grid-section">
  197. <div class="vc_row wpb_row vc_row-fluid vc_custom_1563799310260">
  198. <div class="wpb_column vc_column_container vc_col-sm-12">
  199. <div class="vc_column-inner">
  200. <div class="wpb_wrapper">
  201. <div class="qodef-elements-holder qodef-one-column qodef-responsive-mode-768 ">
  202. <div class="qodef-eh-item">
  203. <div class="qodef-eh-item-inner">
  204. <div class="qodef-eh-item-content qodef-eh-custom-7476">
  205. <div role="form" class="wpcf7" lang="en-US" dir="ltr">
  206. <div class="screen-reader-response"></div>
  207. {{ form_start(form,{attr:{class:'wpcf7-form cf7_custom_style_2'}}) }}
  209. <div class="custom-contact">
  210. <span class="wpcf7-form-control-wrap your-name">{{ form_widget(form.name) }}</span>
  211. <span class="wpcf7-form-control-wrap your-email">{{ form_widget(form.email) }}</span><span
  212. class="wpcf7-form-control-wrap your-message">{{ form_widget(form.text) }}</span>
  213. <div aria-hidden="true" style="position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;">
  214. {{ form_widget(form.website) }}
  215. </div>
  216. <div
  217. class="g-recaptcha"
  218. data-sitekey="6LceJF4sAAAAAPArJ2NhsGOveBOfohHCAG_Or9QK"
  219. >
  220. </div>
  221. <button type="submit"
  222. class="wpcf7-form-control wpcf7-submit qodef-btn-outline qodef-btn qodef-btn-medium">
  223. <span class="qodef-btn-text">{{ 'send' | trans }}</span>
  224. </button>
  225. <span class="ajax-loader"></span>
  226. </div>
  228. {{ form_end(form) }}
  229. </div>
  230. </div>
  231. </div>
  232. </div>
  233. </div>
  234. </div>
  235. </div>
  236. </div>
  237. </div>
  238. </div>
  239. </div>
  240. {# <div class="qodef-row-grid-section-wrapper qodef-content-aligment-center">
  241. <div class="qodef-row-grid-section">
  242. <div class="vc_row wpb_row vc_row-fluid vc_custom_1568118994070">
  243. <div class="wpb_column vc_column_container vc_col-sm-12">
  244. <div class="vc_column-inner">
  245. <div class="wpb_wrapper">
  246. <div class="qodef-section-title-holder ">
  247. <div class="qodef-st-inner">
  248. <h1 class="qodef-st-title">Náš tým</h1>
  249. <p class="qodef-st-text" style="padding-bottom: 50px;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla quis diam.</p>
  250. </div>
  251. </div>
  252. </div>
  253. </div>
  254. </div>
  255. </div>
  256. </div>
  257. </div>
  258. <div class="qodef-row-grid-section-wrapper qodef-content-aligment-center">
  259. <div class="qodef-row-grid-section">
  260. <div class="vc_row wpb_row vc_row-fluid">
  261. <div class="wpb_column vc_column_container vc_col-sm-6 vc_col-lg-3 vc_col-md-6 vc_col-xs-12">
  262. <div class="vc_column-inner vc_custom_1563534027746">
  263. <div class="wpb_wrapper">
  264. <div class="qodef-team-holder qodef-team-info-below-image">
  265. <div class="qodef-team-inner">
  266. <div class="qodef-team-image">
  267. <img src="{{ asset('build/images/web/avatar/team_avatar.jpg') }}" class="attachment-full size-full wp-post-image">
  268. </div>
  269. <div class="qodef-team-info">
  270. <h5 class="qodef-team-name">Line Cosette</h5>
  272. <p class="qodef-team-text">Beauty Advisor</p>
  273. </div>
  274. </div>
  275. </div>
  276. <div class="vc_empty_space" style="height: 20px">
  277. <span class="vc_empty_space_inner"></span>
  278. </div>
  279. </div>
  280. </div>
  281. </div>
  282. <div class="wpb_column vc_column_container vc_col-sm-6 vc_col-lg-3 vc_col-md-6 vc_col-xs-12">
  283. <div class="vc_column-inner vc_custom_1563534027746">
  284. <div class="wpb_wrapper">
  285. <div class="qodef-team-holder qodef-team-info-below-image">
  286. <div class="qodef-team-inner">
  287. <div class="qodef-team-image">
  288. <img src="{{ asset('build/images/web/avatar/team_avatar.jpg') }}" class="attachment-full size-full wp-post-image">
  289. </div>
  290. <div class="qodef-team-info">
  291. <h5 class="qodef-team-name">Line Cosette</h5>
  293. <p class="qodef-team-text">Beauty Advisor</p>
  294. </div>
  295. </div>
  296. </div>
  297. <div class="vc_empty_space" style="height: 20px">
  298. <span class="vc_empty_space_inner"></span>
  299. </div>
  300. </div>
  301. </div>
  302. </div>
  303. <div class="wpb_column vc_column_container vc_col-sm-6 vc_col-lg-3 vc_col-md-6 vc_col-xs-12">
  304. <div class="vc_column-inner vc_custom_1563534027746">
  305. <div class="wpb_wrapper">
  306. <div class="qodef-team-holder qodef-team-info-below-image">
  307. <div class="qodef-team-inner">
  308. <div class="qodef-team-image">
  309. <img src="{{ asset('build/images/web/avatar/team_avatar.jpg') }}" class="attachment-full size-full wp-post-image">
  310. </div>
  311. <div class="qodef-team-info">
  312. <h5 class="qodef-team-name">Line Cosette</h5>
  314. <p class="qodef-team-text">Beauty Advisor</p>
  315. </div>
  316. </div>
  317. </div>
  318. <div class="vc_empty_space" style="height: 20px">
  319. <span class="vc_empty_space_inner"></span>
  320. </div>
  321. </div>
  322. </div>
  323. </div>
  324. <div class="wpb_column vc_column_container vc_col-sm-6 vc_col-lg-3 vc_col-md-6 vc_col-xs-12">
  325. <div class="vc_column-inner vc_custom_1563534027746">
  326. <div class="wpb_wrapper">
  327. <div class="qodef-team-holder qodef-team-info-below-image">
  328. <div class="qodef-team-inner">
  329. <div class="qodef-team-image">
  330. <img src="{{ asset('build/images/web/avatar/team_avatar.jpg') }}" class="attachment-full size-full wp-post-image">
  331. </div>
  332. <div class="qodef-team-info">
  333. <h5 class="qodef-team-name">Line Cosette</h5>
  335. <p class="qodef-team-text">Beauty Advisor</p>
  336. </div>
  337. </div>
  338. </div>
  339. <div class="vc_empty_space" style="height: 20px">
  340. <span class="vc_empty_space_inner"></span>
  341. </div>
  342. </div>
  343. </div>
  344. </div>
  345. </div>
  346. </div>
  347. </div>
  348. <div class="qodef-row-grid-section-wrapper qodef-content-aligment-center">
  349. <div class="qodef-row-grid-section">
  350. <div class="vc_row wpb_row vc_row-fluid">
  351. <div class="wpb_column vc_column_container vc_col-sm-6 vc_col-lg-3 vc_col-md-6 vc_col-xs-12">
  352. <div class="vc_column-inner vc_custom_1563534027746">
  353. <div class="wpb_wrapper">
  354. <div class="qodef-team-holder qodef-team-info-below-image">
  355. <div class="qodef-team-inner">
  356. <div class="qodef-team-image">
  357. <img src="{{ asset('build/images/web/avatar/team_avatar.jpg') }}" class="attachment-full size-full wp-post-image">
  358. </div>
  359. <div class="qodef-team-info">
  360. <h5 class="qodef-team-name">Line Cosette</h5>
  362. <p class="qodef-team-text">Beauty Advisor</p>
  363. </div>
  364. </div>
  365. </div>
  366. <div class="vc_empty_space" style="height: 20px">
  367. <span class="vc_empty_space_inner"></span>
  368. </div>
  369. </div>
  370. </div>
  371. </div>
  372. <div class="wpb_column vc_column_container vc_col-sm-6 vc_col-lg-3 vc_col-md-6 vc_col-xs-12">
  373. <div class="vc_column-inner vc_custom_1563534027746">
  374. <div class="wpb_wrapper">
  375. <div class="qodef-team-holder qodef-team-info-below-image">
  376. <div class="qodef-team-inner">
  377. <div class="qodef-team-image">
  378. <img src="{{ asset('build/images/web/avatar/team_avatar.jpg') }}" class="attachment-full size-full wp-post-image">
  379. </div>
  380. <div class="qodef-team-info">
  381. <h5 class="qodef-team-name">Line Cosette</h5>
  383. <p class="qodef-team-text">Beauty Advisor</p>
  384. </div>
  385. </div>
  386. </div>
  387. <div class="vc_empty_space" style="height: 20px">
  388. <span class="vc_empty_space_inner"></span>
  389. </div>
  390. </div>
  391. </div>
  392. </div>
  393. <div class="wpb_column vc_column_container vc_col-sm-6 vc_col-lg-3 vc_col-md-6 vc_col-xs-12">
  394. <div class="vc_column-inner vc_custom_1563534027746">
  395. <div class="wpb_wrapper">
  396. <div class="qodef-team-holder qodef-team-info-below-image">
  397. <div class="qodef-team-inner">
  398. <div class="qodef-team-image">
  399. <img src="{{ asset('build/images/web/avatar/team_avatar.jpg') }}" class="attachment-full size-full wp-post-image">
  400. </div>
  401. <div class="qodef-team-info">
  402. <h5 class="qodef-team-name">Line Cosette</h5>
  404. <p class="qodef-team-text">Beauty Advisor</p>
  405. </div>
  406. </div>
  407. </div>
  408. <div class="vc_empty_space" style="height: 20px">
  409. <span class="vc_empty_space_inner"></span>
  410. </div>
  411. </div>
  412. </div>
  413. </div>
  414. <div class="wpb_column vc_column_container vc_col-sm-6 vc_col-lg-3 vc_col-md-6 vc_col-xs-12">
  415. <div class="vc_column-inner vc_custom_1563534027746">
  416. <div class="wpb_wrapper">
  417. <div class="qodef-team-holder qodef-team-info-below-image">
  418. <div class="qodef-team-inner">
  419. <div class="qodef-team-image">
  420. <img src="{{ asset('build/images/web/avatar/team_avatar.jpg') }}" class="attachment-full size-full wp-post-image">
  421. </div>
  422. <div class="qodef-team-info">
  423. <h5 class="qodef-team-name">Line Cosette</h5>
  425. <p class="qodef-team-text">Beauty Advisor</p>
  426. </div>
  427. </div>
  428. </div>
  429. <div class="vc_empty_space" style="height: 20px">
  430. <span class="vc_empty_space_inner"></span>
  431. </div>
  432. </div>
  433. </div>
  434. </div>
  435. </div>
  436. </div>
  437. </div>#}
  438. </div>
  439. </div>
  440. </div>
  441. {#{{ include('web/core/gift-card.html.twig') }}#}
  442. </div>
  443. </div>
  444. </div>
  445. </div>
  446. </div>
  447. </div>
  448. </div>
  449. </div>
  451. </div>
  452. </div>
  453. </div>
  454. </div>
  455. </div>
  456. </div>
  457. </div>
  458. {{ include('web/core/footer.html.twig') }}
  459. {% endblock %}