index.php

<?php $activePage = 'index'; require_once('includes/header.php'); 
?>
  

    <main>
      <!--slider-area start-->
      <section
        id="slider-one"
        class="grey-bg slider-area pos-rel pt-275 pb-190 pt-md-200 pt-xs-180 pb-xs-215"
      >
        <img
          class="slider-shape shape_01 d-none d-xxl-inline-block"
          src="assets/img/line/line-1.svg"
          alt=""
        />
        <img
          class="slider-shape shape_02"
          src="assets/img/line/line-baby-1.svg"
          alt=""
        />
        <img
          class="slider-shape shape_03"
          src="assets/img/line/line-2.svg"
          alt=""
        />
        <img
          class="slider-shape shape_04 d-none d-md-inline-block"
          src="assets/img/shape/orange-1.svg"
          alt=""
        />
        <img
          class="slider-shape shape_05 d-none d-xxl-inline-block"
          src="assets/img/shape/round-line-a.svg"
          alt=""
        />
        <img
          class="slider-shape shape_07 d-none d-lg-inline-block"
          src="assets/img/shape/orange-2.svg"
          alt=""
        />
        <img
          class="slider-shape shape_08 d-none d-lg-inline-block"
          src="assets/img/shape/dot-a.svg"
          alt=""
        />
        <div class="main-slider main-slider-1" id="main-slider-1">
          <div class="container">
            <div class="row">
              <div class="col-lg-7">
                <div class="slider__content">
                  <h4 class="styled-text">Find Nearby Dispatch Riders</h4>
                  <h1 class="main-title mb-40">
                    Discover Reliable Dispatch Riders Near You
                  </h1>
                  <div class="find-area">
                    <div class="input-group">
                      <input
                        type="text"
                        class="form-control"
                        placeholder="Enter an address or landmark"
                      />
                    </div>
                    <button type="button" class="theme_btn">FIND RIDERS</button>
                  </div>
                </div>
              </div>
              <div class="col-lg-5">
                <div class="slider__content_img">
                  <img
                    class="img-fluid d-none d-lg-block"
                    src="assets/img/dispatch/man-backpack.png"
                    alt=""
                  />
                  <img
                    class="transport d-lg-none mt-50"
                    src="assets/img/slider/nav-box.svg"
                    alt=""
                  />
                </div>
              </div>
            </div>
            <!--/.row-->
          </div>
          <!--/.container-->
        </div>
      </section>
      <!--slider-area end-->

      <!--onestop-mangement start-->
      <section
        class="onestop-management pt-150 pb-160 pt-md-60 pb-md-60 pt-xs-60 pb-xs-60"
      >
        <img
          class="manage-shape manage-1 d-none d-lg-inline-block"
          src="assets/img/line/line-baby-1.svg"
          alt=""
        />
        <img
          class="manage-shape manage-2 d-none d-md-inline-block"
          src="assets/img/shape/box-1.svg"
          alt=""
        />
        <img
          class="manage-shape manage-3 d-none d-lg-inline-block"
          src="assets/img/line/line-3.svg"
          alt=""
        />
        <div class="container">
          <div class="row align-items-center">
            <div class="col-lg-6">
              <div class="section-title management-title pr-30">
                <h2>
                  One place to find nearby dispatch riders and manage your
                  deliveries
                </h2>
                <p>
                  Effortlessly connect, book, and manage dispatch riders for all
                  your delivery needs. We offer a streamlined solution for
                  individuals and businesses seeking dispatch riders.
                </p>
              </div>
            </div>
            <div class="col-lg-6 trusted-area pl-60">
              <div class="row">
                <div class="col-lg-6 col-md-8 col-12">
                  <div class="row-count-content">
                    <div class="row-count-one">
                      <div
                        class="counter-box cb-1 wow fadeInUp2 animated"
                        data-wow-delay="0.1s"
                      >
                        <h2><span class="counter">70</span><b>+</b></h2>
                        <h3>Reliable Riders</h3>
                      </div>
                    </div>
                    <div class="row-count-two">
                      <div
                        class="counter-box sky-blue-bg wow fadeInUp2 animated"
                        data-wow-delay="0.2s"
                      >
                        <h2><span class="counter">100</span><b>+</b></h2>
                        <h3>Successful Deliveries</h3>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="col-lg-6 col-md-4 col-sm-6 col-12">
                  <div
                    class="counter-box cb-3 mt-140 wow fadeInUp2 animated"
                    data-wow-delay="0.3s"
                  >
                    <h2><span class="counter">6</span>k<b>+</b></h2>
                    <h3>Happy Customers</h3>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <!--/.row-->
        </div>
        <!--/.container-->
      </section>
      <!--why-chose-us start-->
      <section class="why-chose-us shape-style position-relative">
        <div
          class="grey-bg-soft why-chose-us-bg position-relative pt-115 pt-lg-40 pt-md-60 pt-xs-60 pb-100"
        >
          <img
            class="about-shape ashape-1 d-none d-lg-inline-block"
            src="assets/img/shape/dot-a.svg"
            alt=""
          />
          <img
            class="about-shape ashape-4 d-none d-lg-inline-block"
            src="assets/img/shape/pencil-1.svg"
            alt=""
          />
          <img
            class="about-shape ashape-5 d-none d-lg-inline-block"
            src="assets/img/line/line-7.svg"
            alt=""
          />
          <div class="container">
            <div class="row align-items-center">
              <div class="col-xl-4 col-lg-6">
                <div class="chose-img-wrapper mb-30">
                  <img
                    class="big-img"
                    src="assets/img/chose/chose1.jpg"
                    alt=""
                  />
                  <img
                    class="chose-shape cshape-1"
                    src="assets/img/shape/orange-3.svg"
                    alt=""
                  />
                  <img
                    class="chose-shape cshape-2"
                    src="assets/img/shape/dot-b.svg"
                    alt=""
                  />
                </div>
              </div>
              <div class="col-xl-8 col-lg-6">
                <div
                  class="chose-wrapper white-bg pt-110 pr-65 pb-55 pl-115 mb-30"
                >
                  <div class="section-title pr-65">
                    <h6 class="mb-25">Why should you choose DispatchRider</h6>
                    <h2>
                      The fastest, easiest way to access dispatch riders in your
                      area.
                    </h2>
                  </div>
                  <div class="mt-4 mb-10">
                    <p>
                      Catering to all your dispatch rider needs in one
                      convenient place, our platform offers a seamless solution
                      for connecting with, and booking dispatch riders in your
                      area. Whether you require speedy document deliveries,
                      parcel transportation, or any other delivery service,
                      we've got you covered. Say goodbye to the hassle of
                      searching for dispatch services - everything you need is
                      right here, at your fingertips.
                    </p>
                  </div>
                  <a href="#main-slider-1" class="theme_btn mt-40"
                    >Find a dispatch rider</a
                  >
                </div>
              </div>
            </div>
            <!--/.row-->
          </div>
          <!--/.container-->
        </div>
      </section>
      <!--why-chose-us end-->
      <!--onestop-mangement end-->

      <!--work-process start-->
      <section
        class="work-process position-relative pt-150 pb-130 pt-md-60 pb-md-30 pt-xs-60 pb-xs-30"
      >
        <img
          class="work-shape pshape-1"
          src="assets/img/shape/orange-5.svg"
          alt=""
        />
        <img
          class="work-shape pshape-2"
          src="assets/img/shape/dot-a.svg"
          alt=""
        />
        <img
          class="work-shape pshape-3"
          src="assets/img/shape/eclip-1.svg"
          alt=""
        />
        <img
          class="work-shape pshape-4"
          src="assets/img/shape/box-2.svg"
          alt=""
        />
        <div class="container">
          <div class="row justify-content-center">
            <div class="col-xl-8 col-lg-8">
              <div class="section-title text-center mb-xs-80 mb-md-80 mb-170">
                <h6 class="mb-30">Our Work Process</h6>
                <h2>
                  The way we work at
                  <span class="bg-shape">DispatchRider</span>
                </h2>
              </div>
            </div>
          </div>
          <div class="row">
            <div class="col-lg-3 col-md-3 col-sm-6">
              <div class="single-work mb-30">
                <div class="single-work__icon mb-30">
                  <img
                    src="assets/img/icon/find-my-rider.png"
                    class="img-fluid"
                    alt="find-rider"
                    style="width: 62px; height: 62px"
                  />
                </div>
                <h4 class="semi-title">Find Rider</h4>
              </div>
            </div>
            <div class="col-lg-3 col-md-3 col-sm-6">
              <div class="single-work sw-2 mb-30">
                <div class="single-work__icon mb-30">
                   <img
                    src="assets/img/icon/delivery-man.png"
                    class="img-fluid"
                    alt="find-rider"
                    style="width: 62px; height: 62px"
                  />
                </div>
                <h4 class="semi-title">Fast Pickup</h4>
              </div>
            </div>
            <div class="col-lg-3 col-md-3 col-sm-6">
              <div class="single-work sw-3 mb-30">
                <div class="single-work__icon mb-30">
                  <img
                    src="assets/img/icon/fast-delivery.png"
                    class="img-fluid"
                    alt="find-rider"
                    style="width: 62px; height: 62px"
                  />
                </div>
                <h4 class="semi-title">Transportation Process</h4>
              </div>
            </div>
            <div class="col-lg-3 col-md-3 col-sm-6">
              <div class="single-work sw-4 mb-30">
                <div class="single-work__icon mb-30">
                  <img
                    src="assets/img/icon/shipping.png"
                    class="img-fluid"
                    alt="transportation"
                    style="width: 62px; height: 62px"
                  />
                </div>
                <h4 class="semi-title">Safe Delivery</h4>
              </div>
            </div>
          </div>
          <!--/.row-->
        </div>
        <!--/.container-->
      </section>
      <!--work-process end-->
      <!--testiomonial-area start-->
      <section
        class="grey-bg-soft2 testiomonial-area position-relative pt-130 pb-155 pt-md-60 pb-md-135 pt-xs-60 pb-xs-135"
      >
        <img
          class="test-shape tshape-1 d-none d-md-block"
          src="assets/img/shape/eclip-2.svg"
          alt=""
        />
        <img
          class="test-shape tshape-2 d-none d-md-block"
          src="assets/img/line/line-4.svg"
          alt=""
        />
        <img
          class="test-shape tshape-3 d-none d-md-block"
          src="assets/img/shape/box-2.svg"
          alt=""
        />
        <img
          class="test-shape tshape-4 d-none d-md-block"
          src="assets/img/shape/orange-1.svg"
          alt=""
        />
        <div class="container nav-style-1">
          <div class="row justify-content-center">
            <div class="col-lg-6">
              <div class="section-title text-center mb-80">
                <h6 class="mb-30">TESTIMONIALS</h6>
                <h2>What Our <span class="bg-shape">Clients Say</span></h2>
              </div>
            </div>
          </div>
          <div class="testimonial-active owl-carousel">
            <div class="item">
              <div class="testimonial-wrapper white-bg">
                <div class="authors-box fix mb-40">
                  <div class="author-img1">
                    <img src="assets/img/testimonial/author-1.png" alt="" />
                  </div>
                  <div class="authors-name">
                    <h5 class="sect-title">Mahufuz RIad</h5>
                    <p>Co-Founder SwiftLogix</p>
                  </div>
                </div>
                <h5 class="sect-title mb-40">
                  My water damage restoration company received a call from a
                  customer who had a broken pipe in her home
                </h5>
                <div class="quote-icon text-center d-inline-block ml-125">
                  <img src="assets/img/icon/quotation.svg" alt="" />
                </div>
              </div>
            </div>
            <div class="item">
              <div class="testimonial-wrapper white-bg">
                <div class="authors-box fix mb-40">
                  <div class="author-img1">
                    <img src="assets/img/testimonial/author-2.png" alt="" />
                  </div>
                  <div class="authors-name">
                    <h5 class="sect-title">Tamim</h5>
                    <p>Founder company</p>
                  </div>
                </div>
                <h5 class="sect-title mb-40">
                  My water damage restoration company received a call from a
                  customer who had a broken pipe in her home
                </h5>
                <div class="quote-icon text-center d-inline-block ml-125">
                  <img src="assets/img/icon/quotation.svg" alt="" />
                </div>
              </div>
            </div>
            <div class="item">
              <div class="testimonial-wrapper white-bg">
                <div class="authors-box fix mb-40">
                  <div class="author-img1">
                    <img src="assets/img/testimonial/author-3.png" alt="" />
                  </div>
                  <div class="authors-name">
                    <h5 class="sect-title">Foqrul Islam</h5>
                    <p>Ministry of logistic</p>
                  </div>
                </div>
                <h5 class="sect-title mb-40">
                  My water damage restoration company received a call from a
                  customer who had a broken pipe in her home
                </h5>
                <div class="quote-icon text-center d-inline-block ml-125">
                  <img src="assets/img/icon/quotation.svg" alt="" />
                </div>
              </div>
            </div>
            <div class="item">
              <div class="testimonial-wrapper white-bg">
                <div class="authors-box fix mb-40">
                  <div class="author-img1">
                    <img src="assets/img/testimonial/author-1.png" alt="" />
                  </div>
                  <div class="authors-name">
                    <h5 class="sect-title">Mahufuz RIad</h5>
                    <p>Co-Founder WeConnect</p>
                  </div>
                </div>
                <h5 class="sect-title mb-40">
                  My water damage restoration company received a call from a
                  customer who had a broken pipe in her home
                </h5>
                <div class="quote-icon text-center d-inline-block ml-125">
                  <img src="assets/img/icon/quotation.svg" alt="" />
                </div>
              </div>
            </div>
            <div class="item">
              <div class="testimonial-wrapper white-bg">
                <div class="authors-box fix mb-40">
                  <div class="author-img1">
                    <img src="assets/img/testimonial/author-2.png" alt="" />
                  </div>
                  <div class="authors-name">
                    <h5 class="sect-title">Tamim</h5>
                    <p>Founder company</p>
                  </div>
                </div>
                <h5 class="sect-title mb-40">
                  My water damage restoration company received a call from a
                  customer who had a broken pipe in her home
                </h5>
                <div class="quote-icon text-center d-inline-block ml-125">
                  <img src="assets/img/icon/quotation.svg" alt="" />
                </div>
              </div>
            </div>
            <div class="item">
              <div class="testimonial-wrapper white-bg">
                <div class="authors-box fix mb-40">
                  <div class="author-img1">
                    <img src="assets/img/testimonial/author-3.png" alt="" />
                  </div>
                  <div class="authors-name">
                    <h5 class="sect-title">Foqrul Islam</h5>
                    <p>Ministry of logistic</p>
                  </div>
                </div>
                <h5 class="sect-title mb-40">
                  My water damage restoration company received a call from a
                  customer who had a broken pipe in her home
                </h5>
                <div class="quote-icon text-center d-inline-block ml-125">
                  <img src="assets/img/icon/quotation.svg" alt="" />
                </div>
              </div>
            </div>
          </div>
          <!--/.row-->
        </div>
        <!--/.container-->
      </section>
      <!--testiomonial-area end-->
      <!--dispatch_rider-team start-->
      <section
        class="dispatch_rider-team position-relative pt-140 pb-120 pt-md-60 pb-md-60 pt-xs-60 pb-xs-60"
      >
        <img
          class="team-shape tmshape-1"
          src="assets/img/shape/round-line-a.svg"
          alt=""
        />
        <img
          class="team-shape tmshape-2"
          src="assets/img/shape/border-line-1.svg"
          alt=""
        />
        <div class="container">
          <div class="row justify-content-center">
            <div class="col-lg-8">
              <div class="dispatch_rider-team-wrapper">
                <div class="section-title text-center mb-85">
                  <h2 class="mb-30">
                    Our Experienced <span class="bg-shape">Riders</span>
                  </h2>
                  <p class="sect-title">
                    Get to know some of the dedicated dispatch riders who power
                    our delivery network. Meet the faces behind the wheels, each
                    committed to ensuring your packages reach their destination
                    safely and on time.
                  </p>
                </div>
              </div>
            </div>
          </div>
          <div class="team-active owl-carousel">
            <div class="item">
              <div class="team-wrapper white-bg pos-rel">
                <div class="team-thumb">
                  <img src="assets/img/team/team-1.jpg" alt="dispatch rider" />
                </div>
                <div class="team-content text-center">
                  <h4 class="sect-title">Mahufuz RIad</h4>
                  <p>Swift deliverer</p>
                  <div class="social-links mt-20">
                    <a href="tel:"><i class="fa fa-phone"></i></a>
                    <a href="#"><i class="fab fa-facebook-f"></i></a>
                  </div>
                </div>
              </div>
            </div>
            <div class="item">
              <div class="team-wrapper white-bg pos-rel">
                <div class="team-thumb">
                  <img src="assets/img/team/team-2.jpg" alt="dispatch rider" />
                </div>
                <div class="team-content text-center">
                  <h4 class="sect-title">Foqrul Islam</h4>
                  <p>Expert in dispatch</p>
                  <div class="social-links mt-20">
                    <a href="tel:"><i class="fa fa-phone"></i></a>
                    <a href="#"><i class="fab fa-facebook-f"></i></a>
                  </div>
                </div>
              </div>
            </div>
            <div class="item">
              <div class="team-wrapper white-bg pos-rel">
                <div class="team-thumb">
                  <img src="assets/img/team/team-3.jpg" alt="dispatch rider" />
                </div>
                <div class="team-content text-center">
                  <h4 class="sect-title">Tamem Has</h4>
                  <p>Accurate time keeper</p>
                  <div class="social-links mt-20">
                    <a href="tel:"><i class="fa fa-phone"></i></a>
                    <a href="#"><i class="fab fa-facebook-f"></i></a>
                  </div>
                </div>
              </div>
            </div>
            <div class="item">
              <div class="team-wrapper white-bg pos-rel">
                <div class="team-thumb">
                  <img src="assets/img/team/team-4.jpg" alt="dispatch rider" />
                </div>
                <div class="team-content text-center">
                  <h4 class="sect-title">Mahufuz RIad</h4>
                  <p>Parcel carrier</p>
                  <div class="social-links mt-20">
                    <a href="tel:"><i class="fa fa-phone"></i></a>
                    <a href="#"><i class="fab fa-facebook-f"></i></a>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <!--/.row-->
        </div>
        <!--/.container-->
      </section>
      <!--dispatch_rider-team end-->
      <!--riders network start-->
      <section
        class="shipping-discount position-relative fix pt-75 pb-120 pt-md-60 pb-md-60 pt-xs-60 pb-xs-60"
      >
        <img
          class="shipping-shape sshape-1 d-none d-md-inline-block"
          src="assets/img/shape/box-2.svg"
          alt=""
        />
        <div class="container">
          <div class="row align-items-center">
            <div class="col-lg-6">
              <div class="section-title text-start mb-30">
                <h2 class="mb-30">Join Our Network of Dispatch Riders</h2>
                <p class="sect-title mb-50">
                  We're committed to empowering dispatch riders and helping them
                  grow their businesses. Say goodbye to downtime!
                </p>
                <a href="register.html" class="theme_btn"
                  >Create Rider Account</a
                >
              </div>
            </div>
            <div class="col-lg-6">
              <div class="shipping-img-box text-center mb-30">
                <img
                  class="img-one d-none d-md-inline-block"
                  src="assets/img/shipping/black-sun.svg"
                  alt="shipping img"
                />
                <div class="bi-cycle pos-rel">
                  <img
                    class="img-two"
                    src="assets/img/shipping/men-frame.svg"
                    alt="shipping img"
                  />
                  <img
                    class="img-three"
                    src="assets/img/shipping/ring-1.svg"
                    alt="shipping img"
                  />
                  <img
                    class="img-four"
                    src="assets/img/shipping/ring-2.svg"
                    alt="shipping img"
                  />
                  <img
                    class="img-five"
                    src="assets/img/shipping/plater-1.svg"
                    alt="shipping img"
                  />
                </div>
              </div>
            </div>
          </div>
          <!--/.row-->
        </div>
        <!--/.container-->
      </section>
      <!--riders network end-->
      <!--comic-blog end-->
    </main>

<?php require_once('includes/footer.php') ?>