  <!-- ======= Header ======= -->
  <header id="header" class="fixed-top">
    <div class="container d-flex">

      <div class="logo mr-auto">
        <h1 class="text-light"><a href="<?php echo $basepath; ?>">MyBloggingSpace.net</a></h1>
        <!-- Uncomment below if you prefer to use an image logo -->
        <!-- <a href="index.html"><img src="assets/img/logo.png" alt="" class="img-fluid"></a>-->
      </div>

      <nav class="nav-menu d-none d-lg-block">
        <ul>
          <li class="active"><a href="<?php echo $basepath; ?>">Home</a></li>

          <li class="drop-down"><a href="<?php echo $basepath; ?>">About</a>
            <ul>
              <li><a href="<?php echo $basepath; ?>">About Us</a></li>
              <li><a href="<?php echo $basepath; ?>">Legal</a></li>
			  <li><a href="<?php echo $basepath; ?>">Terms</a></li>

              </ul>
          </li>
          <li class="drop-down"><a href="<?php echo $basepath; ?>">Current Event</a>
            <ul>
              <li><a href="<?php echo $basepath; ?>">Valantine</a></li>
              <li><a href="<?php echo $basepath; ?>">4th July</a></li>
			  <li><a href="<?php echo $basepath; ?>">Cyber Monday</a></li>

              </ul>
          </li>

          <li><a href="<?php echo $basepath; ?>blog/">Blog</a></li>


          <li class="get-started"><a href="<?php echo $basepath; ?>promos/">Get To Know About Promos</a></li>
        </ul>
      </nav><!-- .nav-menu -->

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