<!DOCTYPE html>
<html lang="en">

<head>
    <!-- ========== Meta Tags ========== -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="Earna - Consulting Business Template">

    <!-- ========== Page Title ========== -->
    <title><?php bloginfo( 'name' );?></title>
    <?php wp_head();?>
    

</head>

<body class="torch-red">

    <!-- Start Preloader 
    ============================================= -->
    <div id="preloader">
        <div id="earna-preloader" class="earna-preloader">
            <div class="animation-preloader">
                <div class="spinner"></div>
                <div class="txt-loading">
                    <span data-text-preloader="v" class="letters-loading">
                        V
                    </span>
                    <span data-text-preloader="r" class="letters-loading">
                        R
                    </span>
                    <span data-text-preloader="v" class="letters-loading">
                        V
                    </span>
                </div>
            </div>
            
        </div>
    </div>
    <!-- End Preloader -->

    <!-- Header 
    ============================================= -->
    <header id="home">

        <!-- Start Navigation -->
        <nav class="navbar navbar-default navbar-sticky bootsnav">

            <div class="container-full">

                <!-- Start Atribute Navigation -->
                <div class="attr-nav">
                    <div class="call">
                        <div class="icon">
                            <i class="fas fa-phone"></i>
                        </div>
                        <div class="info">
                            <span>Have any question?</span>
                            <h5>(012) 66795453677</h5>
                        </div>
                    </div>
                </div>        
                <!-- End Atribute Navigation -->

                <!-- Start Header Navigation -->
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-menu">
                        <i class="fa fa-bars"></i>
                    </button>
					<?php

						$custom_logo_id = get_theme_mod( 'custom_logo' );

						$image = wp_get_attachment_image_src( $custom_logo_id , 'full' );

				   ?>
                    <a class="navbar-brand" href="<?php echo home_url();?>">
                        <img src="<?php echo  $image[0];?>" class="logo" alt="Logo">
                    </a>
                </div>
                <!-- End Header Navigation -->

                <!-- Collect the nav links, forms, and other content for toggling -->
                <div class="collapse navbar-collapse" id="navbar-menu">
				   <?php 

								//,'walker'=> new add_span_walker 
								 wp_nav_menu( array( 'theme_location' => 'menu-1','sort_column' => 'menu_order', 'container_id' => 'header-bottom' ,'container_class' => '' ,'container' => '','menu_class'=> '','items_wrap' => '<ul class="nav navbar-nav navbar-center">%3$s</ul>','walker'=> new add_span_walker  ));?>
                   <!-- <ul class="nav navbar-nav navbar-center">
                        <li><a href="index.html" class="active">Home</a></li>
                        <li><a href="about-us.html" class="">About</a></li>
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle active" data-toggle="dropdown" >Services</a>
                            <ul class="dropdown-menu">
                                <li><a href="services-details.html">Business Transformation</a></li>
                                <li><a href="services-details.html">Application Development & QA</a></li>
                                <li><a href="services-details.html">Data and AI</a></li>

                                <li><a href="services-details.html">Cyber Security and Data Security</a></li>
                                <li><a href="services-details.html">E-Learning</a></li>
                                <li><a href="services-details.html">Media Services</a></li>
                            </ul>
                        </li>
                        <li><a href="showcase.html" class="">Showcase</a></li>
                        <li><a href="blog.html" class="">Blog</a></li>
                        <li><a href="contact.html" class="">Contact</a></li>
                    </ul>-->
                </div><!-- /.navbar-collapse -->
            </div>

        </nav>
        <!-- End Navigation -->

    </header>
    <!-- End Header -->