155 lines
8.0 KiB
HTML
155 lines
8.0 KiB
HTML
[viewBag]
|
||
|
||
[staticMenu]
|
||
code = "top-menu"
|
||
==
|
||
<!-- header start
|
||
================================================-->
|
||
<header class="header">
|
||
<div class="auto__container">
|
||
<div class="header__inner">
|
||
<div class="mobileSearch" id="searchBtn">
|
||
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg"
|
||
xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512"
|
||
style="enable-background:new 0 0 512 512;" xml:space="preserve">
|
||
<g>
|
||
<g>
|
||
<path d="M225.474,0C101.151,0,0,101.151,0,225.474c0,124.33,101.151,225.474,225.474,225.474
|
||
c124.33,0,225.474-101.144,225.474-225.474C450.948,101.151,349.804,0,225.474,0z M225.474,409.323
|
||
c-101.373,0-183.848-82.475-183.848-183.848S124.101,41.626,225.474,41.626s183.848,82.475,183.848,183.848
|
||
S326.847,409.323,225.474,409.323z" />
|
||
</g>
|
||
</g>
|
||
<g>
|
||
<g>
|
||
<path
|
||
d="M505.902,476.472L386.574,357.144c-8.131-8.131-21.299-8.131-29.43,0c-8.131,8.124-8.131,21.306,0,29.43l119.328,119.328
|
||
c4.065,4.065,9.387,6.098,14.715,6.098c5.321,0,10.649-2.033,14.715-6.098C514.033,497.778,514.033,484.596,505.902,476.472z" />
|
||
</g>
|
||
</g>
|
||
</svg>
|
||
|
||
</div>
|
||
<a href="/" class="header__logo">
|
||
<img src="{{'assets/images/logo.svg'|theme}}" alt="orient logo">
|
||
</a>
|
||
<div class="header__search">
|
||
<h1 class="header__slogan">
|
||
{{'site.slogan'|_}}
|
||
</h1>
|
||
<div class="header__search-input">
|
||
<form action="{{ 'search' | page }}" method="get">
|
||
<input type="searh" name="q" placeholder="{{'page.search'|_}}">
|
||
<button class="header__search-btn">
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="20.414" height="20.414"
|
||
viewBox="0 0 20.414 20.414">
|
||
<g id="Иконка_Поиск_" data-name="Иконка (Поиск)" transform="translate(1 1)">
|
||
<circle id="Ellipse_1" data-name="Ellipse 1" cx="8" cy="8" r="8" fill="none"
|
||
stroke="#242424" stroke-linecap="round" stroke-linejoin="round"
|
||
stroke-width="2" />
|
||
<line id="Line_1" data-name="Line 1" x1="4.35" y1="4.35"
|
||
transform="translate(13.65 13.65)" fill="none" stroke="#242424"
|
||
stroke-linecap="round" stroke-linejoin="round" stroke-width="2" />
|
||
</g>
|
||
</svg>
|
||
</button>
|
||
</form>
|
||
|
||
</div>
|
||
</div>
|
||
<button class="hamBtn" id="menuBtn">
|
||
<span></span>
|
||
<span></span>
|
||
<span></span>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
<div class="searchModal" id="searchModal">
|
||
<div class="searchModal__inner">
|
||
<div class="searchClose" id="searchClose">
|
||
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg"
|
||
xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 492 492"
|
||
style="enable-background:new 0 0 492 492;" xml:space="preserve">
|
||
<g>
|
||
<g>
|
||
<path d="M300.188,246L484.14,62.04c5.06-5.064,7.852-11.82,7.86-19.024c0-7.208-2.792-13.972-7.86-19.028L468.02,7.872
|
||
c-5.068-5.076-11.824-7.856-19.036-7.856c-7.2,0-13.956,2.78-19.024,7.856L246.008,191.82L62.048,7.872
|
||
c-5.06-5.076-11.82-7.856-19.028-7.856c-7.2,0-13.96,2.78-19.02,7.856L7.872,23.988c-10.496,10.496-10.496,27.568,0,38.052
|
||
L191.828,246L7.872,429.952c-5.064,5.072-7.852,11.828-7.852,19.032c0,7.204,2.788,13.96,7.852,19.028l16.124,16.116
|
||
c5.06,5.072,11.824,7.856,19.02,7.856c7.208,0,13.968-2.784,19.028-7.856l183.96-183.952l183.952,183.952
|
||
c5.068,5.072,11.824,7.856,19.024,7.856h0.008c7.204,0,13.96-2.784,19.028-7.856l16.12-16.116
|
||
c5.06-5.064,7.852-11.824,7.852-19.028c0-7.204-2.792-13.96-7.852-19.028L300.188,246z" />
|
||
</g>
|
||
</g>
|
||
</svg>
|
||
</div>
|
||
<div class="searchLogo">
|
||
<img src="{{'assets/images/logo.svg'|theme}}" alt="orient logo">
|
||
</div>
|
||
<form class="searchInput" action="{{ 'search' | page }}" method="get">
|
||
<input type="searh" name="q" placeholder="{{'page.search'|_}}">
|
||
<button class="searchInput__btn">
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="20.414" height="20.414" viewBox="0 0 20.414 20.414">
|
||
<g id="Иконка_Поиск_" data-name="Иконка (Поиск)" transform="translate(1 1)">
|
||
<circle id="Ellipse_1" data-name="Ellipse 1" cx="8" cy="8" r="8" fill="none"
|
||
stroke="#242424" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" />
|
||
<line id="Line_1" data-name="Line 1" x1="4.35" y1="4.35" transform="translate(13.65 13.65)"
|
||
fill="none" stroke="#242424" stroke-linecap="round" stroke-linejoin="round"
|
||
stroke-width="2" />
|
||
</g>
|
||
</svg>
|
||
</button>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</header>
|
||
<section class="subheader">
|
||
<div class="auto__container">
|
||
<div class="subheader__inner" id="menu">
|
||
<div class="close" id="closeMenu">
|
||
<img src="{{'assets/images/svg/cancel.svg'|theme}}" alt="cancel close">
|
||
</div>
|
||
<nav class="nav">
|
||
<div class="nav__inner">
|
||
{% for item in staticMenu.menuItems %}
|
||
|
||
{% if not item.isHidden and item.items|length %}
|
||
|
||
<div class="nav__inner-link {% if(item.isChildActive) %}} active {% endif %} {{item.cssClass}}">
|
||
<span>{{ item.title }}</span>
|
||
<div class="dropDown">
|
||
{% for item in item.items %}
|
||
<a href="{{ item.url }}" class="dropDown__link {{item.cssClass}}">
|
||
{{ item.title }}
|
||
</a>
|
||
{% endfor %}
|
||
</div>
|
||
</div>
|
||
{% elseif not item.viewBag.isHidden %}
|
||
<a href="{{ item.url }}"
|
||
class="nav__inner-link {% if (item.isActive) %} active {% endif %} {{item.cssClass}}">{{
|
||
item.title }}</a>
|
||
|
||
{% endif %}
|
||
{% endfor %}
|
||
</div>
|
||
</nav>
|
||
<div class="language">
|
||
{{ form_open({ request:'onSwitchLocale'})}}
|
||
<button class="language__link" name="locale" value="en">
|
||
<img src="{{'assets/images/svg/ENG.svg'|theme}}" alt="flag england">
|
||
</button>
|
||
<!-- <a href="#" class="language__link">-->
|
||
<!-- <img src="images/svg/TKM.svg" alt="">-->
|
||
<!-- </a>-->
|
||
<button class="language__link" name="locale" value="ru">
|
||
<img src="{{'assets/images/svg/RUS.svg'|theme}}" alt="flag russia">
|
||
</button>
|
||
{{ form_close() }}
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!-- header end
|
||
================================================-->
|