@php



     $arr_data = DB::table('cms_pages')->whereIn('id',[24,25,26,27,28,29])->get();

     $arr_data2 = DB::table('cms_pages')->whereIn('id',[19,20,21,22,23])->get();



 @endphp



<header>

        <div class="menu-main">

            <nav role="navigation" class="pushpin-demo-nav" data-target="menu">

                <div class="nav-wrapper">

                    <div class="container">

                        <div class="row valign-wrapper">

                            <div class="col s12 l2 t-hidd m-hidd"><div class="brand-logo logo"><a href="{{url('/')}}"><img src="{{Helper::LOGOIMGURl(Helper::ProjectLOGO())}}" class="img-logo" alt="logo"></a></div></div>

                            <div class="col s12 l10 right-align">

                                <ul class="hide-on-med-and-down">

                                    <li><a href="{{url('/')}}">HOME</a></li>

                                    <li><a href="{{url('about-us')}}" data-target="dropdown2a" class="menu-dropdown">ABOUT US<i class="fa fa-angle-down right"></i></a>

                                        <ul id="dropdown2a" class="dropdown-content">



                                            @foreach($arr_data as $Ro)



                                            <li><a href="{{url('about-us/#'.$Ro->id)}}">{{$Ro->title}}</a></li>

                                            

                                            @endforeach



                                        </ul>

                                    </li>

                                    <li><a data-target="dropdown1a" class="menu-dropdown">BUSINESSES<i class="fa fa-angle-down right"></i></a>

                                        <ul id="dropdown1a" class="dropdown-content">

                                            <li><a href="{{url('product-identification')}}">Product Identification & Traceability</a></li>

                                            <li><a href="{{url('oil-and-gas')}}">Oil & Gas</a></li>

                                        </ul>

                                    </li>

                                    <li><a href="{{url('corporate-responsibility')}}" data-target="dropdown3a" class="menu-dropdown">CORPORATE RESPONSIBILITY<i class="fa fa-angle-down right"></i></a>

                                        <ul id="dropdown3a" class="dropdown-content">

                                            

                                            @foreach($arr_data2 as $Ro)



                                            <li><a href="{{url('corporate-responsibility/#'.$Ro->id)}}">{{$Ro->title}}</a></li>

                                            

                                            @endforeach

                                        </ul>

                                    </li>

                                    <li class="globe"><a href="{{url('branch')}}"><img src="{{asset('resources/assets/img/globe.svg')}}" alt="globe"></a>

                                    <!-- <li class="globe"><a href="#" data-target="dropdowng" class="menu-dropdown"><img src="img/globe.svg" alt="globe"></a>

                                        <ul id="dropdowng" class="dropdown-content">

                                            <li><a href="#"><img src="img/flag-angola.svg" alt="angola">Angola</a></li>

                                            <li><a href="#"><img src="img/flag-malasia.svg" alt="malasia">Malaysia</a></li>

                                            <li><a href="#"><img src="img/flag-saudi.svg" alt="Saudi Arabia">Saudi Arabia</a></li>

                                            <li><a href="#"><img src="img/flag-sharjah.svg" alt="Sharjah">Sharjah</a></li>

                                            <li><a href="#"><img src="img/flag-singapore.svg" alt="Singapore">Singapore</a></li>

                                            <li><a href="#"><img src="img/Ethiopia.png" alt="Ethiopia">Ethiopia</a></li>

                                            <li><a href="#"><img src="img/Flag_Kuwait.svg" alt="Kuwait">Kuwait</a></li>

                                            <li><a href="#"><img src="img/Flag_India.svg" alt="India">India</a></li>

                                            <li><a href="#"><img src="img/Oman.png" alt="Oman">Oman</a></li>

                                            <li><a href="#"><img src="img/UK.png" alt="United Kingdom">United Kingdom</a></li>

                                            <li><a href="#"><img src="img/Yemen.png" alt="Yemen">Yemen</a></li>

                                        </ul> -->

                                    </li>

                                    <!-- <li><a href="#"><img src="img/search.svg" alt="search"></a></li> -->

                                </ul>

                                <a href="{{url('/')}}" id="logo-container" class="brand-logo d-hidd"><img src="{{asset('resources/assets/img/logo.svg')}}" class="sticky-logo" alt="Pioneer Finserv"></a>

                                <div class="right">

                                    <a href="branch.html" title="globe" class="sidenav-trigger"><img src="{{asset('resources/assets/img/globe.svg')}}" alt="globe"></a>

                                    <!-- <a href="#" data-target="globe" title="globe" class="sidenav-trigger"><img src="img/globe.svg" alt="globe"></a> -->

                                    <!-- <a href="#" title="search" class="sidenav-trigger"><img src="img/search.svg" alt="search"></a> -->

                                    <a href="#" data-target="nav-mobile" title="Pioneer Finserv Mobile Menu" class="sidenav-trigger m-menu"><i class="material-icons menu-ico">menu</i></a>

                                </div>

                                <ul id="nav-mobile" class="sidenav">

                                    <li><a href="{{url('/')}}">HOME</a></li>

                                    <li><a href="{{url('about-us')}}" data-target="dropdown2am" class="dropdown-trigger">ABOUT US<i class="fa fa-angle-down right"></i></a>

                                        <ul id="dropdown2am" class="dropdown-content">

                                            <li><a href="#1">WHO WE ARE</a></li>

                                            <li><a href="#2">WHAT WE REPRESENT</a></li>

                                            <li><a href="#3">VISION & MISSION</a></li>

                                            <li><a href="#4">C.E.O. MESSAGE</a></li>

                                            <li><a href="#5">OUR PRESENCE</a></li>

                                        </ul>

                                    </li>

                                    <li><a data-target="dropdown1am" class="dropdown-trigger">BUSINESSES<i class="fa fa-angle-down right"></i></a>

                                        <ul id="dropdown1am" class="dropdown-content">

                                           <li><a href="{{url('product-identification')}}">Product Identification & Traceability</a></li>

                                            <li><a href="{{url('oil-and-gas')}}">Oil & Gas</a></li>

                                        </ul>

                                    </li>

                                    <li><a href="{{url('corporate-responsibility')}}" data-target="dropdown3am" class="dropdown-trigger">CORPORATE RESPONSIBILITY<i class="fa fa-angle-down right"></i></a>

                                        <ul id="dropdown3am" class="dropdown-content">
                                        
                                            @foreach($arr_data2 as $Ro)
                                            
                                            <li><a href="{{url('corporate-responsibility/#'.$Ro->id)}}">{{$Ro->title}}</a></li>

                                            @endforeach

                                        </ul>

                                    </li>

                                    <!--<li><a href="contact-us.html">CONTACT US</a></li>-->

                                </ul>

                                <!-- <ul id="globe" class="sidenav">

                                    <li><a href="#"><img src="img/flag-angola.svg" alt="angola">Angola</a></li>

                                    <li><a href="#"><img src="img/flag-malasia.svg" alt="malasia">Malaysia</a></li>

                                    <li><a href="#"><img src="img/flag-saudi.svg" alt="Saudi Arabia">Saudi Arabia</a></li>

                                    <li><a href="#"><img src="img/flag-sharjah.svg" alt="Sharjah">Sharjah</a></li>

                                    <li><a href="#"><img src="img/flag-singapore.svg" alt="Singapore">Singapore</a></li>

                                    <li><a href="#"><img src="img/Ethiopia.png" alt="Ethiopia">Ethiopia</a></li>

                                    <li><a href="#"><img src="img/Flag_Kuwait.svg" alt="Kuwait">Kuwait</a></li>

                                    <li><a href="#"><img src="img/Flag_India.svg" alt="India">India</a></li>

                                    <li><a href="#"><img src="img/Oman.png" alt="Oman">Oman</a></li>

                                    <li><a href="#"><img src="img/UK.png" alt="United Kingdom">United Kingdom</a></li>

                                    <li><a href="#"><img src="img/Yemen.png" alt="Yemen">Yemen</a></li>

                                </ul> -->

                            </div>

                        </div>

                    </div>

                </div>

            </nav>

        </div>

    </header>