Access_Website/parts/hero.php
2024-08-29 13:16:00 +05:45

94 lines
5.5 KiB
PHP
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!-- 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">Worlds 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">Worlds 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 -->