<header>
  <div class="top-bar">
    <div class="container">
      <div class="top-bar-slid">
        <div>
          <div class="phone-data">
            <div class="phone d-flax align-items-center">
              <i>
                <svg height="112" viewBox="0 0 24 24" width="112" xmlns="http://www.w3.org/2000/svg"><g clip-rule="evenodd" fill="rgb(255255,255)" fill-rule="evenodd"><path d="m7 2.75c-.41421 0-.75.33579-.75.75v17c0 .4142.33579.75.75.75h10c.4142 0 .75-.3358.75-.75v-17c0-.41421-.3358-.75-.75-.75zm-2.25.75c0-1.24264 1.00736-2.25 2.25-2.25h10c1.2426 0 2.25 1.00736 2.25 2.25v17c0 1.2426-1.0074 2.25-2.25 2.25h-10c-1.24264 0-2.25-1.0074-2.25-2.25z"></path><path d="m10.25 5c0-.41421.3358-.75.75-.75h2c.4142 0 .75.33579.75.75s-.3358.75-.75.75h-2c-.4142 0-.75-.33579-.75-.75z"></path><path d="m9.25 19c0-.4142.33579-.75.75-.75h4c.4142 0 .75.3358.75.75s-.3358.75-.75.75h-4c-.41421 0-.75-.3358-.75-.75z"></path></g></svg>
              </i>
              <span>Phone:</span><a class="me-3" href="callto:7777940374">7777940374</a>
            </div>
            <div class="phone">
              <i>
                <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
                <path d="M0,81v350h512V81H0z M456.952,111L256,286.104L55.047,111H456.952z M30,128.967l134.031,116.789L30,379.787V128.967z
                   M51.213,401l135.489-135.489L256,325.896l69.298-60.384L460.787,401H51.213z M482,379.788L347.969,245.756L482,128.967V379.788z"></path>
                </svg>
              </i>
              <span>Email:</span><a href="mallto:bestlaundry64@gmail.com"> bestlaundry64@gmail.com</a>
            </div>
          </div>
        </div>
        <div>
          <div class="time">
            <div class="login d-flex align-items-center">
                <i class="fa-solid fa-clock"></i>
                <p>Available All Days:<b>8.00 AM - 05.00 PM</b></p>
              </div>
            <!-- <div class="login">
                <i class="fa-solid fa-user"></i>
                <a href="#">Login and Register</a>
              </div> -->
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="container">
    <div class="bottom-bar">
      <a href="index.php"><img src="assets/img/logo.png" class="logo" alt="logo"></a>
        <nav class="navbar">
          <ul class="navbar-links hnav">
            <li>
              <a href="index.php">home</a>
              <!-- <ul class="dropdown">
                <li><a href="index.html">home 1</a></li>
                <li><a href="index-2.html">home 2</a></li>
              </ul> -->
            </li>
            <li>
                      <a href="about.php">About Us</a>
            </li>
            <li>
                      <a href="service.php">Services</a>
                      <!-- <ul class="dropdown">
                        <li><a href="services.html">Services</a></li>
                        <li><a href="services-details.html">Services details</a></li>
                      </ul> -->
            </li>
            <li><a href="rate.php">Price</a>
            <!-- <li class="navbar-dropdown has-children">
                      <a href="#">Pages</a>
                      <ul class="dropdown">
                        <li><a href="team-details.html">team details</a></li>
                        <li><a href="pricing-plan.html">pricing plan</a></li>
                        <li><a href="faq.html">faq</a></li>
                        <li><a href="404-error.html">404 error</a></li>
                      </ul>
            </li> -->
            <!-- <li class="navbar-dropdown has-children">
                      <a href="#">News</a>
                      <ul class="dropdown">
                        <li><a href="our-blog.html">our blog</a></li>
                        <li><a href="blog-details.html">blog details</a></li>
                      </ul>
            </li> -->
            <li class="navbar-dropdown">
                <a href="partner.php">Franchise</a>
            </li>
            <li class="navbar-dropdown">
                <a href="contact.php">contact Us</a>
            </li>
          </ul>
        </nav>
        <div class="pickup">
            <a href="javascript:void(0)" class="lightbox-toggle sec-btn pay-schedule">Schedule a Pickup</a>
        </div>
        <div class="">
            <a href="pay.php" class="sec-btn pay-schedule">Pay Now</a>
        </div>
        <div class="bar-menu">
          <i class="fa-solid fa-bars"></i>
        </div>
    </div>
  </div>


  <div class="mobile-nav hmburger-menu" id="mobile-nav" style="display:block;">
      <div class="res-log">
        <a href="index.php">
          <img src="assets/img/logo.png" class="logo" alt="Responsive Logo">
        </a>
      </div>
      <h2>dssdfsfs</h2>
        <ul>

          <li><a href="index.php">Home</a></li>
          <li><a href="about.php">About Us</a></li>

          
          <li><a href="service.php">Services</a></li>
         

          <li><a href="rate.php">Price</a>
          <li>
                <a href="partner.php">Partner With Us</a>
            </li>

          <li><a href="contact.php">contacts Us</a></li>

          </ul>

          <a href="JavaScript:void(0)" id="res-cross"></a>

          <ul class="social-media">
                                <li><a href="#" class="f"><i class="fa-brands fa-facebook-f"></i></a></li>
                                <li><a href="#" class="t"><i class="fa-brands fa-twitter"></i></a></li>
                                <li><a href="#" class="in"><i class="fa-brands fa-linkedin-in"></i></a></li>
                            </ul>
  </div>
  <div class="main">
    <marquee class="marq" direction="left" loop="">
        <div class="geek1">
        First 5 customers get 15% off
        </div>
    </marquee>
</div>
  
</header>