turkmentv/resources/views/web/layouts/headerMenu.blade.php

101 lines
6.6 KiB
PHP

<header class="container-fluid">
<div class = "">
<h1 style = "text-align: center;color: #167f7e;font-family: SourceSansSemiBold;padding-bottom: 12px;font-size: 45px;"> 2019-njy ýyl "Türkmenistan-rowaçlygyň Watany" ýyly</h1>
</div>
<div class="container-fluid header-menu desktop" style="padding: 0">
<div class="row" style="margin: 0;background-color: #2b9996; height: 77px;">
<div class="header-menu-top-part" style="height: 34px; background-color: #187f7e; padding-left: 11%; padding-right: 11%;">
<ul style="padding: 0; margin: 0;top: 5px;position: relative;">
<div class="tpl-block-list tpl-component-217" id="nc-block-f066ef53f8527bb5fed9e326a84d0c05">
@foreach($topMenus as $topMenu)
<li><a class = "aq" style = "font-family: SourceSansRegular;font-size: 15.5px;" href="{{route('menuLinkWeb', $topMenu->id)}}">{{ $topMenu->name }}</a></li>
@endforeach
</div> </ul>
</div>
<div class="header-menu-bottom-part" style="padding-left: 11%; padding-right: 9.5%; padding-top: 10px">
<ul style="display: inline-block; padding: 0; margin: 0;">
<li><a href="{{route('homeWeb')}}"><img src="{{ asset('assets/img/home.png') }}" alt="" style="height: 20px;"></a></li>
</ul>
<ul class="bottom-left-menu" style="margin: 0; padding: 0; display: inline-block;position:relative;top: 2px;">
<div class="tpl-block-list tpl-component-217" id="nc-block-c72c2bf4e3accf90c47b63adf23ec8b7">
<li><a class = "aq" style = "font-family: SourceSansRegular;font-size: 15.5px;" href="{{route('newsList')}}">Habarlar</a></li>
@foreach($middleMenus as $middleMenu)
<li><a class = "aq" style = "font-family: SourceSansRegular;font-size: 15.5px;" href="{{route('menuLinkWeb', $middleMenu->id)}}">{{ $middleMenu->name }}</a></li>
@endforeach
<li><a class = "aq" style = "font-family: SourceSansRegular;font-size: 15.5px;" href="{{route('home')}}">Tolegli maglumat</a></li>
</div> </ul>
<ul class="bottom-right-menu pull-right" style="margin: 0; padding: 0; display: inline-block;">
<li><img src="{{ asset('assets/img/phone.png') }}" style="height: 17px; display: inline-block; margin-top: -4px">&nbsp;&nbsp;&nbsp;<a href="ru/kontakty/index.html" style="display: inline-block; font-family:SourceSansRegular;">Habarlaşmak üçin</a></li>
<div class="dropdown" style="display: inline-block">
<li style="color: #ffffff"><i class="icon-globe" style="display: inline-block"></i>&nbsp;&nbsp; <a class="dropbtn" style="display: inline-block;font-family:SourceSansRegular;" onclick="myDropdownFunc()">TKM</a></li>
<div class="dropdown-content" id="myDropdown">
<a href="#" style = "font-family:SourceSansRegular;">ENG <i class="fa fa-angle-right pull-right" style="display: inline-block;"></i></a>
<a href="#" style = "font-family:SourceSansRegular;">RUS <i class="fa fa-angle-right pull-right" style="display: inline-block;"></i></a>
<a href="#" style = "font-family:SourceSansRegular;">TKM <i class="fa fa-angle-right pull-right" style="display: inline-block;"></i></a>
</div>
</div>
<li>
<form action="">
<input type="text" name="search" placeholder="Gözleg">
<span style="display: inline-block"><i class="fa fa-search" style="color: #ffffff; font-size: 12px"></i></span>
</form>
</li>
</ul>
</div>
</div>
</div>
<div class="container-fluid header-menu mobile" style="background-color: #187f7e; height: 66px; padding: 0; margin: 0">
<div class="row" style="margin: 0; padding: 0">
<ul class="mobile-menu">
<li class="pull-left"><a href="index.html" style="text-decoration: none;"><img src="static/img/home.png" alt=""><span style="color: #ffffff">Home</span></a></li>
<li class="pull-right button-dropdown">
<a href="javascript:void(0)" class="dropdown-toggle" style="text-decoration: none;">
<i class="fa fa-reorder"></i><span style="color: #ffffff">Menu</span>
</a>
<div class="dropdown-menu">
<ul>
@foreach($menus as $menu)
<a href="{{route('menuLinkWeb', $menu->id)}}">
<li><span>{{$menu->name}}</span> <i class="fa fa-angle-right pull-right" style="display: inline-block;"></i>
</li>
</a>
@endforeach
</ul>
</div>
</li>
<li class="pull-right button-dropdown">
<a href="javascript:void(0)" class="dropdown-toggle" style="text-decoration: none;">
<i class="fa fa-search"></i><span style="color: #ffffff">Search</span>
</a>
<div class="dropdown-menu">
<form action="">
<input type="text" name="search_box" class="form-control">
<input type="submit" name="search_btn" class="pull-right" value="Search">
</form>
</div>
</li>
<li class="pull-right button-dropdown">
<a href="javascript:void(0)" class="dropdown-toggle" style="text-decoration: none;">
<i class="icon-globe"></i><span style="color: #ffffff">English</span>
</a>
<div class="dropdown-menu">
<ul>
<a href="#"><li><span>English</span> <i class="fa fa-angle-right pull-right" style="display: inline-block;"></i></li></a>
<a href="#"><li><span>Русский</span> <i class="fa fa-angle-right pull-right" style="display: inline-block;"></i></li></a>
<a href="#"><li><span>Turkmen</span> <i class="fa fa-angle-right pull-right" style="display: inline-block;"></i></li></a>
</ul>
</div>
</li>
</ul>
</div>
</div>
</header>