ORIENT/themes/modern2/partials/header.htm

154 lines
7.8 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/newYearLogo.png'|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="text" 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 data-name="Иконка (Поиск)" transform="translate(1 1)">
<circle 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" 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="text" 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 data-name="Иконка (Поиск)" transform="translate(1 1)">
<circle data-name="Ellipse 1" cx="8" cy="8" r="8" fill="none"
stroke="#242424" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" />
<line 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>
<button class="language__link" name="locale" value="tm">
<img src="{{'assets/images/svg/TKM.svg'|theme}}" alt="flag Turkmenistan">
</button>
<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
================================================-->