Access_Website/parts/hero.php

 <!-- start of hero-section -->
  <section class="hero-section">
    <div class="hero-slider">
      <div class="slider-item">
        <div class="bg-image"> <img class="animated" src="assets/images/slider/slide-1.jpg" alt=""
                            data-animation-in="zoomInImage"> </div>
        <div class="container">
          <div class="content">
            <h1 class="bg-text">Logistic</h1>
            <h2 class="animated" data-animation-in="fadeInUp">Internation Logistics</h2>
            <h3 class="animated" data-animation-in="fadeInUp">Flexible logistic
              & cargo service</h3>
            <p class="animated" data-animation-in="fadeInUp">World’s driving worldwide coordinations
              supplier we uphold industry and exchange the
              worldwide trade of about dummy merchandise through land transport.</p>
            <div class="hero-btn animated" data-animation-in="fadeInUp">
              <div class="btn-1"> <a href="about.html" class="theme-btn">All Services</a> </div>
              <div class="btn-2"> <a href="tel:+025757576560" class="call">
                <div class="icon"> <i class="flaticon-call"></i> </div>
                <div class="text"> <span>Call Us Now</span>
                  <h4>+025 757 576 560</h4>
                </div>
                </a> </div>
            </div>
          </div>
        </div>
        <div class="down-shape">
          <svg width="19" height="86" viewBox="0 0 19 86" fill="none">
            <path
                                d="M0.000800801 0.240602L0.0525983 6.64872L8.95468 14.2473L17.8817 6.38959L17.8301 0L17.8046 0.000184758L8.90289 7.83917L0.000800801 0.240602Z"
                                fill="white" fill-opacity="0.2" />
            <path
                                d="M0.145332 18.0912L0.19713 24.4993L9.09922 32.0979L18.0263 24.2402L17.9746 17.8506L17.9492 17.8508L9.04742 25.6898L0.145332 18.0912Z"
                                fill="white" />
            <path
                                d="M0.289863 35.9418L0.341661 42.3499L9.24375 49.9485L18.1708 42.0908L18.1191 35.7012L18.0937 35.7014L9.19195 43.5403L0.289863 35.9418Z"
                                fill="white" fill-opacity="0.2" />
            <path
                                d="M0.434395 53.7924L0.486213 60.2031L9.3883 67.8017L18.3153 59.9413L18.2637 53.5518L18.2382 53.5519L9.33648 61.3909L0.434395 53.7924Z"
                                fill="white" fill-opacity="0.2" />
            <path
                                d="M0.576951 71.6432L0.62877 78.054L9.53086 85.6526L18.4579 77.7922L18.4062 71.4053L18.3808 71.4055L9.47904 79.2418L0.576951 71.6432Z"
                                fill="white" fill-opacity="0.2" />
          </svg>
        </div>
      </div>
      <div class="slider-item">
        <div class="bg-image"> <img class="animated" src="assets/images/slider/slide-1.jpg" alt=""
                            data-animation-in="zoomInImage"> </div>
        <div class="container">
          <div class="content">
            <h1 class="bg-text">Logistic</h1>
            <h2 class="animated" data-animation-in="fadeInUp">Internation Logistics</h2>
            <h3 class="animated" data-animation-in="fadeInUp">Flexible logistic
              & cargo service</h3>
            <p class="animated" data-animation-in="fadeInUp">World’s driving worldwide coordinations
              supplier we uphold industry and exchange the
              worldwide trade of about dummy merchandise through land transport.</p>
            <div class="hero-btn animated" data-animation-in="fadeInUp">
              <div class="btn-1"> <a href="about.html" class="theme-btn">All Services</a> </div>
              <div class="btn-2"> <a href="tel:+025757576560" class="call">
                <div class="icon"> <i class="flaticon-call"></i> </div>
                <div class="text"> <span>Call Us Now</span>
                  <h4>+025 757 576 560</h4>
                </div>
                </a> </div>
            </div>

          </div>
        </div>
        <div class="down-shape">
          <svg width="19" height="86" viewBox="0 0 19 86" fill="none">
            <path
                                d="M0.000800801 0.240602L0.0525983 6.64872L8.95468 14.2473L17.8817 6.38959L17.8301 0L17.8046 0.000184758L8.90289 7.83917L0.000800801 0.240602Z"
                                fill="white" fill-opacity="0.2" />
            <path
                                d="M0.145332 18.0912L0.19713 24.4993L9.09922 32.0979L18.0263 24.2402L17.9746 17.8506L17.9492 17.8508L9.04742 25.6898L0.145332 18.0912Z"
                                fill="white" />
            <path
                                d="M0.289863 35.9418L0.341661 42.3499L9.24375 49.9485L18.1708 42.0908L18.1191 35.7012L18.0937 35.7014L9.19195 43.5403L0.289863 35.9418Z"
                                fill="white" fill-opacity="0.2" />
            <path
                                d="M0.434395 53.7924L0.486213 60.2031L9.3883 67.8017L18.3153 59.9413L18.2637 53.5518L18.2382 53.5519L9.33648 61.3909L0.434395 53.7924Z"
                                fill="white" fill-opacity="0.2" />
            <path
                                d="M0.576951 71.6432L0.62877 78.054L9.53086 85.6526L18.4579 77.7922L18.4062 71.4053L18.3808 71.4055L9.47904 79.2418L0.576951 71.6432Z"
                                fill="white" fill-opacity="0.2" />
          </svg>
        </div>
      </div>
    </div>
    <div class="track-btn"> <a href="tracking.html"><img src="assets/images/slider/icon.svg" alt=""> Track your shipment</a> </div>
  </section>
  <!-- end of hero-section -->