  

  <!-- ======= Header ======= -->

  <header id="header" class="header fixed-top">

    <div class="container-fluid container-xl d-flex align-items-center justify-content-between">



      <a href="/" class="logo d-flex align-items-center">

        <img src="{{ asset('frontend/assets/img/LogoPolije.png')}}" alt="">

        <span>{{config('app.name')}}</span>

      </a>



      <nav id="navbar" class="navbar">

        <ul>

          <li><a class="nav-link scrollto active" href="#hero">Home</a></li>

          <li><a class="nav-link scrollto" href="#about">Tentang</a></li>

          <li><a class="nav-link scrollto" href="#features">Fitur</a></li>

          <!-- <li><a class="nav-link scrollto" href="#portfolio">Galeri</a></li> -->

          <li><a class="nav-link scrollto" href="#team">Tim</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 class="dropdown megamenu"><a href="#"><span>Mega Menu</span> <i class="bi bi-chevron-down"></i></a>

            <ul>

              <li>

                <a href="#">Column 1 link 1</a>

                <a href="#">Column 1 link 2</a>

                <a href="#">Column 1 link 3</a>

              </li>

              <li>

                <a href="#">Column 2 link 1</a>

                <a href="#">Column 2 link 2</a>

                <a href="#">Column 3 link 3</a>

              </li>

              <li>

                <a href="#">Column 3 link 1</a>

                <a href="#">Column 3 link 2</a>

                <a href="#">Column 3 link 3</a>

              </li>

              <li>

                <a href="#">Column 4 link 1</a>

                <a href="#">Column 4 link 2</a>

                <a href="#">Column 4 link 3</a>

              </li>

            </ul>

          </li> -->



          <li><a class="nav-link scrollto" href="#contact">Kontak</a></li>

          <li><a class="getstarted scrollto" href="/login">Masuk</a></li>

        </ul>

        <i class="bi bi-list mobile-nav-toggle"></i>

      </nav><!-- .navbar -->



    </div>

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

