<!DOCTYPE html>
<html lang="en">
<head>
  <title>Recite World</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://fonts.googleapis.com/css2?family=Barlow:wght@300;400;500;600;700&amp;display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet">
  <link rel="icon" type="image/png" href="<?php bloginfo('template_directory'); ?>/assets/img/fav.png" />
  <link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/assets/css/bootstrap.min.css">
  <link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/assets/css/owl.carousel.min.css">
   <link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/assets/css/animate.min.css">
  <link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/assets/font-awesome.min.css">
  <link href="<?php bloginfo('template_directory'); ?>/assets/css/hover.css" rel="stylesheet">
  <link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/assets/css/aos.css">
  <link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/style.css">
  <?php wp_head(); ?>
</head>
<body>


<!----------Topbar section--------
--------------------------------->

<section class="topbar-sec">
  <div class="container">
    <div class="row">

        
        <div class="call-wrapper">
          <div class="topbar-icon-sec">
            <img src="<?php bloginfo('template_directory'); ?>/assets/img/email.svg" class="img-fluid">
          </div>
          <div class="topbar-cont-dtls-sec">
            <span>Email:</span>
            <a href="mailto:support@reciteworld.com">support@reciteworld.com</a>
          </div>
        </div>

        <div class="topbar-right-wrapper">
          <form class="search-sec" method="get" role="search" action="<?php echo esc_url( home_url( '/' ) ); ?>">
            <i class="fa fa-close mobile-search-sec" id="search-close"></i>
            <input type="hidden" name="pagesearch" value="catsearch">
       <select name="cat" id="cat">
       <?php $sterms = get_terms( array('taxonomy' => 'book-category','hide_empty' => false,) ); ?>
       <?php foreach($sterms as $sterm) { ?>
        <option value="<?php echo $sterm->term_id; ?>"><?php echo $sterm->name; ?></option>
        <?php } ?>
      </select>
          <input type="text" placeholder="Search.." name="book" id="book">
          <button type="submit"><i class="fa fa-search"></i></button>
        </form>
          <div class="notification-ic-sec"> 
           <a href="#" class="mobile-search-sec"><i class="fa fa-search" aria-hidden="true"></i></a>
            <a href="#" class="">N</a>      
            <a href="#" class="">Aa</a>
            <a href="#" class=""><i class="fa fa-bell" aria-hidden="true"></i></a>
          </div>
          <div class="request-quote-btn-sec">
          <?php if(is_user_logged_in()) { ?>
          <a href="<?php echo wp_logout_url( home_url() ); ?>"><i class="fa fa-power-off"></i> Logout</a>
          <?php } else { ?>
          <a href="<?php echo esc_url( wp_login_url( admin_url() ) ); ?>" target="blank"><i class="fa fa-user-circle"></i> Sign In/ Sign Up</a>
          <?php } ?>
          </div>
        </div>

          <div class="social-sec">
                     <a href="#"  target="_blank"><i class="fa fa-facebook-f"></i></a>
                     <a href="#"  target="_blank"><i class="fa fa-twitter"></i></a>
                     <a href="#"  target="_blank"><i class="fa fa-whatsapp" aria-hidden="true"></i></a>
                     <a href="#"  target="_blank"><i class="fa fa-instagram"></i></a>
                  </div>
    </div>
  </div>
</section>


<!----------Header section--------
--------------------------------->


  <header id="header">
    <div class="container">

      <div class="row">
        <div class="theme-inner-header">
          
         <a href="<?php echo home_url('/');?>" class="logo mr-auto navbar-brand"><img src="<?php bloginfo('template_directory'); ?>/assets/img/logo.png" class="img-fluid"></a>

          <nav class="nav-menu d-none d-lg-block">
              <?php wp_nav_menu(array('theme_location' => 'primary-menu', 'container' => false, 'menu_class' => '')); ?>
           
          </nav>
          <!-- .nav-menu -->

          <div class="mob-menu-area"></div>

        </div>
      </div>

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

