137 lines
10 KiB
PHP
137 lines
10 KiB
PHP
<header id="js-header" class="u-header u-header--static "
|
|
data-header-fix-moment="100"
|
|
data-header-fix-effect="slide">
|
|
<div class="u-header__section u-header__section--hidden u-header__section--dark g-py-13" style="background-color: #44405f !important;padding-bottom: 0px !important;">
|
|
<div class="container">
|
|
<div class="row flex-column flex-md-row align-items-center justify-content-between text-uppercase g-color-white g-font-size-11 g-mx-minus-15">
|
|
<!-- Responsive Toggle Button -->
|
|
<button class="g-hidden-md-up d-block btn btn-xs u-btn-primary g-brd-none g-line-height-1 mx-auto" type="button" aria-controls="dropdown-megamenu" aria-expanded="false" aria-label="Toggle navigation" data-toggle="collapse" data-target="#dropdown-megamenu">
|
|
<span class="hamburger hamburger--slider">
|
|
<span class="hamburger-box">
|
|
<span class="hamburger-inner g-bg-white"></span>
|
|
</span>
|
|
</span>
|
|
</button>
|
|
<!-- End Responsive Toggle Button -->
|
|
<div class="col-md-3 g-px-15 w-100 g-width-auto--md" >
|
|
<ul id="dropdown-megamenu" class="d-md-block collapse list-inline g-line-height-1 g-mx-minus-4 mb-0 hs-menu-initialized hs-menu-horizontal">
|
|
<li class="hs-has-sub-menu d-block d-md-inline-block g-pos-rel g-mx-4">
|
|
<a href="#!" id="dropdown-invoker-3" class="g-color-white g-color-primary--hover g-text-underline--none--hover" aria-haspopup="true" aria-expanded="false" aria-controls="dropdown-3" style="font-size: 16px;">RUS
|
|
</a>
|
|
<ul id="dropdown-3" class="hs-sub-menu list-unstyled g-bg-gray-dark-v1 g-py-10 g-px-20 g-mt-13" aria-labelledby="dropdown-invoker-3" style="display: none;">
|
|
<li class="g-py-10">
|
|
<a href="#!" class="d-block g-text-underline--none--hover g-color-white g-color-primary--hover" style="font-size: 15px;">TM</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="col-md-9 g-px-15" style="padding-left: 40px !important;">
|
|
<ul class="list-inline g-line-height-1 g-mt-minus-10 g-mx-minus-4 mb-0">
|
|
<div class="row">
|
|
<div class="col-md-3">
|
|
<li class="list-inline-item g-mx-4 g-mt-10">
|
|
<a class="u-icon-v3 g-rounded-50x g-bg-white g-color-gray-dark-v1 g-color-gray-dark-v1--hover " href="#!" style="width: 30px;height: 30px;margin-right: 3px !important;color: #453f61 !important;">
|
|
<i class="fa fa-facebook" style="font-size: 15px;"></i>
|
|
</a>
|
|
</li>
|
|
<li class="list-inline-item g-mx-4 g-mt-10">
|
|
<a class="u-icon-v3 g-rounded-50x g-bg-white g-color-gray-dark-v1 g-color-gray-dark-v1--hover" href="#!" style="width: 30px;height: 30px;margin-right: 3px !important;color: #453f61 !important;">
|
|
<i class="fa fa-pinterest-p" style="font-size: 15px;"></i>
|
|
</a>
|
|
</li>
|
|
<li class="list-inline-item g-mx-4 g-mt-10">
|
|
<a class="u-icon-v3 g-rounded-50x g-bg-white g-color-gray-dark-v1 g-color-gray-dark-v1--hover " href="#!" style="width: 30px;height: 30px;margin-right: 3px !important;color: #453f61 !important;">
|
|
<i class="fa fa-twitter" style="font-size: 15px;"></i>
|
|
</a>
|
|
</li>
|
|
<li class="list-inline-item g-mx-4 g-mt-10">
|
|
<a class="u-icon-v3 g-rounded-50x g-bg-white g-color-gray-dark-v1 g-color-gray-dark-v1--hover " href="#!" style="width: 30px;height: 30px;color: #453f61 !important;">
|
|
<i class="fa fa-linkedin" style="font-size: 15px;"></i>
|
|
</a>
|
|
</li>
|
|
</div>
|
|
<div class="col-md-9">
|
|
<li class="list-inline-item g-mx-4 g-mt-10" style="margin-left: 15px !important;">
|
|
<i class="fa fa-map-marker" style="font-size: 22px;padding-right: 5px;"></i>
|
|
<a href="#!" class="g-color-white g-color-primary--hover g-text-underline--none--hover" style="font-size: 16px;">АШХАБАД</a>
|
|
</li>
|
|
<li class="list-inline-item g-mx-4 g-mt-10" style="margin-left: 20px !important;margin-right: 20px !important;">
|
|
<i class="fa fa-calendar" style="font-size: 22px;padding-right: 5px;"></i>
|
|
<a href="#!" class="g-color-white g-color-primary--hover g-text-underline--none--hover" style="font-size: 16px;">20.10.2018</a>
|
|
</li>
|
|
<li class="list-inline-item g-mx-4 g-mt-10" style="">
|
|
<i class="fa fa-clock-o" style="font-size: 22px;padding-right: 5px;"></i>
|
|
<a href="#!" class="g-color-white g-color-primary--hover g-text-underline--none--hover" style="font-size: 16px;">13:19</a>
|
|
</li>
|
|
<li class="list-inline-item g-mx-4 g-mt-10" style="margin-left: 20px !important;">
|
|
<a href="#!" class="g-color-white g-color-primary--hover g-text-underline--none--hover" style="font-size: 16px;">+993 65 0000</a>
|
|
</li>
|
|
<li class="list-inline-item g-mx-4 g-mt-10" style="margin-left: 45px !important;">
|
|
<a href="#!" class="btn u-btn-outline-darkgray g-rounded-50 " style="font-size: 15px">ВХОД</a>
|
|
</li>
|
|
</div>
|
|
</div>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="u-header__section g-bg-white g-transition-0_3 g-py-16 g-py-10--md" data-header-fix-moment-exclude="g-bg-white" data-header-fix-moment-classes="u-shadow-v27 g-bg-white-opacity-0_9" style="background-color: #43425D !important;">
|
|
<nav class="navbar navbar-expand-lg p-0 g-px-15">
|
|
<div class="container g-pos-rel" style="">
|
|
<!-- Logo -->
|
|
|
|
<a href="#!" class="js-go-to navbar-brand u-header__logo"
|
|
data-type="static" style="margin-right: 70px;">
|
|
<img class="u-header__logo-img u-header__logo-img--main g-width-130" src="{{URL::asset('assets/img/logo.svg')}}" alt="Image Description" style="width: 235px !important;margin-bottom: 45px;">
|
|
</a>
|
|
<div id="navBar" class="collapse navbar-collapse w-100 align-items-center flex-sm-row" data-mobile-scroll-hide="true" >
|
|
<div class="navbar-collapse">
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<div class="" style="display: flex;width: 100%;">
|
|
<span class="input-group-text rounded-0 g-bg-white g-color-gray-light-v1" style="border-radius: 50px !important;height: 50px;width: 50px;margin: auto;background-color: #ff4159 !important;
|
|
border-color: #ff4159;position: absolute;margin-left: 745px;margin-top: 18px;"><i class="fa fa-search" style="margin: auto;color: white;font-size: 25px;"></i></span>
|
|
<input class="form-control u-shadow-v19 g-brd-none g-bg-white g-font-size-16 g-rounded-30 g-px-30 g-py-13 " type="text" placeholder="Поиск"
|
|
style="border-radius: 5px !important; box-shadow: 0 3px 2px 0 rgba(0,0,0,0.2),0 4px 9px 0 rgba(0,0,0,0.19) !important;width: 800px !important;
|
|
font-size: 25px !important; height: 70px;margin-top: 10px;margin-bottom: 25px;font-weight: 600;">
|
|
<div class="input-group-append">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-12">
|
|
<ul id="js-scroll-nav" class="navbar-nav text-uppercase g-font-weight-700 g-font-size-11 ml-auto g-pt-20 g-pt-3--lg" >
|
|
@foreach($categories as $id => $category)
|
|
<li class="nav-item g-mr-15--lg g-mb-7 g-mb-0--lg @if($id === $category_id) active @endif">
|
|
<a href="{{route('showCategoryEventsPage', ['category_id' => @$id])}}" class="nav-link p-0">{{$category}}</a>
|
|
</li>
|
|
@endforeach
|
|
|
|
<li class="nav-item g-mx-15--lg g-mb-7 g-mb-0--lg">
|
|
<i class="fa icon-options" style="font-size: 25px;color: white;"></i>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- End Navigation -->
|
|
<!-- Responsive Toggle Button -->
|
|
<button class="navbar-toggler btn g-line-height-1 g-brd-none g-pa-0 g-pos-abs g-top-20 g-right-0" type="button"
|
|
aria-label="Toggle navigation"
|
|
aria-expanded="false"
|
|
aria-controls="navBar"
|
|
data-toggle="collapse"
|
|
data-target="#navBar">
|
|
<span class="hamburger hamburger--slider">
|
|
<span class="hamburger-box">
|
|
<span class="hamburger-inner"></span>
|
|
</span>
|
|
</span>
|
|
</button>
|
|
<!-- End Responsive Toggle Button -->
|
|
</div>
|
|
</nav>
|
|
</div>
|
|
</header> |