			<!DOCTYPE html>
			<meta charset="utf-8">

			<?php // force Internet Explorer to use the latest rendering engine available ?>
			<meta http-equiv="X-UA-Compatible" content="IE=edge">

			  <head>
			    <!-- Required meta tags -->
			    <meta charset="utf-8">
			    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

			    <title><?php wp_title(''); ?></title>

			    <!-- Bootstrap CSS -->
			    <link rel="stylesheet" type="text/css" href="<?php echo get_template_directory_uri(); ?>/css/bootstrap.min.css" >
			    <!-- Font -->
			    <link rel="stylesheet" type="text/css" href="<?php echo get_template_directory_uri(); ?>/css/font-awesome.min.css">
			    <!-- Slicknav -->
			    <link rel="stylesheet" type="text/css" href="<?php echo get_template_directory_uri(); ?>/css/slicknav.css">
			    <!-- Owl carousel -->
			    <link rel="stylesheet" type="text/css" href="<?php echo get_template_directory_uri(); ?>/css/owl.carousel.css">
			    <link rel="stylesheet" type="text/css" href="<?php echo get_template_directory_uri(); ?>/css/owl.theme.css">
			    <!-- Animate -->
			    <link rel="stylesheet" type="text/css" href="<?php echo get_template_directory_uri(); ?>/css/animate.css">
			    <!-- Main Style -->
			    <link rel="stylesheet" type="text/css" href="<?php echo get_template_directory_uri(); ?>/css/main.css">
			    <!-- Extras Style -->
			    <link rel="stylesheet" type="text/css" href="<?php echo get_template_directory_uri(); ?>/css/extras.css">
			    <!-- Responsive Style -->
			    <link rel="stylesheet" type="text/css" href="<?php echo get_template_directory_uri(); ?>/css/responsive.css">


					<?php // icons & favicons (for more: http://www.jonathantneal.com/blog/understand-the-favicon/) ?>
					<link rel="apple-touch-icon" href="<?php echo get_template_directory_uri(); ?>/library/images/apple-touch-icon.png">
					<link rel="icon" href="<?php echo get_template_directory_uri(); ?>/favicon.png">
					<!--[if IE]>
						<link rel="shortcut icon" href="<?php echo get_template_directory_uri(); ?>/favicon.ico">
					<![endif]-->
					<?php // or, set /favicon.ico for IE10 win ?>
					<meta name="msapplication-TileColor" content="#aaa">
					<meta name="msapplication-TileImage" content="<?php echo get_template_directory_uri(); ?>/library/images/win8-tile-icon.png">
			            <meta name="theme-color" content="#bbb">

					<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>">

					<?php // wordpress head functions ?>
					<?php wp_head(); ?>
					<?php // end of wordpress head ?>



			  </head>
			  <body <?php body_class(); ?>

			    <!-- Header Area wrapper Starts -->
			    <header id="header-wrap">
			      <!-- Navbar Start -->
			      <nav class="navbar navbar-expand-lg fixed-top scrolling-navbar indigo">
			        <div class="container">
			          <!-- Brand and toggle get grouped for better mobile display -->
			          <div class="navbar-header">
			            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#main-navbar" aria-controls="main-navbar" aria-expanded="false" aria-label="Toggle navigation">
			              <span class="navbar-toggler-icon"></span>
			              <span class="icon-menu"></span>
			              <span class="icon-menu"></span>
			              <span class="icon-menu"></span>
			            </button>
			            <a href="index.html" class="navbar-brand"><img src="<?php echo get_template_directory_uri(); ?>/img/logo.png" alt=""></a>
			          </div>
			          <div class="collapse navbar-collapse" id="main-navbar">
			            <ul class="navbar-nav mr-auto w-100 justify-content-end clearfix">
			              <li class="nav-item active">
			                <a class="nav-link" href="#sliders">
			                  Home
			                </a>
			              </li>
			              <li class="nav-item">
			                <a class="nav-link" href="#about">
			                  About
			                </a>
			              </li>
			              <li class="nav-item">
			                <a class="nav-link" href="#services">
			                  Services
			                </a>
			              </li>
			              <li class="nav-item">
			                <a class="nav-link" href="#portfolio">
			                  Portfolio
			                </a>
			              </li>
			              <li class="nav-item">
			                <a class="nav-link" href="#feature">
			                  Features
			                </a>
			              </li>
			              <li class="nav-item">
			                <a class="nav-link" href="#team">
			                  Team
			                </a>
			              </li>
			              <li class="nav-item">
			                <a class="nav-link" href="#pricing">
			                  Pricing
			                </a>
			              </li>
			              <li class="nav-item">
			                <a class="nav-link" href="#contact">
			                  Contact
			                </a>
			              </li>
			            </ul>
			          </div>
			        </div>

			        <!-- Mobile Menu Start -->
			        <ul class="mobile-menu navbar-nav">
			          <li>
			            <a class="page-scroll" href="#sliders">
			              Home
			            </a>
			          </li>
			          <li>
			            <a class="page-scroll" href="#about">
			              About
			            </a>
			          </li>
			          <li>
			            <a class="page-scroll" href="#services">
			              Services
			            </a>
			          </li>
			          <li>
			            <a class="page-scroll" href="#portfolio">
			              Portfolio
			            </a>
			          </li>
			          <li>
			            <a class="page-scroll" href="#feature">
			              Features
			            </a>
			          </li>
			          <li>
			            <a class="page-scroll" href="#team">
			              Team
			            </a>
			          </li>
			          <li>
			            <a class="page-scroll" href="#pricing">
			              Pricing
			            </a>
			          </li>
			          <li>
			            <a class="page-scroll" href="#contact">
			              Contact
			            </a>
			          </li>
			        </ul>
			        <!-- Mobile Menu End -->

			      </nav>
			      <!-- Navbar End -->


						<?php if ( is_front_page()  ): ?>

						<!-- sliders -->
			      <div id="sliders">
			        <div class="full-width">
			          <!-- light slider -->
			          <div id="light-slider" class="carousel slide">
			            <div id="carousel-area">
			              <div id="carousel-slider" class="carousel slide" data-ride="carousel">
			                <ol class="carousel-indicators">
			                  <li data-target="#carousel-slider" data-slide-to="0" class="active"></li>
			                  <li data-target="#carousel-slider" data-slide-to="1"></li>
			                  <li data-target="#carousel-slider" data-slide-to="2"></li>
			                </ol>
			                <div class="carousel-inner" role="listbox">
			                  <div class="carousel-item active">
			                    <img src="<?php echo get_template_directory_uri(); ?>/img/slider/bg-1.jpg" alt="">
			                    <div class="carousel-caption">
			                      <h3 class="slide-title animated fadeInDown"><span>Helium</span> - Bootstrap 4 UI Kit</h3>
			                      <h5 class="slide-text animated fadeIn">Lorem ipsum dolor sit amet, consectetuer adipiscing elit<br> Curabitur ultricies nisi Nam eget dui. Etiam rhoncus</h5>
			                      <a href="#" class="btn btn-lg btn-common animated fadeInUp">Get Started</a>
			                      <a href="#" class="btn btn-lg btn-border animated fadeInUp">Learn More</a>
			                    </div>
			                  </div>
			                  <div class="carousel-item">
			                    <img src="<?php echo get_template_directory_uri(); ?>/img/slider/bg-2.jpg" alt="">
			                    <div class="carousel-caption">
			                      <h3 class="slide-title animated fadeInDown"><span>Cutting-edge</span> Features</h3>
			                      <h5 class="slide-text animated fadeIn">Lorem ipsum dolor sit amet, consectetuer adipiscing elit<br> Curabitur ultricies nisi Nam eget dui. Etiam rhoncus</h5>
			                      <a href="#" class="btn btn-lg btn-common animated fadeInUp">Download Now</a>
			                    </div>
			                  </div>
			                  <div class="carousel-item">
			                    <img src="<?php echo get_template_directory_uri(); ?>/img/slider/bg-3.jpg" alt="">
			                    <div class="carousel-caption">
			                      <h3 class="slide-title animated fadeInDown"><span>100+</span> UI Blocks & Components</h3>
			                      <h5 class="slide-text animated fadeIn">Lorem ipsum dolor sit amet, consectetuer adipiscing elit<br> Curabitur ultricies nisi Nam eget dui. Etiam rhoncus</h5>
			                      <a href="#" class="btn btn-lg btn-border animated fadeInUp">Get Started</a>
			                      <a href="#" class="btn btn-lg btn-common animated fadeInUp">Download</a>
			                    </div>
			                  </div>
			                </div>
			                <a class="carousel-control-prev" href="#carousel-slider" role="button" data-slide="prev">
			                  <i class="fa fa-chevron-left"></i>
			                </a>
			                <a class="carousel-control-next" href="#carousel-slider" role="button" data-slide="next">
			                  <i class="fa fa-chevron-right"></i>
			                </a>
			              </div>
			            </div>
			          </div>
			        </div>
			      </div>
			      <!-- End sliders -->

						<?php endif; ?>



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