<!DOCTYPE html>
<html class="no-js" lang="en">



<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <!-- Title -->@if($settings)
<title>@yield('title')| {{ $settings->app_name }}</title>


@endif
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="manifest" href="site.html">
    <link rel="icon" href="{{ asset('assets/images/logo/favicon.png') }}" type="image/x-icon">
<link rel="shortcut icon" href="{{ asset('assets/images/logo/favicon.png') }}" type="image/x-icon">
    <!-- Place favicon.ico in the root directory -->

    <!-- CSS here -->
    <link rel="stylesheet" href="h/assets/css/bootstrap.min.css">
    <link rel="stylesheet" href="h/assets/css/owl.carousel.min.css">
    <link rel="stylesheet" href="h/assets/css/animate.css">
    <link rel="stylesheet" href="h/assets/css/magnific-popup.css">
    <link rel="stylesheet" href="h/assets/css/all.min.css">
    <link rel="stylesheet" href="h/assets/css/font.css">
    <link rel="stylesheet" href="h/assets/css/metisMenu.css">
    <link rel="stylesheet" href="h/assets/css/nice-select.css">
    <link rel="stylesheet" href="h/assets/css/spacing.css">
    <link rel="stylesheet" href="h/assets/css/main.css">
</head>

<body>
    <!--[if lte IE 9]>
            <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
        <![endif]-->

    <!-- Add your site or application content here -->
    <!-- preloader -->
    <div id="preloader">
        <div class="preloader">
            <span></span>
            <span></span>
        </div>
    </div>
    <!-- preloader end  -->
    <!-- header-area start -->
     <header>
         <div id="hideshow-sticky-menu">
            <div id="theme-menu-one" class="main-header-area menu-style-1 pt-20 pb-15">
                <div class="container-fluid">
                    <div class="row align-items-center">
                        <div class="col-xl-2 col-lg-2 col-6">
                            <div class="logo-img"> <a class="logo d-inline-block" href="#">
                                @if($settings && $settings->logo_path)
                                <img src="{{ asset('storage/' . $settings->logo_path) }}" alt="#">
                                @endif

                            </a></div>
                        </div>

                        <div class="col-xl-10 col-lg-10 col-6 d-flex align-items-center justify-content-end">
                            <nav id="topheader" class="navbar navbar-expand-lg justify-content-end mr-25">
                                <div class="nav-container">
                                    <div class="collapse navbar-collapse" id="navbarSupportedContent">
                                        <ul class="navbar-nav list-style-none">
                                            <li class="nav-item dropdown active">
                                                <a class="nav-link dropdown-toggle" href="#" role="button"  aria-expanded="false">Home</a>

                                            </li>
                                            <li class="nav-item dropdown">
                                                <a class="nav-link dropdown-toggle" href="{{ route('service') }}"   role="button"   aria-expanded="false">Services</a>
                                            </li>
                                            <li class="nav-item">
                                                <a class="nav-link" href="{{ route('about') }}"   role="button"  aria-expanded="false">About Us</a>
                                            </li>
                                            {{-- <li class="nav-item dropdown">
                                                <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown4" role="button" data-bs-toggle="dropdown" aria-expanded="false">Pages</a>
                                                <ul class="dropdown-menu" aria-labelledby="navbarDropdown4">
                                                    <li><a class="dropdown-item" href="testimonial.html">Testimonial</a></li>
                                                    <li><a class="dropdown-item" href="team.html">Team</a></li>
                                                    <li><a class="dropdown-item" href="get-quote.html">Get Quote</a></li>
                                                    <li><a class="dropdown-item" href="contact.html">Contact</a></li>
                                                    <li><a class="dropdown-item" href="services-one.html">Services One</a></li>
                                                    <li><a class="dropdown-item" href="blog.html">Blog Grid</a></li>
                                                </ul>
                                            </li> --}}
                                            <li class="nav-item dropdown">
                                                <a class="nav-link dropdown-toggle" href="{{ route('contact') }}"   role="button"   aria-expanded="false">contact</a>

                                            </li>
                                            {{-- <li class="nav-item dropdown">
                                                <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown6" role="button" data-bs-toggle="dropdown" aria-expanded="false">Case</a>
                                                <ul class="dropdown-menu" aria-labelledby="navbarDropdown6">
                                                    <li><a class="dropdown-item" href="case-one.html">Case One</a></li>
                                                    <li><a class="dropdown-item" href="case-two.html">Case Two</a></li>
                                                    <li><a class="dropdown-item" href="case-single.html">Case Single</a></li>
                                                </ul>
                                            </li> --}}
                                        </ul>
                                    </div>
                                </div>
                            </nav>
                            <ul class="list-style-none right-btn d-flex align-items-center">
                                <li>
                                    <a class="theme_btn theme_btn_border d-inline-block d-md-none" href="{{ route('login') }}">

                                        <span>Login</span>
                                    </a>
                                </li>
                            </ul>
                            <br>
                            <div class="right-nav d-flex align-items-center justify-content-end">
                                <div class="hamburger-menu d-md-inline-block d-lg-none text-right mr-15">
                                    <a href="javascript:void(0);">
                                        <i class="far fa-bars"></i>
                                    </a>
                                </div>
                                <ul class="list-style-none right-btn d-flex align-items-center">

                                    <li>
                                        <a class="theme_btn theme_btn_border d-none d-xl-inline-block" href="{{ route('login') }}">
                                            <img class="mr-10" src="h/assets/img/icon/megaphone.svg" alt="icon-not-found">
                                            <span>Login</span>
                                        </a>
                                    </li>
                                </ul>

                            </div>
                        </div>
                    </div>
                </div>
            </div> <!-- /.theme-main-menu -->
         </div>
     </header>
    <!-- header-area end -->

    <!-- slide-bar start -->
    <aside class="slide-bar">
        <div class="close-mobile-menu">
            <a href="javascript:void(0);"><i class="fas fa-times"></i></a>
        </div>

        <!-- side-mobile-menu start -->
        <nav class="side-mobile-menu">
            <ul id="mobile-menu-active">
                <li class="has-dropdown">
                    <a href="# ">Home</a>

                </li>
                <li class="has-dropdown"><a href="{{ route('service') }} ">Services</a>

                </li>
                <li><a href="{{ route('about') }}">About</a></li>



                <li><a href="{{ route('contact') }}">Contacts Us</a></li>

                <li>  <a href="{{ route('login') }}">
                    <img class="mr-10" src="h/assets/img/icon/megaphone.svg" alt="icon-not-found">
                    <span>Login</span>
                </a>
            </li>
            </ul>
        </nav>
        <!-- side-mobile-menu end -->
    </aside>
    <div class="body-overlay"></div>
    <!-- slide-bar end -->
