turkmentv/resources/views/web/layouts/headerMenu.blade.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="{{route('contact')}}" 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>