<?php
require_once __DIR__ . "/include/connection.php";
?>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MPLW2K3"
      height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<style>
   .float {
      position: fixed;
      width: 60px;
      height: 60px;
      bottom: 100px;
      right: 30px;
      color: #FFF;
      border-radius: 50px;
      text-align: center;
      font-size: 30px;
      z-index: 100;
      padding-top: 0px;
   }

   .float1 {
      position: fixed;
      width: 60px;
      height: 60px;
      bottom: 30px;
      right: 30px;
      color: #FFF;
      border-radius: 50px;
      text-align: center;
      font-size: 30px;
      z-index: 100;
      padding-top: 0px;
   }

   @media (min-width: 1200px) {
      .container {
         max-width: 1250px !important;
      }
   }
</style>
<a href="https://api.whatsapp.com/send?phone=+91 8959807555&text=Hii." class="float" target="_blank">
   <img src="<?= ROOT ?>whatsapp.png" width="60" alt="best taxi service in raipur">
</a>
<a href="tel:+91 8959807555" class="float1">
   <img src="<?= ROOT ?>call.png" width="60" alt="best taxi service in raipur">
</a>
<!-- header -->
<header>
   <!-- top-bar -->
   <div class="top-bar py-3">
      <div class="container">
         <div class="row">
            <div class="col-lg-7 top-social-agile">
               <div class="row">
                  <!-- social icons -->
                  <ul class="col-lg-4 col-6 top-right-info text-center">
                     <li>
                        <a href="https://www.facebook.com/nadeemtravelsnt/" target="_blank">
                           <i class="fab fa-facebook-f"></i>
                        </a>
                     </li>
                     <li class="mx-3">
                        <a href="https://www.instagram.com/nadeemtravelsnt/" target="_blank">
                           <i class="fab fa-instagram"></i>
                        </a>
                     </li>
                     <li>
                        <a href="https://www.linkedin.com/in/nadeemtravels/" target="_blank">
                           <i class="fab fa-linkedin"></i>
                        </a>
                     </li>
                     <li class="ml-3">
                        <a href="https://twitter.com/nadeemtravelsnt" target="_blank">
                           <i class="fab fa-twitter"></i>
                        </a>
                     </li>
                     <li class="ml-3">
                        <a href="https://www.youtube.com/@nadeemtravels" target="_blank">
                           <i class="fab fa-youtube"></i>
                        </a>
                     </li>
                  </ul>
                  <!-- //social icons -->
                  <div class="col-6 header-top_w3layouts pl-3 text-lg-left text-center">
                     <p class="text-white">
                        <i class="fas fa-map-marker-alt mr-2"></i>Chhattisgarh 492001
                     </p>
                  </div>
               </div>
            </div>
            <div class="col-lg-5 top-social-agile text-lg-right text-center">
               <div class="row">
                  <!-- <div class="col-lg-6 col-6 top-w3layouts">
                           <p class="text-white">
                              <i class="far fa-envelope-open mr-2"></i>
                              <a href="#" class="text-white">yourmail@gmail.com</a>
                           </p>
                        </div> -->
                  <div class="col-lg-11 col-11 header-w3layouts pl-4 text-lg-left">
                     <p class="text-white">
                        <i class="fas fa-phone mr-2"></i>+91 8959807555, 9827552963
                     </p>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
</header>
<!-- //top-bar -->
<style>
   .navbar-light .navbar-nav .nav-link {
      font-size: 14px;
   }

   a.login-button {
      font-size: 14px;
   }

   .text-muted {
      color: #222222 !important;
   }
</style>
<div id="home">
   <div class="main-top py-1">
      <nav class="navbar navbar-expand-lg navbar-light fixed-navi">
         <div class="container">

            <a class="navbar-brand font-weight-bold font-italic" href="<?= ROOT ?>" style="text-transform: uppercase;font-size: 34px;">
               <!-- <span>Nadeem </span>Travels -->
               <img src="<?= ROOT ?>images/product/logo.png" style="width: 140px;" alt="best taxi service in raipur">
            </a>

            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
               aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
               <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse text-center" id="navbarSupportedContent">
               <ul class="navbar-nav ml-lg-auto">
                  <li class="nav-item mx-lg-4 my-lg-0 my-3">
                     <a class="nav-link" href="<?= ROOT ?>">HOME</a>
                  </li>
                  <li class="nav-item mx-lg-4 my-lg-0 my-3">
                     <a class="nav-link" href="<?= ROOT ?>about">ABOUT US</a>
                  </li>

                  <li class="nav-item dropdown mr-3">
                     <a class="nav-link dropdown-toggle" href="javascript:void(0);" id="navbarDropdown" role="button" data-toggle="dropdown"
                        aria-haspopup="true" aria-expanded="false">
                        OUTSTATION
                     </a>
                     <div class="dropdown-menu" aria-labelledby="navbarDropdown">


                        <a href="<?= ROOT ?>taxi-service-in-jagdalpur" class="dropdown-item">Jagdalpur Taxi</a>
                        <a href="<?= ROOT ?>raipur-to-ambikapur-cab.php" class="dropdown-item">Raipur To Ambikapur Cab</a>
                        <a href="<?= ROOT ?>raipur-to-bilaspur-taxi.php" class="dropdown-item">Raipur To Bilaspur Taxi</a>
                        <a href="<?= ROOT ?>raipur-to-raigarh-taxi.php" class="dropdown-item">Raipur To Raigarh Taxi</a>
                        <a href="<?= ROOT ?>taxi-service-in-ddu-nagar" class="dropdown-item">Taxi in DDU Nagar</a>
                        <a href="<?= ROOT ?>taxi-service-in-vip-chowk.php" class="dropdown-item">VIP Chowk Taxi</a>
                        <a href="<?= ROOT ?>taxi-service-in-saddu.php" class="dropdown-item">Taxi in Saddu Raipur</a>

                     </div>
                  </li>

                  <li class="nav-item mx-lg-4 my-lg-0 my-3">
                     <a class="nav-link" href="<?= ROOT ?>gallery">GALLERY</a>
                  </li>
                  <li class="nav-item mx-lg-4 my-lg-0 my-3">
                     <a class="nav-link" href="<?= ROOT ?>blogs">BLOG</a>
                  </li>
               </ul>
               <a href="<?= ROOT ?>contact" class="login-button ml-lg-5 mt-lg-0 mt-4 mb-lg-0 mb-3">
                  <i class="fas fa-sign-in-alt mr-2"></i>CONTACT US</a>
            </div>
         </div>
      </nav>
   </div>