templates/web/core/header.html.twig line 36

Open in your IDE?
  1. {% trans_default_domain 'web' %}
  2. <style>
  3. .eshop-icon:hover svg path {
  4. fill: #db0088;
  5. }
  6. </style>
  7. <header class="qodef-page-header">
  8. <div class="qodef-menu-area qodef-menu-left">
  9. <div class="qodef-vertical-align-containers">
  10. <div class="qodef-position-left">
  11. <div class="qodef-position-left-inner">
  12. <nav class="qodef-main-menu qodef-drop-down qodef-default-nav">
  13. <ul class="clearfix">
  14. <li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor current-menu-parent qodef-active-item narrow">
  15. <a href="{{ path('app_web_brands') }}" class="current">
  16. <span class="item_outer">
  17. <span class="item_text">{{ 'brands.title'|trans }}
  18. <span class="item_text_underline"></span>
  19. </span>
  20. </span>
  21. </a>
  22. </li>
  25. <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children narrow">
  26. <a href="{{ path('app_web_shops') }}" class="">
  27. <span class="item_outer">
  28. <span class="item_text">{{ 'stores.title'|trans }}
  29. <span class="item_text_underline"></span>
  30. </span>
  31. <i class="qodef-menu-arrow fa fa-angle-down"></i>
  32. </span>
  33. </a>
  34. <div class="second">
  35. <div class="inner">
  36. {{ render(controller('App\\Controller\\Web\\DefaultController::menu')) }}
  37. </div>
  38. </div>
  39. </li>
  42. <li class="menu-item menu-item-type-custom menu-item-object-custom narrow">
  43. <a href="{{ path('app_web_top-actions') }}" class="">
  44. <span class="item_outer">
  45. <span class="item_text">{{ 'header.menu.topAction' | trans }}
  46. <span class="item_text_underline"></span>
  47. </span>
  48. </span>
  49. </a>
  50. </li>
  51. <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children narrow">
  52. <a href="#" class="">
  53. <span class="item_outer">
  54. <span class="item_text">{{ 'header.menu.centre' | trans }}
  55. <span class="item_text_underline"></span>
  56. </span>
  57. <i class="qodef-menu-arrow fa fa-angle-down"></i>
  58. </span>
  59. </a>
  60. <div class="second">
  61. <div class="inner">
  62. <ul>
  63. <li class="menu-item menu-item-type-post_type menu-item-object-page">
  64. <a href="{{ path('app_web_news') }}" class="">
  65. <span class="item_outer">
  66. <span class="item_text">{{ 'news.title'| trans | upper }}
  67. <span class="item_text_underline"></span>
  68. </span>
  69. </span>
  70. </a>
  71. </li>
  72. <li class="menu-item menu-item-type-post_type menu-item-object-page">
  73. <a href="{{ path('app_web_about') }}" class="">
  74. <span class="item_outer">
  75. <span class="item_text">{{ 'header.menu.aboutFreeport' | trans | upper }}
  76. <span class="item_text_underline"></span>
  77. </span>
  78. </span>
  79. </a>
  80. </li>
  81. {% if app.request.locale == 'cs' %}
  82. <li class="menu-item menu-item-type-post_type menu-item-object-page">
  83. <a href="{{ path('app_web_career') }}" class="">
  84. <span class="item_outer">
  85. <span class="item_text">{{ 'career.title' | trans | upper }}
  86. <span class="item_text_underline"></span>
  87. </span>
  88. </span>
  89. </a>
  90. </li>
  91. {% endif %}
  92. <li class="menu-item menu-item-type-post_type menu-item-object-page ">
  93. <a href="{{ path('app_web_contact') }}" class="">
  94. <span class="item_outer">
  95. <span class="item_text">{{ 'contact.title' | trans | upper }}
  96. <span class="item_text_underline"></span>
  97. </span>
  98. </span>
  99. </a>
  100. </li>
  101. <li class="menu-item menu-item-type-post_type menu-item-object-page">
  102. <a href="{{ path('app_web_page', {'site': 'header.menu.newsHref' | trans }) }}" class="">
  103. <span class="item_outer">
  104. <span class="item_text">{{ 'header.menu.whatsNew' | trans | upper }}
  105. <span class="item_text_underline"></span>
  106. </span>
  107. </span>
  108. </a>
  109. </li>
  110. <li class="menu-item menu-item-type-post_type menu-item-object-page">
  111. <a href="{{ path('app_web_page', {'site': 'header.menu.responsibilityHref' | trans }) }}" class="">
  112. <span class="item_outer">
  113. <span class="item_text">{{ 'header.menu.responsibility' | trans | upper }}
  114. <span class="item_text_underline"></span>
  115. </span>
  116. </span>
  117. </a>
  118. </li>
  119. </ul>
  120. </div>
  121. </div>
  122. </li>
  123. <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children narrow">
  124. <a href="{{ path('app_web_vip-club') }}" class="">
  125. <span class="item_outer">
  126. <span class="item_text">{{ 'vip.menu' | trans }}
  127. <span class="item_text_underline"></span>
  128. </span>
  129. </span>
  130. </a>
  131. </li>
  132. </ul>
  133. </nav>
  134. </div>
  135. </div>
  136. {#LOGO#}
  137. <div class="qodef-position-center">
  138. <div class="qodef-logo-wrapper">
  139. <a itemprop="url" href="{{ path('app_web_homepage.'~app.request.locale) }}" style="height: 50px;">
  140. <img itemprop="image" src="{{ asset('build/images/web/logo_bl.svg') }}" width="238" height="72" alt="logo" loading="lazy">
  141. </a>
  142. </div>
  143. </div>
  145. <div class="qodef-position-right header-right">
  146. <nav class="qodef-main-menu qodef-drop-down qodef-default-nav">
  147. <ul class="clearfix">
  148. <li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor current-menu-parent qodef-active-item narrow">
  149. <a href="{{ path(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')|merge({'_locale': 'cs'})) }}" class="current">
  150. <span class="item_outer">
  151. <span class="item_text">{{ 'languages.cs' | trans }}
  152. <span class="item_text_underline"></span>
  153. </span>
  154. </span>
  155. </a>
  156. </li>
  157. <li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor current-menu-parent qodef-active-item narrow">
  158. <a href="{{ path(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')|merge({'_locale': 'de'})) }}" class="current">
  159. <span class="item_outer">
  160. <span class="item_text">{{ 'languages.de' | trans }}
  161. <span class="item_text_underline"></span>
  162. </span>
  163. </span>
  164. </a>
  165. </li>
  166. <li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor current-menu-parent qodef-active-item narrow">
  167. <a href="{{ path(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')|merge({'_locale': 'en'})) }}" class="current">
  168. <span class="item_outer">
  169. <span class="item_text">{{ 'languages.en' | trans }}
  170. <span class="item_text_underline"></span>
  171. </span>
  172. </span>
  173. </a>
  174. </li>
  175. </ul>
  176. </nav>
  177. <div class="qodef-position-right-inner">
  178. <a href="javascript:void(1)" onclick="changeContent('opening_hours')" class="qodef-side-menu-button-opener qodef-btn-outline qodef-btn qodef-btn-medium">
  179. <span class="qodef-btn-text">{{ 'sidepanel.openingHours' | trans }}</span>
  180. </a>
  181. </div>
  182. <div class="qodef-position-right-inner">
  183. <a href="javascript:void(0)" onclick="changeContent('where_to_us')" class="qodef-side-menu-button-opener qodef-btn-outline qodef-btn qodef-btn-medium">
  184. <span class="qodef-btn-text">{{'whereToUs' | trans}}</span>
  185. </a>
  186. </div>
  188. <div class="qodef-position-right-inner">
  189. <a href="{{'eshop' | trans}}" target="_blank" class="qodef-btn-outline qodef-btn qodef-btn-medium">
  190. <span class="qodef-btn-text">{{'homepage.eshop.btn' | trans}}</span>
  191. </a>
  192. </div>
  193. {#Eshop - icon#}
  194. {#<div class="qodef-position-right-inner" style="position: relative; left: 20px;">
  195. <a href="https://www.freeoutlet.cz/" class="eshop-icon">
  196. <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24">
  197. <path d="M4.00488 16V4H2.00488V2H5.00488C5.55717 2 6.00488 2.44772 6.00488 3V15H18.4433L20.4433 7H8.00488V5H21.7241C22.2764 5 22.7241 5.44772 22.7241 6C22.7241 6.08176 22.7141 6.16322 22.6942 6.24254L20.1942 16.2425C20.083 16.6877 19.683 17 19.2241 17H5.00488C4.4526 17 4.00488 16.5523 4.00488 16ZM6.00488 23C4.90031 23 4.00488 22.1046 4.00488 21C4.00488 19.8954 4.90031 19 6.00488 19C7.10945 19 8.00488 19.8954 8.00488 21C8.00488 22.1046 7.10945 23 6.00488 23ZM18.0049 23C16.9003 23 16.0049 22.1046 16.0049 21C16.0049 19.8954 16.9003 19 18.0049 19C19.1095 19 20.0049 19.8954 20.0049 21C20.0049 22.1046 19.1095 23 18.0049 23Z"></path>
  198. </svg>
  199. </a>
  200. </div>#}
  201. </div>
  202. </div>
  203. </div>
  206. {# <div class="qodef-sticky-header header-appear">
  207. <div class="qodef-sticky-holder qodef-menu-left">
  208. <div class="qodef-vertical-align-containers">
  209. <div class="qodef-position-left">
  210. <div class="qodef-position-left-inner">
  211. <nav class="qodef-main-menu qodef-drop-down qodef-sticky-nav">
  212. <ul class="clearfix">
  213. <li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor current-menu-parent menu-item-has-children qodef-active-item">
  214. <a href="{{ path('app_web_shops') }}" class=" current ">
  215. <span class="item_outer">
  216. <span class="item_text">Obchody
  217. <span class="item_text_underline"></span>
  218. </span>
  219. </span>
  220. </a>
  221. </li>
  222. <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children">
  223. <a href="{{ path('app_web_top-actions') }}" class="">
  224. <span class="item_outer">
  225. <span class="item_text">Top akce
  226. <span class="item_text_underline"></span>
  227. </span>
  228. </span>
  229. </a>
  230. </li>
  231. <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children narrow">
  232. <a href="#" class="">
  233. <span class="item_outer">
  234. <span class="item_text">Centrum
  235. <span class="item_text_underline"></span>
  236. </span>
  237. <i class="qodef-menu-arrow fa fa-angle-down"></i>
  238. </span>
  239. </a>
  240. <div class="second">
  241. <div class="inner">
  242. <ul>
  243. <li class="menu-item menu-item-type-post_type menu-item-object-page ">
  244. <a href="{{ path('app_web_news') }}" class="">
  245. <span class="item_outer">
  246. <span class="item_text">NOVINKY
  247. <span class="item_text_underline"></span>
  248. </span>
  249. </span>
  250. </a>
  251. </li>
  252. <li class="menu-item menu-item-type-post_type menu-item-object-page ">
  253. <a href="{{ path('app_web_about') }}" class="">
  254. <span class="item_outer">
  255. <span class="item_text">O FREEPORTU
  256. <span class="item_text_underline"></span>
  257. </span>
  258. </span>
  259. </a>
  260. </li>
  261. <li class="menu-item menu-item-type-post_type menu-item-object-page ">
  262. <a href="{{ path('app_web_career') }}" class="">
  263. <span class="item_outer">
  264. <span class="item_text">KARIÉRA
  265. <span class="item_text_underline"></span>
  266. </span>
  267. </span>
  268. </a>
  269. </li>
  270. <li class="menu-item menu-item-type-post_type menu-item-object-page ">
  271. <a href="{{ path('app_web_contact') }}" class="">
  272. <span class="item_outer">
  273. <span class="item_text">KONTAKT
  274. <span class="item_text_underline"></span>
  275. </span>
  276. </span>
  277. </a>
  278. </li>
  279. </ul>
  280. </div>
  281. </div>
  282. </li>
  283. <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children has_sub wide">
  284. <a href="{{ path('app_web_vip-club') }}" class="">
  285. <span class="item_outer">
  286. <span class="item_text">VIP club
  287. <span class="item_text_underline"></span>
  288. </span>
  289. </span>
  290. </a>
  291. </li>
  292. </ul>
  293. </nav>
  294. </div>
  295. </div>
  297. <div class="qodef-position-center">
  298. <div class="qodef-logo-wrapper">
  299. <a itemprop="url" href="/" style="height: 50px;">
  300. <img itemprop="image" src="{{ asset('build/images/web/logo_bl.svg') }}" width="238" height="72" alt="logo">
  301. </a>
  302. </div>
  303. </div>
  305. <div class="qodef-position-right">
  306. <div class="qodef-position-right-inner">
  307. <p style="margin-right: 20px;"><a href="#" style="margin: 0 10px;">DE</a><a href="#" style="margin: 0 10px;">CZ</a><a href="#" style="margin: 0 10px;">EN</a></p>
  308. <div id="search-6" class="widget widget_search qodef-sticky-right">
  309. <form role="search" method="get" class="qodef-searchform searchform" action="./">
  310. <label class="screen-reader-text">Search for:</label>
  311. <div class="input-holder clearfix">
  312. <input type="search" class="search-field" required value="" name="s" title="Search for:">
  313. <button type="submit" class="qodef-search-submit">
  314. <svg xmlns="http://www.w3.org/2000/svg"
  315. xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
  316. width="16px" height="16px" viewbox="0 0 17 17"
  317. style="enable-background:new 0 0 17 17;" xml:space="preserve"><style type="text/css">.src0 {
  318. fill: none;
  319. stroke: #000000;
  320. stroke-linecap: round;
  321. stroke-miterlimit: 10;
  322. stroke-width: .65;
  323. }</style>
  324. <ellipse
  325. transform="matrix(0.7071 -0.7071 0.7071 0.7071 -3.161 7.6171)"
  326. class="src0" cx="7.6" cy="7.6" rx="6.8" ry="6.8"></ellipse>
  327. <line class="src0" x1="12.5" y1="12.5" x2="16.2"
  328. y2="16.2"></line></svg>
  329. </button>
  330. </div>
  331. </form>
  332. </div>
  334. <a class="qodef-side-menu-button-opener qodef-icon-has-hover qodef-side-menu-button-opener-predefined" href="javascript:void(0)">
  335. <span class="qodef-side-menu-icon">
  336. KUDY K NÁM?
  337. </span>
  338. </a>
  339. </div>
  340. </div>
  341. </div>
  342. </div>
  343. </div>#}
  344. </header>
  346. <header class="qodef-mobile-header">
  347. <div class="qodef-mobile-header-inner">
  348. <div class="qodef-mobile-header-holder">
  349. <div class="qodef-grid">
  350. <div class="qodef-vertical-align-containers">
  351. <div class="qodef-position-left">
  352. <div class="qodef-position-left-inner">
  353. <div class="qodef-mobile-logo-wrapper">
  354. <a itemprop="url" href="{{ path('app_web_homepage.'~app.request.locale) }}" style="height: 36px">
  355. <img itemprop="image" src="{{ asset('build/images/web/logo_bl.svg') }}" width="238" height="72" alt="Mobile Logo" loading="lazy">
  356. </a>
  357. </div>
  358. </div>
  359. </div>
  360. {#Eshop icon#}
  361. {#<div class="qodef-position-right">
  362. <div class="qodef-position-right-inner" style="position: relative; left: 20px;">
  363. <a href="https://www.freeoutlet.cz/" class="eshop-icon">
  364. <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 24 24">
  365. <path d="M4.00488 16V4H2.00488V2H5.00488C5.55717 2 6.00488 2.44772 6.00488 3V15H18.4433L20.4433 7H8.00488V5H21.7241C22.2764 5 22.7241 5.44772 22.7241 6C22.7241 6.08176 22.7141 6.16322 22.6942 6.24254L20.1942 16.2425C20.083 16.6877 19.683 17 19.2241 17H5.00488C4.4526 17 4.00488 16.5523 4.00488 16ZM6.00488 23C4.90031 23 4.00488 22.1046 4.00488 21C4.00488 19.8954 4.90031 19 6.00488 19C7.10945 19 8.00488 19.8954 8.00488 21C8.00488 22.1046 7.10945 23 6.00488 23ZM18.0049 23C16.9003 23 16.0049 22.1046 16.0049 21C16.0049 19.8954 16.9003 19 18.0049 19C19.1095 19 20.0049 19.8954 20.0049 21C20.0049 22.1046 19.1095 23 18.0049 23Z"></path>
  366. </svg>
  367. </a>
  368. </div>
  369. </div>#}
  370. <div class="qodef-position-right">
  371. <div class="qodef-position-right-inner">
  372. <div class="qodef-mobile-menu-opener qodef-mobile-menu-opener-predefined">
  373. <a href="javascript:void(0)">
  374. <span class="qodef-side-menu-icon">
  375. <span class="qodef-hm-lines">
  376. <span class="qodef-hm-line qodef-line-1"></span>
  377. <span class="qodef-hm-line qodef-line-2"></span>
  378. </span>
  379. </span>
  380. </a>
  381. </div>
  382. </div>
  383. </div>
  386. </div>
  387. </div>
  388. </div>
  390. <nav class="qodef-mobile-nav" style="min-height: 800px!important;height: 1000px !important; max-height: 1000px !important;overflow-y: auto !important;" role="navigation" aria-label="Mobile Menu">
  391. <div class="qodef-grid">
  392. <ul>
  394. <li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor current-menu-parent menu-item-has-children qodef-active-item">
  395. <a href="{{ path('app_web_brands') }}" class="current">
  396. <span>{{ 'brands.title'|trans }}</span>
  397. </a>
  398. </li>
  400. <li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor current-menu-parent menu-item-has-children qodef-active-item">
  401. <a href="{{ path('app_web_shops') }}" class="current">
  402. <span>{{ 'stores.title'|trans }}</span>
  403. </a>
  404. </li>
  405. <li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor current-menu-parent menu-item-has-children">
  406. <a href="{{ path('app_web_top-actions') }}" class="current">
  407. <span>{{'header.menu.topAction'|trans}}</span>
  408. </a>
  409. </li>
  410. <li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor current-menu-parent menu-item-has-children">
  411. <a href="{{ path('app_web_news') }}" class="current">
  412. <span>{{'news.title'|trans}}</span>
  413. </a>
  414. </li>
  415. <li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor current-menu-parent menu-item-has-children">
  416. <a href="{{ path('app_web_about') }}" class="current">
  417. <span>{{'header.menu.aboutFreeport'|trans}}</span>
  418. </a>
  419. </li>
  420. {% if app.request.locale == 'cs' %}
  421. <li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor current-menu-parent menu-item-has-children">
  422. <a href="{{ path('app_web_career') }}" class="current">
  423. <span>{{ 'career.title'|trans }}</span>
  424. </a>
  425. </li>
  426. {% endif %}
  427. <li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor current-menu-parent menu-item-has-children">
  428. <a href="{{ path('app_web_contact') }}" class="current">
  429. <span>{{ 'contact.title' | trans}}</span>
  430. </a>
  431. </li>
  432. <li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor current-menu-parent menu-item-has-children">
  433. <a href="{{ path('app_web_page', {'site': 'header.menu.newsHref' | trans }) }}" class="current">
  434. <span>{{ 'header.menu.whatsNew' | trans | upper }}</span>
  435. </a>
  436. </li>
  437. <li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor current-menu-parent menu-item-has-children">
  438. <a href="{{ path('app_web_page', {'site': 'header.menu.responsibilityHref' | trans }) }}" class="current">
  439. <span>{{ 'header.menu.responsibility' | trans | upper }}</span>
  440. </a>
  441. </li>
  442. <li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor current-menu-parent menu-item-has-children">
  443. <a href="{{ path('app_web_vip-club') }}" class="current">
  444. <span>{{'vip.title'|trans}}</span>
  445. </a>
  446. </li>
  448. <li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor current-menu-parent menu-item-has-children">
  449. <a href="javascript:void(1)" onclick="changeContent('opening_hours')" class="qodef-side-menu-button-opener">
  450. <span class="qodef-btn-text">{{ 'sidepanel.openingHours' | trans }}</span>
  451. </a>
  452. </li>
  453. <li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor current-menu-parent menu-item-has-children">
  454. <a href="javascript:void(0)" onclick="changeContent('where_to_us')" class="qodef-side-menu-button-opener">
  455. <span class="qodef-btn-text">{{'whereToUs' | trans}}</span>
  456. </a>
  457. </li>
  458. <li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor current-menu-parent menu-item-has-children">
  459. <a href="https://www.freeoutlet.cz/" class="eshop-icon" class="current">
  460. <span>{{'homepage.eshop.btn'|trans}}</span>
  461. </a>
  462. </li>
  463. <li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor current-menu-parent qodef-active-item narrow">
  464. <a href="{{ path(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')|merge({'_locale': 'cs'})) }}" class="current">
  465. <span class="item_outer">
  466. <span class="item_text">{{ 'languages.cs' | trans }}
  467. <span class="item_text_underline"></span>
  468. </span>
  469. </span>
  470. </a>
  471. </li>
  472. <li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor current-menu-parent qodef-active-item narrow">
  473. <a href="{{ path(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')|merge({'_locale': 'de'})) }}" class="current">
  474. <span class="item_outer">
  475. <span class="item_text">{{ 'languages.de' | trans }}
  476. <span class="item_text_underline"></span>
  477. </span>
  478. </span>
  479. </a>
  480. </li>
  481. <li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor current-menu-parent qodef-active-item narrow">
  482. <a href="{{ path(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')|merge({'_locale': 'en'})) }}" class="current">
  483. <span class="item_outer">
  484. <span class="item_text">{{ 'languages.en' | trans }}
  485. <span class="item_text_underline"></span>
  486. </span>
  487. </span>
  488. </a>
  489. </li>
  490. </ul>
  491. </div>
  492. </nav>
  494. </div>
  495. </header>