nav-ke.html

   <!--nav start-->
   <nav class="navbar navbar-expand-lg nav-info-ke">

    <!-- nav > div= container start-->
    <div class="container">

      <!-- nav > div(container) >  div 1 (logo)-->
      <div class="mb-1">
        <a href="#"
          ><img class="logo-ke" src="img-ke/logo-160px.png" alt="logo image"
        /></a>
      </div>

      <!-- hamburger -->
      <button
        class="navbar-toggler"
        type="button"
        data-bs-toggle="collapse"
        data-bs-target="#navbarSupportedContent"
        aria-controls="navbarSupportedContent"
        aria-expanded="false"
        aria-label="Toggle navigation"
      >
        <span class="navbar-toggler-icon"></span>
      </button>

      <!-- nav first items (destination, planning, inspiration, shop search sign) start-->
      <div
        class="collapse navbar-collapse nav-con-box-ke"
        id="navbarSupportedContent">

        <!-- nav items list con 1 (destination, planning, inspiration, shop )start -->
        <div class="nav-item-box-ke">

           <!-- nav items list con-ul 2 start -->
          <ul class="navbar-nav me-auto mb-2 mb-lg-0">

            <!-- nav item (1) Destination start -->
            <li class="nav-item dropdown nav-back-col-ke">
              <!--이 안에 2번째 dropdown menu가 있어야함  -->

              <a class="nav-link text-black dropdown-item" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Destinations</a>

              <ul class="dropdown-menu dro-box-menu-ke sub-drop-box-1 sub-box-backgroud-color-ke" >
                <li class="dropdown dropdown-submenu ">
                  <a class="dropdown-item" href="#">Australia</a>
                </li>

                <li class="dropdown-submenu">
                  <a class="dropdown-item dropdown-item" href="#">USA</a>
                </li>

                <li class="dropdown-submenu">
                  <a class="dropdown-item dropdown-item" href="canada.html">Canada</a>
                </li>
              </ul>
            </li> <!-- nav item (1) Destination end -->

            <!-- nav item (2) inspiration start -->
            <li class="nav-item dropdown">
              <a class="nav-link text-black dropdown-item" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Inspiration</a>

              <ul class="dropdown-menu dro-box-menu-ke sub-drop-box-1 sub-box-backgroud-color-ke">
                <li class="dropdown-submenu">
                  <a class="dropdown-item" href="#">Adventure Travel</a>
                </li>

                <li class="dropdown-submenu">
                  <a class="dropdown-item" href="#">Art and Culture</a>
                </li>

                <li class="dropdown-submenu">
                  <a class="dropdown-item" href="#">Food and Drink</a>
                </li>
              </ul>
            </li> <!-- nav item (2) inspiration end -->

             <!-- nav item (3) shop start -->
            <li class="nav-item dropdown">
              <!--이 안에 2번째 dropdown menu가 있어야함  -->
              <a class="nav-link text-black dropdown-item" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Shop</a>

              <ul class="dropdown-menu dro-box-menu-ke sub-drop-box-1 sub-box-backgroud-color-ke">
                <li class="dropdown-submenu">
                  <a class="dropdown-item" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Destination guides</a>
                </li>

                <li class="dropdown-submenu">
                  <a class="dropdown-item" href="#">Pictorial and gift</a>
                </li>

                <li class="dropdown-submenu">
                  <a class="dropdown-item" href="#">Language guides</a>
                </li>
              </ul>
            </li><!-- nav item (3) shop end -->
          </ul>  <!-- nav items list con-ul 2 end -->
        </div> <!-- nav items list con 1 (destination, planning, inspiration, shop ) end -->


        <!-- nav search and sign button -->
        <div class="nav-icon-sign-box-ke">
          <form class="d-flex" role="search">
            <ul class="navbar-nav me-auto mb-2 mb-lg-0 ">
              <li class="nav-item dropdown me-2">
                <a
                  class="nav-link text-black"
                  href="#"
                  role="button"
                  data-bs-toggle="dropdown"
                  aria-expanded="false"><i class="fa-solid fa-magnifying-glass"></i>Search
                </a>
                <ul class="dropdown-menu sub-drop-box-1 backgroud-color-ke sub-drop-menu-test-search-ke  ">
                  <li><input type="text" placeholder="search" onfocus="this.placeholder=''" autofocus></li>
                  <div class="nav-button-ke">
                  <button class="nav-sign-button-ke">Search</button>
                </div>
                </ul>
              </li>

              <li class="nav-link text-black me-2">
                <i class="fa-regular fa-bookmark nav-icon-box-ke"></i>Saves
              </li>
           

            <a
              class="nav-link me-2 text-center nav-sign-button-ke nav-info-ke text-decoration-none"
              type="submit" href="signin.html">
              Sign in
            </a>
          </ul>


          </form>
        </div>
      </div> <!-- nav first items (destination, planning, inspiration, shop search sign) end-->
    </div>  <!-- nav > div= container end-->
  </nav> <!--nav end-->


  <!-- this is for check  -->