<!-- Header -->
<header class="main-header header-style-five">
    <!-- Header Top -->
    <div class="header-top d-none d-md-block">
        <div class="auto-container">
            <div class="inner-container clearfix">
                <div class="top-left">
                    <ul class="contact-list clearfix">
                        @if (config('app.email'))
                            <li><i class="fa fa-envelope"></i><a
                                    href="mailto:{{ config('app.email') }}">{{ config('app.email') }}</a></li>
                        @endif
                        @if (config('app.address'))
                            <li><i class="fa fa-map-marker"></i><a
                                    href="{{ config('app.address') }}">{{ config('app.address') }}</a></li>
                        @endif
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <!-- Header Upper -->
    <div class="header-upper">
        <div class="auto-container">
            <div class="clearfix">
                <div class="pull-left logo-box">
                    <div class="logo">
                        <a href="/">
                            <img width="200" src="{{ asset(config('app.assets.logo_light')) }}"
                                alt="{{ config('app.name') }}">
                        </a>
                    </div>
                </div>
                <div class="nav-outer clearfix">
                    <nav class="main-menu navbar-expand-md">
                        <div class="navbar-header">
                            <button class="navbar-toggler" type="button" data-toggle="collapse"
                                data-target="#navbarSupportedContent">
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                            </button>
                        </div>
                        <div class="navbar-collapse collapse clearfix" id="navbarSupportedContent">
                            <ul class="navigation clearfix">
                                <li><a href="/">Home</a></li>
                                <li><a href="{{ route('about') }}">About Us</a></li>
                                <li><a href="{{ route('terms') }}">Terms & Conditions</a></li>
                                <li class="dropdown">
                                    <a href="#">Services</a>
                                    <ul>
                                        <li><a href="{{ route('forex') }}">Forex Trading</a></li>
                                        <li><a href="{{ route('crypto') }}">Crypto Currency</a></li>
                                        <li><a href="{{ route('stocks') }}">Stocks</a></li>
                                        <li><a href="{{ route('etfs') }}">ETFs</a></li>
                                        <li><a href="{{ route('affiliate') }}">Affiliate Marketing</a></li>
                                    </ul>
                                </li>
                                <li><a href="{{ route('login') }}">Login</a></li>
                                <li><a href="{{ route('register') }}">Register</a></li>
                            </ul>
                        </div>
                    </nav>
                </div>
            </div>
        </div>
    </div>

    <!-- Sticky Header -->
    <div class="sticky-header">
        <div class="auto-container clearfix">
            <div class="logo pull-left">
                <a href="/"><img src="{{ asset(config('app.assets.logo')) }}" width="200" alt=""></a>
            </div>
            <div class="right-col pull-right">
                <nav class="main-menu navbar-expand-md">
                    <button class="navbar-toggler" type="button" data-toggle="collapse"
                        data-target="#navbarSupportedContent1">
                        <span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span>
                    </button>
                    <div class="navbar-collapse collapse clearfix" id="navbarSupportedContent1">
                        <ul class="navigation clearfix">
                            <li><a href="/">Home</a></li>
                            <li><a href="{{ route('about') }}">About Us</a></li>
                            <li><a href="{{ route('terms') }}">Terms & Conditions</a></li>
                            <li class="dropdown"><a href="#">Services</a>
                                <ul>
                                    <li><a href="{{ route('forex') }}">Forex Trading</a></li>
                                    <li><a href="{{ route('crypto') }}">Crypto Currency</a></li>
                                    <li><a href="{{ route('stocks') }}">Stocks</a></li>
                                    <li><a href="{{ route('etfs') }}">ETFs</a></li>
                                    <li><a href="{{ route('affiliate') }}">Affiliate Marketing</a></li>
                                </ul>
                            </li>
                            <li><a href="{{ route('login') }}">Login</a></li>
                            <li><a href="{{ route('register') }}">Register</a></li>
                        </ul>
                    </div>
                </nav>
            </div>
        </div>
    </div>
</header>
<!-- End Main Header -->
