<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- <link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet"><script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script><script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script> -->
  </head>
  <body>
    <header class="page-header inner-page-header" style="z-index:1000">
      <nav class="navbar navbar-expand-md">
        <a class="navbar-brand" href="/">
          <img src="assets/img/header-logo.png">
        </a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault" aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
          <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarsExampleDefault">
          <ul class="navbar-nav ml-auto">
            <li class="nav-item active">
              <a class="nav-link" href="/">Home <span class="sr-only">(current)</span>
              </a>
            </li>
            <li class="nav-item dropdown">
              <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" aria-expanded="false">About</a>
              <div class="dropdown-menu">
                <a class="dropdown-item" href="chairman-welcome">Welcome Message</a>
                <a class="dropdown-item" href="partner-societies">Partner Societies</a>
                <a class="dropdown-item" href="meet-the-commitee">Meet the Committee</a>
                <!--<a class="dropdown-item" href="#">Previous Edition</a>-->
                <!--<a class="dropdown-item" href="#">News & Blogs</a>-->
              </div>
            </li>


             <!--<li class="nav-item">-->
             <!--           <a href="newpage" class="nav-link">Attend</a>-->
             <!--       </li>-->

            {{--<li class="nav-item">
              <a class="nav-link" href="technical-program">Technical Program</a>
            </li>--}}


              <li class="nav-item dropdown">
                  <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" aria-expanded="false">Program</a>
                  <div class="dropdown-menu">
                    
                    <a class="dropdown-item" href="technical-program">Technical Program</a>
                    <a class="dropdown-item" href="hackathon">Hackathon</a>
                    <a class="dropdown-item" href="short-course">Short Course</a>
                    </div>
              </li>



            <!--<li class="nav-item"><a class="nav-link">Technical Programme</a></li><li class="nav-item"><a class="nav-link">Hackathon</a></li><li class="nav-item dropdown"><a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown"
                            aria-expanded="false">Attend</a><div class="dropdown-menu"><a class="dropdown-item" href="#">Register</a><a class="dropdown-item" href="#">Travel & Accommodation</a></div></li>-->
            <!--<li class="nav-item">-->
            <!--  <a href="exhibit-and-sponsor" class="nav-link">Sponsorship & Exhibition</a>-->
            <!--</li>-->
            <li class="nav-item dropdown">
                <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" aria-expanded="false">Sponsorship & Exhibition</a>
                <div class="dropdown-menu">
                    <a class="dropdown-item" href="exhibit-and-sponsor">Sponsorship & Exhibition Information</a>
                    <a class="dropdown-item" href="current-sponsor-and-exhibit">Current Sponsors & Exhibitors</a>
                </div>
            </li>
            
            
            <li class="nav-item dropdown">
              <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" aria-expanded="false">Attend</a>
              <div class="dropdown-menu">
                <a class="dropdown-item" href="{{ route('registration') }}">Registration Information</a>
                <a class="dropdown-item" href="{{ route('travel-and-accommodation') }}">Travel and Accommodation</a>
                <a class="dropdown-item" href="{{ route('about-al-khobor') }}">About Al-Khobar</a>
                </div>
            </li>
          </ul>
        </div>
      </nav>
    </header>
  </body>
</html>
