  <!-- ======= Top Bar ======= -->
  <section id="topbar" class="d-flex align-items-center">
    <div class="container d-flex justify-content-center justify-content-md-between">
      <div class="contact-info d-flex align-items-center">
        <i class="bi bi-envelope d-flex align-items-center"><a href="sales@sanko-thai.com">contact@example.com</a></i>
        <i class="bi bi-phone d-flex align-items-center ms-4"><span>+662 420 1345</span></i>
      </div>
      <div class="social-links d-none d-md-flex align-items-center">
        <a href="#" class="line"><i class="bi bi-line"></i></a>
        <a href="#" class="facebook"><i class="bi bi-facebook"></i></a>
      </div>
    </div>
  </section>

<!-- ======= Header ======= -->
  <header id="header" class="d-flex align-items-center">
    <div class="container d-flex align-items-center justify-content-between">
      <h1 class="logo"><a href="index.php"><img src="assets\img\LogoSanko.jpg" alt="Logo" ></a></h1>
      <!-- Uncomment below if you prefer to use an image logo -->
      <!-- <a href="index.html" class="logo"><img src="assets/img/logo.png" alt=""></a>-->

      <nav id="navbar" class="navbar">
        <ul>
          <li><a class="nav-link scrollto active" href="#hero">Home</a></li>
          <li class="dropdown"><a href="#about"><span>About</span> <i class="bi bi-chevron-down"></i></a>
            <ul>
              <li><a href="#about">Policy</a></li>
              <li><a href="#">Grievances</a></li>
            </ul>
          </li>
           <li class="dropdown"><a href="#service2"><span>Services</span> <i class="bi bi-chevron-down"></i></a>
            <ul>
              <li><a href="#about">Co-Packing Service</a></li>
              <li><a href="#">Packaging Machinery</a></li>
              <li><a href="#">Quality Assurance</a></li>
              <li><a href="#">FDA Registration Support</a></li>
            </ul>
          </li>
          <li><a class="nav-link scrollto " href="#portfolio">Portfolio</a></li>
          <li><a class="nav-link scrollto" href="#team">Team</a></li>
          <li><a class="nav-link scrollto" href="#contact">Contact</a></li>
        </ul>
        <i class="bi bi-list mobile-nav-toggle"></i>
      </nav><!-- .navbar -->

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