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

      <h1 class="logo me-auto"><a href="index.html"><img src="<?= settings()['logo'] ?>" style="width: 90%;height: 200%;" alt=""></a></h1>
    
      <nav id="navbar" class="navbar">
        <ul>
          <li><a class="nav-link scrollto active" href="index.php">Home</a></li>
          <!-- <li><a class="nav-link scrollto" href="#about">About</a></li> -->
          <!-- <li><a class="nav-link scrollto" href="#services">Services</a></li> -->
          <li><a class="nav-link scrollto" href="#portfolio">Gallery</a></li>
<?php
if(isset($_SESSION['loggedin']) && $_SESSION['loggedin'] == 'true'){
  echo "<li><a class='nav-link scrollto' href='profile.php'>Profile</a></li>";
}
?>
          
          <!-- <li><a class="nav-link scrollto" href="#team">Team</a></li> -->
          <!-- <li class="dropdown"><a href="#"><span>Drop Down</span> <i class="bi bi-chevron-down"></i></a>
            <ul>
              <li><a href="#">Drop Down 1</a></li>
              <li class="dropdown"><a href="#"><span>Deep Drop Down</span> <i class="bi bi-chevron-right"></i></a>
                <ul>
                  <li><a href="#">Deep Drop Down 1</a></li>
                  <li><a href="#">Deep Drop Down 2</a></li>
                  <li><a href="#">Deep Drop Down 3</a></li>
                  <li><a href="#">Deep Drop Down 4</a></li>
                  <li><a href="#">Deep Drop Down 5</a></li>
                </ul>
              </li>
              <li><a href="#">Drop Down 2</a></li>
              <li><a href="#">Drop Down 3</a></li>
              <li><a href="#">Drop Down 4</a></li>
            </ul>
          </li> -->
          <li><a class="nav-link scrollto" href="#contact">Contact</a></li>
          <?php
if(isset($_SESSION['loggedin']) && $_SESSION['loggedin'] == 'true'){
?>
    <li class="">
        <a class="getstarted scrollto" href="logout.php">Logout</a>
    </li>
<?php
}
else{
?>
    <li class="">
        <a class="getstarted scrollto" href="registration.php">Sign Up</a>
    </li>
    <li class="">
        <a class="getstarted scrollto" href="login.php">Sign In</a>
    </li>
<?php
}
?>
        </ul>
        <i class="bi bi-list mobile-nav-toggle"></i>
      </nav>
      <!-- .navbar -->

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