Hero Section Changes

This commit is contained in:
sujan 2024-08-29 15:46:20 +05:45
parent 373872f9db
commit 03dda9bc78
10 changed files with 391 additions and 2424 deletions

Binary file not shown.

Binary file not shown.

After

Width:  |  Height:  |  Size: 184 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 248 KiB

View File

@ -715,7 +715,7 @@ img {
padding-top: 170px; padding-top: 170px;
} }
.preloader { .preloader {
background-color: #006e5e; background-color: #ffa471;
width: 100%; width: 100%;
height: 100%; height: 100%;
position: fixed; position: fixed;
@ -3002,10 +3002,11 @@ img {
position: absolute; position: absolute;
left: 0; left: 0;
top: 0; top: 0;
width: 90%; width: 100%;
height: 100%; height: 100%;
content: ""; content: "";
background: url(../images/slider/bg-shape.svg) no-repeat; /* background: url(../images/slider/bg-shape.svg) no-repeat;*/
background: linear-gradient(rgb(0 0 0 / 24%), rgb(0 0 0 / 48%));
z-index: -1; z-index: -1;
} }
@media (max-width: 991px) { @media (max-width: 991px) {
@ -3197,7 +3198,7 @@ img {
bottom: 0; bottom: 0;
width: 261px; width: 261px;
height: 209px; height: 209px;
background: #FF7236; background: #991b4e;
content: ""; content: "";
} }
.hero-section .track-btn::after { .hero-section .track-btn::after {
@ -3206,7 +3207,7 @@ img {
right: 0; right: 0;
width: 38px; width: 38px;
height: 47px; height: 47px;
background: #E5500F; background: #991b4e;
content: ""; content: "";
-webkit-clip-path: polygon(100% 0, 0% 100%, 100% 100%); -webkit-clip-path: polygon(100% 0, 0% 100%, 100% 100%);
clip-path: polygon(100% 0, 0% 100%, 100% 100%); clip-path: polygon(100% 0, 0% 100%, 100% 100%);
@ -3253,7 +3254,7 @@ img {
} }
.hero-section .slick-arrow.slick-prev, .hero-section .slick-arrow.slick-next { .hero-section .slick-arrow.slick-prev, .hero-section .slick-arrow.slick-next {
right: 125px; right: 125px;
bottom: -50px; bottom: 40px;
} }
.hero-section .slick-arrow.slick-prev::after, .hero-section .slick-arrow.slick-next::after { .hero-section .slick-arrow.slick-prev::after, .hero-section .slick-arrow.slick-next::after {
position: absolute; position: absolute;
@ -3279,7 +3280,7 @@ img {
display: none; display: none;
} }
.hero-section .slick-arrow:hover { .hero-section .slick-arrow:hover {
background: rgb(6, 45, 53); background: #FF7236;
} }
.hero-section .slick-arrow:hover::after { .hero-section .slick-arrow:hover::after {
color: #fff; color: #fff;
@ -8121,7 +8122,7 @@ img {
} }
.video-holder { .video-holder {
position: absolute; position: absolute;
left: 50%; left: 45%;
top: 50%; top: 50%;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
} }
@ -14423,4 +14424,8 @@ img {
.apply-btn:hover { .apply-btn:hover {
color: #fff; color: #fff;
} }
.hero-title{
font-size: 70px !important;
}
/*extra css*/ /*extra css*/

View File

@ -1,26 +1,19 @@
<!-- start of hero-section --> <!-- start of hero-section -->
<section class="hero-section"> <section class="hero-section">
<div class="hero-slider"> <div class="hero-slider">
<!--Slider One-->
<div class="slider-item"> <div class="slider-item">
<div class="bg-image"> <img class="animated" src="assets/images/slider/slide-1.jpg" alt="" <div class="bg-image"> <img class="animated" src="assets/images/access-images/slider1.jpg" alt=""
data-animation-in="zoomInImage"> </div> data-animation-in="zoomInImage"> </div>
<div class="container"> <div class="container">
<div class="content"> <div class="content">
<h1 class="bg-text">Logistic</h1> <h3 class="animated hero-title" data-animation-in="fadeInUp">Achieve More with Expert Guidance</h3>
<h2 class="animated" data-animation-in="fadeInUp">Internation Logistics</h2> <p class="animated" data-animation-in="fadeInUp">Let us simplify the process of pursuing quality education internationally, from visas to admissions.</p>
<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="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-1"> <a href="service.php" class="apply-btn">Learn More</a> </div>
<div class="btn-2"> <a href="tel:+025757576560" class="call"> <div class="btn-2">
<div class="icon"> <i class="flaticon-call"></i> </div> <div class="video-holder"> <a href="assets/images/access-images/access-video.mp4" class="video-btn" data-type="iframe"><i class="flaticon-play-button-arrowhead"></i></a> </div>
<div class="text"> <span>Call Us Now</span>
<h4>+025 757 576 560</h4>
</div> </div>
</a> </div>
</div> </div>
</div> </div>
</div> </div>
@ -44,51 +37,46 @@
</svg> </svg>
</div> </div>
</div> </div>
<!--Slider One End-->
<!-- Slider Two-->
<div class="slider-item"> <div class="slider-item">
<div class="bg-image"> <img class="animated" src="assets/images/slider/slide-1.jpg" alt="" <div class="bg-image"> <img class="animated" src="assets/images/access-images/slider2.jpg" alt=""
data-animation-in="zoomInImage"> </div> data-animation-in="zoomInImage"> </div>
<div class="container"> <div class="container">
<div class="content"> <div class="content">
<h1 class="bg-text">Logistic</h1> <h3 class="animated hero-title" data-animation-in="fadeInUp">Your Partner in Overseas Education</h3>
<h2 class="animated" data-animation-in="fadeInUp">Internation Logistics</h2> <p class="animated" data-animation-in="fadeInUp">Offering comprehensive consultation services to ensure a smooth transition to studying abroad.</p>
<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="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-1"> <a href="service.php" class="apply-btn">Learn More</a> </div>
<div class="btn-2"> <a href="tel:+025757576560" class="call"> <div class="btn-2">
<div class="icon"> <i class="flaticon-call"></i> </div> <div class="video-holder"> <a href="https://www.youtube.com/embed/DxffSluQn_M?si=Ee0gBTMqOpB-E19E" class="video-btn" data-type="iframe"><i class="flaticon-play-button-arrowhead"></i></a> </div>
<div class="text"> <span>Call Us Now</span>
<h4>+025 757 576 560</h4>
</div> </div>
</a> </div>
</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>
<!--Slider Two End-->
</div>
<!-- <div class="track-btn"> <a href="tracking.html"><img src="assets/images/slider/icon.svg" alt=""> Track your shipment</a> </div>-->
</div> </section>
</div> <!-- end of hero-section -->
<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 -->

313
service.php Normal file
View File

@ -0,0 +1,313 @@
<?php include('header.php');?>
<!-- start wpo-page-title -->
<section class="wpo-breadcumb-area">
<div class="container">
<div class="row">
<div class="col col-xs-12">
<div class="wpo-breadcumb-wrap">
<h2>Internation Logistics</h2>
<h3>Services</h3>
</div>
</div>
</div>
</div>
</section>
<!-- end page-title -->
<!-- start of wpo-service-section-s4 -->
<section class="wpo-service-section-s4 section-padding">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6 col-12">
<div class="wpo-section-title">
<h2>Trusted transport service</h2>
<h3>Transport & Logistics
Services We are the best</h3>
</div>
</div>
<div class="col-lg-6 col-12">
<div class="service-btn"> <a href="services-single.html" class="theme-btn">All Services</a> </div>
</div>
</div>
</div>
<div class="service-slider-s2">
<div class="service-card-s2">
<div class="icon"> <img src="assets/images/service/icon-1.svg" alt=""> </div>
<div class="content">
<h2><a href="services-single.html">Maritime transportation</a></h2>
<p>Logistika is the worlds driving worldwide coordinations supplier we uphold
industry and exchange the worldwide trade of .</p>
<div class="services-btn"> <a href="services-single.html">See Details </a> </div>
</div>
<div class="top-shape"> <img src="assets/images/service/top-shape.svg" alt=""> </div>
<div class="bottom-shape"> <img src="assets/images/service/bottom-shape.svg" alt=""> </div>
</div>
<div class="service-card-s2">
<div class="icon"> <img src="assets/images/service/icon-2.svg" alt=""> </div>
<div class="content">
<h2><a href="services-single.html">Train Transportation</a></h2>
<p>Logistika is the worlds driving worldwide coordinations supplier we uphold
industry and exchange the worldwide trade of .</p>
<div class="services-btn"> <a href="services-single.html">See Details </a> </div>
</div>
<div class="top-shape"> <img src="assets/images/service/top-shape.svg" alt=""> </div>
<div class="bottom-shape"> <img src="assets/images/service/bottom-shape.svg" alt=""> </div>
</div>
<div class="service-card-s2">
<div class="icon"> <img src="assets/images/service/icon-3.svg" alt=""> </div>
<div class="content">
<h2><a href="services-single.html">Cargo Ship Freight</a></h2>
<p>Logistika is the worlds driving worldwide coordinations supplier we uphold
industry and exchange the worldwide trade of .</p>
<div class="services-btn"> <a href="services-single.html">See Details </a> </div>
</div>
<div class="top-shape"> <img src="assets/images/service/top-shape.svg" alt=""> </div>
<div class="bottom-shape"> <img src="assets/images/service/bottom-shape.svg" alt=""> </div>
</div>
<div class="service-card-s2">
<div class="icon"> <img src="assets/images/service/icon-4.svg" alt=""> </div>
<div class="content">
<h2><a href="services-single.html">Cargo Ship Freight</a></h2>
<p>Logistika is the worlds driving worldwide coordinations supplier we uphold
industry and exchange the worldwide trade of .</p>
<div class="services-btn"> <a href="services-single.html">See Details </a> </div>
</div>
<div class="top-shape"> <img src="assets/images/service/top-shape.svg" alt=""> </div>
<div class="bottom-shape"> <img src="assets/images/service/bottom-shape.svg" alt=""> </div>
</div>
<div class="service-card-s2">
<div class="icon"> <img src="assets/images/service/icon-5.svg" alt=""> </div>
<div class="content">
<h2><a href="services-single.html">Flight Transportation</a></h2>
<p>Logistika is the worlds driving worldwide coordinations supplier we uphold
industry and exchange the worldwide trade of .</p>
<div class="services-btn"> <a href="services-single.html">See Details </a> </div>
</div>
<div class="top-shape"> <img src="assets/images/service/top-shape.svg" alt=""> </div>
<div class="bottom-shape"> <img src="assets/images/service/bottom-shape.svg" alt=""> </div>
</div>
</div>
</section>
<!-- end of wpo-service-section-s4 -->
<!-- stert of wpo-funfact-section -->
<section class="wpo-funfact-section section-padding">
<div class="container">
<div class="titel-image">
<h1>Logistisc</h1>
<h3>Manufacturing software that goes beyondthe benchmark</h3>
</div>
<div class="row">
<div class="col-lg-3 col-md-6 col-12">
<div class="item">
<h2><span class="odometer" data-count="100"></span>+</h2>
<h3>Cities we have connected</h3>
</div>
</div>
<div class="col-lg-3 col-md-6 col-12">
<div class="item">
<h2><span class="odometer" data-count="1"></span>.<span class="odometer"
data-count="2"></span>m</h2>
<h3>Deliver goods every week</h3>
</div>
</div>
<div class="col-lg-3 col-md-6 col-12">
<div class="item">
<h2><span class="odometer" data-count="10"></span>types</h2>
<h3>Delivery transit system</h3>
</div>
</div>
<div class="col-lg-3 col-md-6 col-12">
<div class="item">
<h2><span class="odometer" data-count="95"></span>%</h2>
<h3>Clients Positive review</h3>
</div>
</div>
</div>
</div>
</section>
<!-- end of wpo-funfact-section -->
<!-- start of wpo-service-section -->
<section class="wpo-service-section section-padding">
<div class="container">
<div class="row align-items-end">
<div class="col-lg-7 col-12">
<div class="wpo-section-title">
<h2>Trusted transport service</h2>
<h3>Transport & Logistics
Services We are the best</h3>
</div>
</div>
<div class="col-lg-5 col-12">
<div class="service-all-btn"> <a href="services.html" class="theme-btn">All Services</a> </div>
</div>
</div>
</div>
<div class="container-fluid g-0">
<div class="service-slider owl-carousel">
<div class="service-card"> <img class="image" src="assets/images/service/1.jpg" alt="">
<div class="content"> <i class="flaticon-road-with-broken-line"></i>
<div class="text"> <span>01</span>
<h2><a href="services-single.html">Road Freight Service</a></h2>
<p>Sed ut perspiciatis unde is
voluptatem accusant</p>
<a href="services-single.html" class="service-single-link"> <i class="flaticon-right-arrow"></i> </a> </div>
</div>
</div>
<div class="service-card"> <img class="image" src="assets/images/service/2.jpg" alt="">
<div class="content"> <i class="flaticon-air-plane"></i>
<div class="text"> <span>02</span>
<h2><a href="services-single.html">Intermodal Shipping</a></h2>
<p>Sed ut perspiciatis unde is
voluptatem accusant</p>
<a href="services-single.html" class="service-single-link"> <i class="flaticon-right-arrow"></i> </a> </div>
</div>
</div>
<div class="service-card"> <img class="image" src="assets/images/service/3.jpg" alt="">
<div class="content"> <i class="flaticon-boat-with-containers"></i>
<div class="text"> <span>03</span>
<h2><a href="services-single.html">Maritime transportation</a></h2>
<p>Sed ut perspiciatis unde is
voluptatem accusant</p>
<a href="services-single.html" class="service-single-link"> <i class="flaticon-right-arrow"></i> </a> </div>
</div>
</div>
<div class="service-card"> <img class="image" src="assets/images/service/1.jpg" alt="">
<div class="content"> <i class="flaticon-road-with-broken-line"></i>
<div class="text"> <span>01</span>
<h2><a href="services-single.html">Road Freight Service</a></h2>
<p>Sed ut perspiciatis unde is
voluptatem accusant</p>
<a href="services-single.html" class="service-single-link"> <i class="flaticon-right-arrow"></i> </a> </div>
</div>
</div>
<div class="service-card"> <img class="image" src="assets/images/service/2.jpg" alt="">
<div class="content"> <i class="flaticon-air-plane"></i>
<div class="text"> <span>02</span>
<h2><a href="services-single.html">Intermodal Shipping</a></h2>
<p>Sed ut perspiciatis unde is
voluptatem accusant</p>
<a href="services-single.html" class="service-single-link"> <i class="flaticon-right-arrow"></i> </a> </div>
</div>
</div>
<div class="service-card"> <img class="image" src="assets/images/service/3.jpg" alt="">
<div class="content"> <i class="flaticon-boat-with-containers"></i>
<div class="text"> <span>03</span>
<h2><a href="services-single.html">Maritime transportation</a></h2>
<p>Sed ut perspiciatis unde is
voluptatem accusant</p>
<a href="services-single.html" class="service-single-link"> <i class="flaticon-right-arrow"></i> </a> </div>
</div>
</div>
</div>
</div>
</section>
<!-- end of wpo-service-section -->
<!-- start of wpo-features-section-s2 -->
<section class="wpo-features-section-s2">
<div class="top-wraper">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6 col-12">
<div class="wpo-section-title">
<h2>Trusted transport service</h2>
<h3>Logistics features
that we can provideing</h3>
</div>
</div>
<div class="col-lg-6 col-12">
<div class="f-btn"> <a href="services.html" class="theme-btn">All Services</a> </div>
</div>
</div>
</div>
</div>
<div class="bottom-wraper">
<div class="container">
<div class="bottom-content">
<div class="row">
<div class="col-lg-4 col-12">
<div class="item">
<div class="icon"> <i class="flaticon-distribution-center"></i> </div>
<div class="content">
<h3>Warehouse</h3>
<p>Warehouse: hub for storage, distribution, and logistics.</p>
</div>
</div>
</div>
<div class="col-lg-4 col-12">
<div class="item">
<div class="icon"> <i class="flaticon-customer-support-1"></i> </div>
<div class="content">
<h3>Support 24/7</h3>
<p>Warehouse: hub for storage, distribution, and logistics.</p>
</div>
</div>
</div>
<div class="col-lg-4 col-12">
<div class="item">
<div class="icon"> <i class="flaticon-delivery-box"></i> </div>
<div class="content">
<h3>Cargo Insurance</h3>
<p>Warehouse: hub for storage, distribution, and logistics.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- end of wpo-features-section-s2 -->
<Section class="wpo-testimonial-section-s2 s4 section-padding">
<div class="container">
<div class="testimonial-wrap testimonial-slider">
<div class="image slider-for">
<div class="item"> <span class="feedback"><i class="flaticon-mark"></i></span> <img src="assets/images/testimonial/3.jpg" alt="">
<ul>
<li><i class="flaticon-star"></i></li>
<li><i class="flaticon-star"></i></li>
<li><i class="flaticon-star"></i></li>
<li><i class="flaticon-star"></i></li>
<li><i class="flaticon-star"></i></li>
</ul>
</div>
<div class="item"> <span class="feedback"><i class="flaticon-mark"></i></span> <img src="assets/images/testimonial/4.jpg" alt="">
<ul>
<li><i class="flaticon-star"></i></li>
<li><i class="flaticon-star"></i></li>
<li><i class="flaticon-star"></i></li>
<li><i class="flaticon-star"></i></li>
<li><i class="flaticon-star"></i></li>
</ul>
</div>
</div>
<div class="content-wrap">
<div class="slider-nav">
<div class="content">
<p>Climb the mountain not to plant your flag but to
embrace the ways challenge, enjoy the air, and
behold the. Climb it see the world, not so the
world can see you. This is due to their excellent
service competitive pricing</p>
<div class="client-name">
<h4>Robert J. Hare/</h4>
<span>Freight Manager</span> </div>
</div>
<div class="content">
<p> I recently used for my logistics needs, and I am
thoroughly impressed with their exceptional service. I contacted
them, team demonstrated and making the entire
process smooth and hassle-free. </p>
<div class="client-name">
<h4>Robert J. Hare/</h4>
<span>Freight Manager</span> </div>
</div>
</div>
</div>
</div>
</div>
</Section>
<?php include('footer.php');?>

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -1,897 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<!-- Mirrored from wpocean.com/html/tf/logistika/services.html by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 29 Aug 2024 05:23:26 GMT -->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="author" content="wpOceans">
<link rel="shortcut icon" type="image/png" href="assets/images/favicon.png">
<title>Logistika - Transportation & Logistics HTML Template</title>
<link href="assets/css/themify-icons.css" rel="stylesheet">
<link href="assets/css/flaticon_logistics.css" rel="stylesheet">
<link href="assets/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/css/animate.css" rel="stylesheet">
<link href="assets/css/owl.carousel.css" rel="stylesheet">
<link href="assets/css/owl.theme.css" rel="stylesheet">
<link href="assets/css/slick.css" rel="stylesheet">
<link href="assets/css/slick-theme.css" rel="stylesheet">
<link href="assets/css/swiper.min.css" rel="stylesheet">
<link href="assets/css/owl.transitions.css" rel="stylesheet">
<link href="assets/css/jquery.fancybox.css" rel="stylesheet">
<link href="assets/css/odometer-theme-default.css" rel="stylesheet">
<link href="assets/sass/style.css" rel="stylesheet">
</head>
<body>
<!-- start page-wrapper -->
<div class="page-wrapper">
<!-- start preloader -->
<div class="preloader">
<div class="vertical-centered-box">
<div class="content">
<div class="loader-circle"></div>
<div class="loader-line-mask">
<div class="loader-line"></div>
</div>
<img src="assets/images/preloader.png" alt="">
</div>
</div>
</div>
<!-- end preloader -->
<!-- Start header -->
<header id="header">
<div class="topbar">
<div class="container-fluid">
<div class="row align-items-center">
<div class="col-lg-5 col-12">
<ul class="contact-info">
<li>
<i class="ti-email"></i><span>support@logistika.com</span>
</li>
<li>
<a href="tel:+887869587496">
<i class="flaticon-call"></i><span>+88 7869 5874 96</span>
</a>
</li>
</ul>
</div>
<div class="col-lg-7 col-12">
<div class="contact-into">
<div class="language-selector">
<select id="languageSelect">
<option value="en" data-icon="assets/images/language/1.svg">English</option>
<option value="sp" data-icon="assets/images/language/2.svg">Spanish</option>
</select>
<div class="custom-select-wrapper">
<div class="custom-select"></div>
<div class="custom-arrow"><i class="flaticon-down"></i></div>
</div>
<div class="custom-options"></div>
</div>
<div class="pryment-selector">
<select>
<option value="usd">USD</option>
<option value="aud">AUD</option>
</select>
</div>
<ul class="social-media">
<li><span>Follow Us :</span></li>
<li><a href="#"><i class="flaticon-facebook-app-symbol"></i></a></li>
<li><a href="#"><i class="flaticon-linkedin-big-logo"></i></a></li>
<li><a href="#"><i class="flaticon-twitter"></i></a></li>
<li><a href="#"><i class="flaticon-vimeo"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- end topbar -->
<div class="wpo-site-header">
<nav class="navigation navbar navbar-expand-lg navbar-light">
<div class="container-fluid">
<div class="row align-items-center">
<div class="col-lg-3 col-md-3 col-3 d-lg-none dl-block">
<div class="mobail-menu">
<button type="button" class="navbar-toggler open-btn">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar first-angle"></span>
<span class="icon-bar middle-angle"></span>
<span class="icon-bar last-angle"></span>
</button>
</div>
</div>
<div class="col-lg-2 col-md-6 col-6">
<div class="navbar-header">
<a class="navbar-brand" href="index-2.html"><img src="assets/images/logo.svg"
alt=""></a>
</div>
</div>
<div class="col-lg-7 col-md-1 col-1">
<div id="navbar" class="collapse navbar-collapse navigation-holder">
<button class="menu-close"><i class="ti-close"></i></button>
<ul class="nav navbar-nav mb-2 mb-lg-0">
<li class="menu-item-has-children">
<a href="#">Home</a>
<ul class="sub-menu">
<li><a href="index-2.html">Home style 1</a></li>
<li><a href="index-3.html">Home style 2</a></li>
<li><a href="index-4.html">Home style 3</a></li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="#">Pages</a>
<ul class="sub-menu">
<li><a href="about.html">About</a></li>
<li class="menu-item-has-children">
<a href="#">Project</a>
<ul class="sub-menu">
<li><a href="project.html">Project style 1</a></li>
<li><a href="project-2.html">Project style 2</a></li>
<li><a href="project-3.html">Project style 3</a></li>
<li><a href="project-single.html">Project Single</a></li>
</ul>
</li>
<li><a href="pricing.html">Pricing</a></li>
<li><a href="tracking.html">Tracking</a></li>
<li><a href="team.html">Team</a></li>
<li><a href="faq.html">FAQ</a></li>
<li><a href="404.html">404 Error</a></li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="#">services </a>
<ul class="sub-menu">
<li><a href="services.html">services </a></li>
<li><a href="air-transport.html">air transport</a></li>
<li><a href="road-transport.html">road transport</a></li>
<li><a href="ocean-transport.html">ocean transport</a></li>
<li><a href="train-transport.html">train transport</a></li>
<li><a href="services-single.html">services Single</a></li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="#">Shop</a>
<ul class="sub-menu">
<li><a href="shop.html">Shop</a></li>
<li><a href="shop-single.html">Shop Single</a></li>
<li><a href="cart.html">Cart</a></li>
<li><a href="checkout.html">Checkout</a></li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="#">Blog</a>
<ul class="sub-menu">
<li><a href="blog.html">Blog right sidebar</a></li>
<li><a href="blog-left-sidebar.html">Blog left sidebar</a></li>
<li><a href="blog-fullwidth.html">Blog fullwidth</a></li>
<li class="menu-item-has-children">
<a href="#">Blog details</a>
<ul class="sub-menu">
<li><a href="blog-single.html">Blog details right sidebar</a>
</li>
<li><a href="blog-single-left-sidebar.html">Blog details left
sidebar</a></li>
<li><a href="blog-single-fullwidth.html">Blog details
fullwidth</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
<!-- end of nav-collapse -->
</div>
<div class="col-lg-3 col-md-2 col-2">
<div class="header-right">
<a href="tel:+025757576560" class="call">
<div class="icon">
<img src="assets/images/call.svg" alt="">
</div>
<div class="text">
<span>Phone:</span>
<h4>+88 1900 6789 56</h4>
</div>
</a>
<div class="header-search-form-wrapper">
<div class="cart-search-contact">
<button class="search-toggle-btn"><i
class="fi flaticon-search"></i></button>
<div class="header-search-form">
<form>
<div>
<input type="text" class="form-control"
placeholder="Search here...">
<button type="submit"><i
class="fi flaticon-search"></i></button>
</div>
</form>
</div>
</div>
</div>
<div class="close-form">
<a class="theme-btn" href="contact.html">Get an quate <i
class="flaticon-next"></i></a>
</div>
</div>
</div>
</div>
</div><!-- end of container -->
</nav>
</div>
</header>
<!-- end of header -->
<!-- start wpo-page-title -->
<section class="wpo-breadcumb-area">
<div class="container">
<div class="row">
<div class="col col-xs-12">
<div class="wpo-breadcumb-wrap">
<h2>Internation Logistics</h2>
<h3>Services</h3>
</div>
</div>
</div>
</div>
</section>
<!-- end page-title -->
<!-- start of wpo-service-section-s4 -->
<section class="wpo-service-section-s4 section-padding">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6 col-12">
<div class="wpo-section-title">
<h2>Trusted transport service</h2>
<h3>Transport & Logistics
Services We are the best</h3>
</div>
</div>
<div class="col-lg-6 col-12">
<div class="service-btn">
<a href="services-single.html" class="theme-btn">All Services</a>
</div>
</div>
</div>
</div>
<div class="service-slider-s2">
<div class="service-card-s2">
<div class="icon">
<img src="assets/images/service/icon-1.svg" alt="">
</div>
<div class="content">
<h2><a href="services-single.html">Maritime transportation</a></h2>
<p>Logistika is the worlds driving worldwide coordinations supplier — we uphold
industry and exchange the worldwide trade of .</p>
<div class="services-btn">
<a href="services-single.html">See Details </a>
</div>
</div>
<div class="top-shape">
<img src="assets/images/service/top-shape.svg" alt="">
</div>
<div class="bottom-shape">
<img src="assets/images/service/bottom-shape.svg" alt="">
</div>
</div>
<div class="service-card-s2">
<div class="icon">
<img src="assets/images/service/icon-2.svg" alt="">
</div>
<div class="content">
<h2><a href="services-single.html">Train Transportation</a></h2>
<p>Logistika is the worlds driving worldwide coordinations supplier — we uphold
industry and exchange the worldwide trade of .</p>
<div class="services-btn">
<a href="services-single.html">See Details </a>
</div>
</div>
<div class="top-shape">
<img src="assets/images/service/top-shape.svg" alt="">
</div>
<div class="bottom-shape">
<img src="assets/images/service/bottom-shape.svg" alt="">
</div>
</div>
<div class="service-card-s2">
<div class="icon">
<img src="assets/images/service/icon-3.svg" alt="">
</div>
<div class="content">
<h2><a href="services-single.html">Cargo Ship Freight</a></h2>
<p>Logistika is the worlds driving worldwide coordinations supplier — we uphold
industry and exchange the worldwide trade of .</p>
<div class="services-btn">
<a href="services-single.html">See Details </a>
</div>
</div>
<div class="top-shape">
<img src="assets/images/service/top-shape.svg" alt="">
</div>
<div class="bottom-shape">
<img src="assets/images/service/bottom-shape.svg" alt="">
</div>
</div>
<div class="service-card-s2">
<div class="icon">
<img src="assets/images/service/icon-4.svg" alt="">
</div>
<div class="content">
<h2><a href="services-single.html">Cargo Ship Freight</a></h2>
<p>Logistika is the worlds driving worldwide coordinations supplier — we uphold
industry and exchange the worldwide trade of .</p>
<div class="services-btn">
<a href="services-single.html">See Details </a>
</div>
</div>
<div class="top-shape">
<img src="assets/images/service/top-shape.svg" alt="">
</div>
<div class="bottom-shape">
<img src="assets/images/service/bottom-shape.svg" alt="">
</div>
</div>
<div class="service-card-s2">
<div class="icon">
<img src="assets/images/service/icon-5.svg" alt="">
</div>
<div class="content">
<h2><a href="services-single.html">Flight Transportation</a></h2>
<p>Logistika is the worlds driving worldwide coordinations supplier — we uphold
industry and exchange the worldwide trade of .</p>
<div class="services-btn">
<a href="services-single.html">See Details </a>
</div>
</div>
<div class="top-shape">
<img src="assets/images/service/top-shape.svg" alt="">
</div>
<div class="bottom-shape">
<img src="assets/images/service/bottom-shape.svg" alt="">
</div>
</div>
</div>
</section>
<!-- end of wpo-service-section-s4 -->
<!-- stert of wpo-funfact-section -->
<section class="wpo-funfact-section section-padding">
<div class="container">
<div class="titel-image">
<h1>Logistisc</h1>
<h3>Manufacturing software that goes beyondthe benchmark</h3>
</div>
<div class="row">
<div class="col-lg-3 col-md-6 col-12">
<div class="item">
<h2><span class="odometer" data-count="100"></span>+</h2>
<h3>Cities we have connected</h3>
</div>
</div>
<div class="col-lg-3 col-md-6 col-12">
<div class="item">
<h2><span class="odometer" data-count="1"></span>.<span class="odometer"
data-count="2"></span>m</h2>
<h3>Deliver goods every week</h3>
</div>
</div>
<div class="col-lg-3 col-md-6 col-12">
<div class="item">
<h2><span class="odometer" data-count="10"></span>types</h2>
<h3>Delivery transit system</h3>
</div>
</div>
<div class="col-lg-3 col-md-6 col-12">
<div class="item">
<h2><span class="odometer" data-count="95"></span>%</h2>
<h3>Clients Positive review</h3>
</div>
</div>
</div>
</div>
</section>
<!-- end of wpo-funfact-section -->
<!-- start of wpo-service-section -->
<section class="wpo-service-section section-padding">
<div class="container">
<div class="row align-items-end">
<div class="col-lg-7 col-12">
<div class="wpo-section-title">
<h2>Trusted transport service</h2>
<h3>Transport & Logistics
Services We are the best</h3>
</div>
</div>
<div class="col-lg-5 col-12">
<div class="service-all-btn">
<a href="services.html" class="theme-btn">All Services</a>
</div>
</div>
</div>
</div>
<div class="container-fluid g-0">
<div class="service-slider owl-carousel">
<div class="service-card">
<img class="image" src="assets/images/service/1.jpg" alt="">
<div class="content">
<i class="flaticon-road-with-broken-line"></i>
<div class="text">
<span>01</span>
<h2><a href="services-single.html">Road Freight Service</a></h2>
<p>Sed ut perspiciatis unde is
voluptatem accusant</p>
<a href="services-single.html" class="service-single-link">
<i class="flaticon-right-arrow"></i>
</a>
</div>
</div>
</div>
<div class="service-card">
<img class="image" src="assets/images/service/2.jpg" alt="">
<div class="content">
<i class="flaticon-air-plane"></i>
<div class="text">
<span>02</span>
<h2><a href="services-single.html">Intermodal Shipping</a></h2>
<p>Sed ut perspiciatis unde is
voluptatem accusant</p>
<a href="services-single.html" class="service-single-link">
<i class="flaticon-right-arrow"></i>
</a>
</div>
</div>
</div>
<div class="service-card">
<img class="image" src="assets/images/service/3.jpg" alt="">
<div class="content">
<i class="flaticon-boat-with-containers"></i>
<div class="text">
<span>03</span>
<h2><a href="services-single.html">Maritime transportation</a></h2>
<p>Sed ut perspiciatis unde is
voluptatem accusant</p>
<a href="services-single.html" class="service-single-link">
<i class="flaticon-right-arrow"></i>
</a>
</div>
</div>
</div>
<div class="service-card">
<img class="image" src="assets/images/service/1.jpg" alt="">
<div class="content">
<i class="flaticon-road-with-broken-line"></i>
<div class="text">
<span>01</span>
<h2><a href="services-single.html">Road Freight Service</a></h2>
<p>Sed ut perspiciatis unde is
voluptatem accusant</p>
<a href="services-single.html" class="service-single-link">
<i class="flaticon-right-arrow"></i>
</a>
</div>
</div>
</div>
<div class="service-card">
<img class="image" src="assets/images/service/2.jpg" alt="">
<div class="content">
<i class="flaticon-air-plane"></i>
<div class="text">
<span>02</span>
<h2><a href="services-single.html">Intermodal Shipping</a></h2>
<p>Sed ut perspiciatis unde is
voluptatem accusant</p>
<a href="services-single.html" class="service-single-link">
<i class="flaticon-right-arrow"></i>
</a>
</div>
</div>
</div>
<div class="service-card">
<img class="image" src="assets/images/service/3.jpg" alt="">
<div class="content">
<i class="flaticon-boat-with-containers"></i>
<div class="text">
<span>03</span>
<h2><a href="services-single.html">Maritime transportation</a></h2>
<p>Sed ut perspiciatis unde is
voluptatem accusant</p>
<a href="services-single.html" class="service-single-link">
<i class="flaticon-right-arrow"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- end of wpo-service-section -->
<!-- start of wpo-features-section-s2 -->
<section class="wpo-features-section-s2">
<div class="top-wraper">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6 col-12">
<div class="wpo-section-title">
<h2>Trusted transport service</h2>
<h3>Logistics features
that we can provideing</h3>
</div>
</div>
<div class="col-lg-6 col-12">
<div class="f-btn">
<a href="services.html" class="theme-btn">All Services</a>
</div>
</div>
</div>
</div>
</div>
<div class="bottom-wraper">
<div class="container">
<div class="bottom-content">
<div class="row">
<div class="col-lg-4 col-12">
<div class="item">
<div class="icon">
<i class="flaticon-distribution-center"></i>
</div>
<div class="content">
<h3>Warehouse</h3>
<p>Warehouse: hub for storage, distribution, and logistics.</p>
</div>
</div>
</div>
<div class="col-lg-4 col-12">
<div class="item">
<div class="icon">
<i class="flaticon-customer-support-1"></i>
</div>
<div class="content">
<h3>Support 24/7</h3>
<p>Warehouse: hub for storage, distribution, and logistics.</p>
</div>
</div>
</div>
<div class="col-lg-4 col-12">
<div class="item">
<div class="icon">
<i class="flaticon-delivery-box"></i>
</div>
<div class="content">
<h3>Cargo Insurance</h3>
<p>Warehouse: hub for storage, distribution, and logistics.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- end of wpo-features-section-s2 -->
<Section class="wpo-testimonial-section-s2 s4 section-padding">
<div class="container">
<div class="testimonial-wrap testimonial-slider">
<div class="image slider-for">
<div class="item">
<span class="feedback"><i class="flaticon-mark"></i></span>
<img src="assets/images/testimonial/3.jpg" alt="">
<ul>
<li><i class="flaticon-star"></i></li>
<li><i class="flaticon-star"></i></li>
<li><i class="flaticon-star"></i></li>
<li><i class="flaticon-star"></i></li>
<li><i class="flaticon-star"></i></li>
</ul>
</div>
<div class="item">
<span class="feedback"><i class="flaticon-mark"></i></span>
<img src="assets/images/testimonial/4.jpg" alt="">
<ul>
<li><i class="flaticon-star"></i></li>
<li><i class="flaticon-star"></i></li>
<li><i class="flaticon-star"></i></li>
<li><i class="flaticon-star"></i></li>
<li><i class="flaticon-star"></i></li>
</ul>
</div>
</div>
<div class="content-wrap">
<div class="slider-nav">
<div class="content">
<p>Climb the mountain not to plant your flag but to
embrace the ways challenge, enjoy the air, and
behold the. Climb it see the world, not so the
world can see you. This is due to their excellent
service competitive pricing</p>
<div class="client-name">
<h4>Robert J. Hare/</h4>
<span>Freight Manager</span>
</div>
</div>
<div class="content">
<p>
I recently used for my logistics needs, and I am
thoroughly impressed with their exceptional service. I contacted
them, team demonstrated and making the entire
process smooth and hassle-free.
</p>
<div class="client-name">
<h4>Robert J. Hare/</h4>
<span>Freight Manager</span>
</div>
</div>
</div>
</div>
</div>
</div>
</Section>
<!--start of wpo-blog-section -->
<section class="wpo-blog-section section-padding">
<div class="bg-img">
<img src="assets/images/blog/bg-img.png" alt="">
</div>
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-6 col-12">
<div class="wpo-section-title">
<h2>Trusted transport service</h2>
<h3>Get Every Single Updates
News & Blog</h3>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-4 col-md-6 col-12">
<div class="blog-card">
<img src="assets/images/blog/img-1.jpg" alt="">
<div class="content">
<div class="date">
<h3>20</h3>
<span>Sep</span>
</div>
<div class="text">
<span>Transport</span>
<h2><a href="blog-single.html">Streamlining Global Supply Chains Our
Logistics
Solutions</a></h2>
</div>
<ul class="comment">
<li><i class="flaticon-profile"></i> <span>Roger J. Spaulding</span></li>
<li><i class="flaticon-comments"></i> <span>Comments(5)</span></li>
</ul>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-12">
<div class="blog-card">
<img src="assets/images/blog/img-2.jpg" alt="">
<div class="content">
<div class="date">
<h3>28</h3>
<span>Sep</span>
</div>
<div class="text">
<span>Transport</span>
<h2><a href="blog-single.html">Lead Analyst for Transportation Network and
Logistics</a></h2>
</div>
<ul class="comment">
<li><i class="flaticon-profile"></i> <span>Roger J. Spaulding</span></li>
<li><i class="flaticon-comments"></i> <span>Comments(5)</span></li>
</ul>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-12">
<div class="blog-card">
<img src="assets/images/blog/img-3.jpg" alt="">
<div class="content">
<div class="date">
<h3>30</h3>
<span>Sep</span>
</div>
<div class="text">
<span>Transport</span>
<h2><a href="blog-single.html">Efficient Transport Management Strategies for
Businesses</a></h2>
</div>
<ul class="comment">
<li><i class="flaticon-profile"></i> <span>Roger J. Spaulding</span></li>
<li><i class="flaticon-comments"></i> <span>Comments(5)</span></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
<!--end of wpo-blog-section -->
<!--start of wpo-map-section -->
<section class="wpo-map-section">
<h2 class="hidden">Contact map</h2>
<div class="wpo-map">
<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d193595.9147703055!2d-74.11976314309273!3d40.69740344223377!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c24fa5d33f083b%3A0xc80b8f06e177fe62!2sNew+York%2C+NY%2C+USA!5e0!3m2!1sen!2sbd!4v1547528325671"
allowfullscreen></iframe>
</div>
</section>
<!--end of wpo-map-section -->
<!--start of wpo-cta-section-s2 -->
<div class="wpo-cta-section-s2">
<div class="container">
<div class="cta-wrapr">
<div class="wpo-section-title">
<h2>Trusted transport service</h2>
<h3>Transport & Logistics
proejcts that we providde</h3>
<a href="contact.html" class="theme-btn">Contact support</a>
</div>
<div class="contact-info">
<div class="item">
<div class="icon">
<i class="flaticon-phone-call"></i>
</div>
<div class="text">
<span>Call For Inquiry</span>
<p>+236 (456) 896 22</p>
</div>
</div>
<div class="item">
<div class="icon">
<i class="flaticon-email"></i>
</div>
<div class="text">
<span>Send Us Email</span>
<p>contact@logistika.com</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!--end of wpo-cta-section-s2 -->
<!-- start of wpo-site-footer-section -->
<footer class="wpo-site-footer-s2">
<div class="wpo-upper-footer">
<div class="container">
<div class="row">
<div class="col col-lg-3 col-md-6 col-sm-12 col-12">
<div class="widget address-widget">
<div class="widget-title">
<h3>Address</h3>
</div>
<p>570 8th Ave, New York,NY 10018
United States</p>
<h4>Opening Hours</h4>
<ul>
<li>9.30am 6.30pm</li>
<li>Monday to Friday</li>
</ul>
</div>
</div>
<div class="col col-lg-3 col-md-6 col-sm-12 col-12">
<div class="widget link-widget">
<div class="widget-title">
<h3>Services</h3>
</div>
<ul>
<li><a href="services-single.html">Electronics Industry</a></li>
<li><a href="services-single.html">Industrial & Manufacturing</a></li>
<li><a href="services-single.html">Semicon & Solar</a></li>
<li><a href="services-single.html">Oil & Gas Cargo</a></li>
<li><a href="services-single.html">ship & cargo services</a></li>
<li><a href="services-single.html">Maritime transportation</a></li>
</ul>
</div>
</div>
<div class="col col-lg-3 col-md-6 col-sm-12 col-12">
<div class="widget link-widget">
<div class="widget-title">
<h3>Useful links</h3>
</div>
<ul>
<li><a href="services-single.html">How it Works</a></li>
<li><a href="services-single.html">Help Link</a></li>
<li><a href="services-single.html">Terms & Conditions</a></li>
<li><a href="services-single.html">Contact Us</a></li>
<li><a href="services-single.html">Privacy Policy</a></li>
</ul>
</div>
</div>
<div class="col col-lg-3 col-md-6 col-sm-12 col-12">
<div class="widget newsletter-widget">
<div class="widget-title">
<h3>newsletter</h3>
</div>
<div class="newsletter">
<form class="form-fild">
<input class="fild" type="email" placeholder="Enter Email Adress">
<button type="submit"><i class="flaticon-arrowhead-up"></i></button>
<div class="terms">
<input type="checkbox" id="Insurance">
<label for="Insurance">I agree all your <a href="#">terms</a> and
policies</label>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="wpo-lower-footer">
<div class="container">
<div class="row g-0 align-items-center">
<div class="col col-lg-2 col-12">
<div class="logo">
<img src="assets/images/logo-2.svg" alt="blog">
</div>
</div>
<div class="col col-lg-6 col-12">
<p class="copyright"> &copy; 2024 <a href="index-2.html">wpOcean</a> - Logistics service. All
rights reserved.</p>
</div>
<div class="col col-lg-4 col-12">
<ul>
<li><a href="#"><img src="assets/images/banck/1.png" alt=""></a></li>
<li><a href="#"><img src="assets/images/banck/2.png" alt=""></a></li>
<li><a href="#"><img src="assets/images/banck/3.png" alt=""></a></li>
<li><a href="#"><img src="assets/images/banck/4.png" alt=""></a></li>
<li><a href="#"><img src="assets/images/banck/5.png" alt=""></a></li>
<li><a href="#"><img src="assets/images/banck/6.png" alt=""></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="bg-image">
<img src="assets/images/footer-bg-s2.jpg" alt="">
</div>
<div class="shape">
<svg width="191" height="208" viewBox="0 0 191 208" fill="none">
<path d="M125.53 208.291H118.13L0 12.271V0.00102234L125.53 208.291Z" fill="white" />
<path d="M0 43.1711L99.93 209.121H0V43.1711Z" fill="#FF7236" />
<path d="M190.33 209.121H138.45L68.9102 93.7311H120.79L190.33 209.121Z" fill="#144754" />
<path d="M98.0897 69.1602H72.8097L38.9297 12.9402H64.2097L98.0897 69.1602Z" fill="#FF7236" />
</svg>
</div>
</footer>
<!-- end of wpo-site-footer-section -->
</div>
<!-- end of page-wrapper -->
<!-- All JavaScript files
================================================== -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/bootstrap.bundle.min.js"></script>
<!-- Plugins for this template -->
<script src="assets/js/modernizr.custom.js"></script>
<script src="assets/js/jquery.dlmenu.js"></script>
<script src="assets/js/jquery-plugin-collection.js"></script>
<!-- Custom script for this template -->
<script src="assets/js/script.js"></script>
</body>
<!-- Mirrored from wpocean.com/html/tf/logistika/services.html by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 29 Aug 2024 05:23:26 GMT -->
</html>

524
shop.html
View File

@ -1,524 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<!-- Mirrored from wpocean.com/html/tf/logistika/shop.html by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 29 Aug 2024 05:23:29 GMT -->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="author" content="wpOceans">
<link rel="shortcut icon" type="image/png" href="assets/images/favicon.png">
<title>Logistika - Transportation & Logistics HTML Template</title>
<link href="assets/css/themify-icons.css" rel="stylesheet">
<link href="assets/css/flaticon_logistics.css" rel="stylesheet">
<link href="assets/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/css/animate.css" rel="stylesheet">
<link href="assets/css/owl.carousel.css" rel="stylesheet">
<link href="assets/css/owl.theme.css" rel="stylesheet">
<link href="assets/css/slick.css" rel="stylesheet">
<link href="assets/css/slick-theme.css" rel="stylesheet">
<link href="assets/css/swiper.min.css" rel="stylesheet">
<link href="assets/css/owl.transitions.css" rel="stylesheet">
<link href="assets/css/jquery.fancybox.css" rel="stylesheet">
<link href="assets/css/odometer-theme-default.css" rel="stylesheet">
<link href="assets/sass/style.css" rel="stylesheet">
</head>
<body>
<!-- start page-wrapper -->
<div class="page-wrapper">
<!-- start preloader -->
<div class="preloader">
<div class="vertical-centered-box">
<div class="content">
<div class="loader-circle"></div>
<div class="loader-line-mask">
<div class="loader-line"></div>
</div>
<img src="assets/images/preloader.png" alt="">
</div>
</div>
</div>
<!-- end preloader -->
<!-- Start header -->
<header id="header">
<div class="topbar">
<div class="container-fluid">
<div class="row align-items-center">
<div class="col-lg-5 col-12">
<ul class="contact-info">
<li>
<i class="ti-email"></i><span>support@logistika.com</span>
</li>
<li>
<a href="tel:+887869587496">
<i class="flaticon-call"></i><span>+88 7869 5874 96</span>
</a>
</li>
</ul>
</div>
<div class="col-lg-7 col-12">
<div class="contact-into">
<div class="language-selector">
<select id="languageSelect">
<option value="en" data-icon="assets/images/language/1.svg">English</option>
<option value="sp" data-icon="assets/images/language/2.svg">Spanish</option>
</select>
<div class="custom-select-wrapper">
<div class="custom-select"></div>
<div class="custom-arrow"><i class="flaticon-down"></i></div>
</div>
<div class="custom-options"></div>
</div>
<div class="pryment-selector">
<select>
<option value="usd">USD</option>
<option value="aud">AUD</option>
</select>
</div>
<ul class="social-media">
<li><span>Follow Us :</span></li>
<li><a href="#"><i class="flaticon-facebook-app-symbol"></i></a></li>
<li><a href="#"><i class="flaticon-linkedin-big-logo"></i></a></li>
<li><a href="#"><i class="flaticon-twitter"></i></a></li>
<li><a href="#"><i class="flaticon-vimeo"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- end topbar -->
<div class="wpo-site-header">
<nav class="navigation navbar navbar-expand-lg navbar-light">
<div class="container-fluid">
<div class="row align-items-center">
<div class="col-lg-3 col-md-3 col-3 d-lg-none dl-block">
<div class="mobail-menu">
<button type="button" class="navbar-toggler open-btn">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar first-angle"></span>
<span class="icon-bar middle-angle"></span>
<span class="icon-bar last-angle"></span>
</button>
</div>
</div>
<div class="col-lg-2 col-md-6 col-6">
<div class="navbar-header">
<a class="navbar-brand" href="index-2.html"><img src="assets/images/logo.svg"
alt=""></a>
</div>
</div>
<div class="col-lg-7 col-md-1 col-1">
<div id="navbar" class="collapse navbar-collapse navigation-holder">
<button class="menu-close"><i class="ti-close"></i></button>
<ul class="nav navbar-nav mb-2 mb-lg-0">
<li class="menu-item-has-children">
<a href="#">Home</a>
<ul class="sub-menu">
<li><a href="index-2.html">Home style 1</a></li>
<li><a href="index-3.html">Home style 2</a></li>
<li><a href="index-4.html">Home style 3</a></li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="#">Pages</a>
<ul class="sub-menu">
<li><a href="about.html">About</a></li>
<li class="menu-item-has-children">
<a href="#">Project</a>
<ul class="sub-menu">
<li><a href="project.html">Project style 1</a></li>
<li><a href="project-2.html">Project style 2</a></li>
<li><a href="project-3.html">Project style 3</a></li>
<li><a href="project-single.html">Project Single</a></li>
</ul>
</li>
<li><a href="pricing.html">Pricing</a></li>
<li><a href="tracking.html">Tracking</a></li>
<li><a href="team.html">Team</a></li>
<li><a href="faq.html">FAQ</a></li>
<li><a href="404.html">404 Error</a></li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="#">services </a>
<ul class="sub-menu">
<li><a href="services.html">services </a></li>
<li><a href="services-s2.html">services Style 2</a></li>
<li><a href="services-s3.html">services Style 3</a></li>
<li><a href="air-transport.html">air transport</a></li>
<li><a href="road-transport.html">road transport</a></li>
<li><a href="ocean-transport.html">ocean transport</a></li>
<li><a href="train-transport.html">train transport</a></li>
<li><a href="services-single.html">services Single</a></li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="#">Shop</a>
<ul class="sub-menu">
<li><a href="shop.html">Shop</a></li>
<li><a href="shop-single.html">Shop Single</a></li>
<li><a href="cart.html">Cart</a></li>
<li><a href="checkout.html">Checkout</a></li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="#">Blog</a>
<ul class="sub-menu">
<li><a href="blog.html">Blog right sidebar</a></li>
<li><a href="blog-left-sidebar.html">Blog left sidebar</a></li>
<li><a href="blog-fullwidth.html">Blog fullwidth</a></li>
<li class="menu-item-has-children">
<a href="#">Blog details</a>
<ul class="sub-menu">
<li><a href="blog-single.html">Blog details right sidebar</a>
</li>
<li><a href="blog-single-left-sidebar.html">Blog details left
sidebar</a></li>
<li><a href="blog-single-fullwidth.html">Blog details
fullwidth</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
<!-- end of nav-collapse -->
</div>
<div class="col-lg-3 col-md-2 col-2">
<div class="header-right">
<a href="tel:+025757576560" class="call">
<div class="icon">
<img src="assets/images/call.svg" alt="">
</div>
<div class="text">
<span>Phone:</span>
<h4>+88 1900 6789 56</h4>
</div>
</a>
<div class="header-search-form-wrapper">
<div class="cart-search-contact">
<button class="search-toggle-btn"><i
class="fi flaticon-search"></i></button>
<div class="header-search-form">
<form>
<div>
<input type="text" class="form-control"
placeholder="Search here...">
<button type="submit"><i
class="fi flaticon-search"></i></button>
</div>
</form>
</div>
</div>
</div>
<div class="close-form">
<a class="theme-btn" href="contact.html">Get an quate <i
class="flaticon-next"></i></a>
</div>
</div>
</div>
</div>
</div><!-- end of container -->
</nav>
</div>
</header>
<!-- end of header -->
<!-- start wpo-page-title -->
<section class="wpo-breadcumb-area">
<div class="container">
<div class="row">
<div class="col col-xs-12">
<div class="wpo-breadcumb-wrap">
<h2>Internation Logistics</h2>
<h3>Shop</h3>
</div>
</div>
</div>
</div>
</section>
<!-- end page-title -->
<!-- start wpo-shop-section -->
<section class="wpo-shop-section section-padding">
<div class="container">
<div class="row">
<div class="col col-xs-12">
<div class="shop-grids clearfix">
<div class="grid">
<div class="img-holder">
<img src="assets/images/shop/1.jpg" alt>
</div>
<div class="details">
<h3><a href="shop-single.html">Show Piece</a></h3>
<del>$45.00</del><span>$42.00</span>
<div class="add-to-cart">
<a href="#">Add to cart </a>
</div>
</div>
</div>
<div class="grid">
<div class="img-holder">
<img src="assets/images/shop/2.jpg" alt>
</div>
<div class="details">
<h3><a href="shop-single.html">Leather Belt</a></h3>
<del>$95.00</del><span>$82.00</span>
<div class="add-to-cart">
<a href="#">Add to cart </a>
</div>
</div>
</div>
<div class="grid">
<div class="img-holder">
<img src="assets/images/shop/3.jpg" alt>
</div>
<div class="details">
<h3><a href="shop-single.html">Sunglasses</a></h3>
<del>$45.00</del><span>$32.00</span>
<div class="add-to-cart">
<a href="#">Add to cart </a>
</div>
</div>
</div>
<div class="grid">
<div class="img-holder">
<img src="assets/images/shop/4.jpg" alt>
</div>
<div class="details">
<h3><a href="shop-single.html">Backpack</a></h3>
<del>$35.00</del><span>$22.00</span>
<div class="add-to-cart">
<a href="#">Add to cart </a>
</div>
</div>
</div>
<div class="grid">
<div class="img-holder">
<img src="assets/images/shop/5.jpg" alt>
</div>
<div class="details">
<h3><a href="shop-single.html">Hand Watch</a></h3>
<del>$28.00</del><span>$22.00</span>
<div class="add-to-cart">
<a href="#">Add to cart </a>
</div>
</div>
</div>
<div class="grid">
<div class="img-holder">
<img src="assets/images/shop/6.jpg" alt>
</div>
<div class="details">
<h3><a href="shop-single.html">Party Bag</a></h3>
<del>$22.00</del><span>$12.00</span>
<div class="add-to-cart">
<a href="#">Add to cart </a>
</div>
</div>
</div>
</div>
<div class="pagination-wrapper pagination-wrapper-center">
<ul class="pg-pagination">
<li>
<a href="#" aria-label="Previous">
<i class="ti-angle-left"></i>
</a>
</li>
<li class="active"><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li>
<a href="#" aria-label="Next">
<i class="ti-angle-right"></i>
</a>
</li>
</ul>
</div>
</div>
</div>
</div> <!-- end container -->
</section>
<!-- end wpo-shop-section -->
<!--start of wpo-map-section -->
<section class="wpo-map-section">
<h2 class="hidden">Contact map</h2>
<div class="wpo-map">
<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d193595.9147703055!2d-74.11976314309273!3d40.69740344223377!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c24fa5d33f083b%3A0xc80b8f06e177fe62!2sNew+York%2C+NY%2C+USA!5e0!3m2!1sen!2sbd!4v1547528325671"
allowfullscreen></iframe>
</div>
</section>
<!--end of wpo-map-section -->
<!--start of wpo-cta-section-s2 -->
<div class="wpo-cta-section-s2">
<div class="container">
<div class="cta-wrapr">
<div class="wpo-section-title">
<h2>Trusted transport service</h2>
<h3>Transport & Logistics
proejcts that we providde</h3>
<a href="contact.html" class="theme-btn">Contact support</a>
</div>
<div class="contact-info">
<div class="item">
<div class="icon">
<i class="flaticon-phone-call"></i>
</div>
<div class="text">
<span>Call For Inquiry</span>
<p>+236 (456) 896 22</p>
</div>
</div>
<div class="item">
<div class="icon">
<i class="flaticon-email"></i>
</div>
<div class="text">
<span>Send Us Email</span>
<p>contact@logistika.com</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!--end of wpo-cta-section-s2 -->
<!-- start of wpo-site-footer-section -->
<footer class="wpo-site-footer-s2">
<div class="wpo-upper-footer">
<div class="container">
<div class="row">
<div class="col col-lg-3 col-md-6 col-sm-12 col-12">
<div class="widget address-widget">
<div class="widget-title">
<h3>Address</h3>
</div>
<p>570 8th Ave, New York,NY 10018
United States</p>
<h4>Opening Hours</h4>
<ul>
<li>9.30am 6.30pm</li>
<li>Monday to Friday</li>
</ul>
</div>
</div>
<div class="col col-lg-3 col-md-6 col-sm-12 col-12">
<div class="widget link-widget">
<div class="widget-title">
<h3>Services</h3>
</div>
<ul>
<li><a href="services-single.html">Electronics Industry</a></li>
<li><a href="services-single.html">Industrial & Manufacturing</a></li>
<li><a href="services-single.html">Semicon & Solar</a></li>
<li><a href="services-single.html">Oil & Gas Cargo</a></li>
<li><a href="services-single.html">ship & cargo services</a></li>
<li><a href="services-single.html">Maritime transportation</a></li>
</ul>
</div>
</div>
<div class="col col-lg-3 col-md-6 col-sm-12 col-12">
<div class="widget link-widget">
<div class="widget-title">
<h3>Useful links</h3>
</div>
<ul>
<li><a href="services-single.html">How it Works</a></li>
<li><a href="services-single.html">Help Link</a></li>
<li><a href="services-single.html">Terms & Conditions</a></li>
<li><a href="services-single.html">Contact Us</a></li>
<li><a href="services-single.html">Privacy Policy</a></li>
</ul>
</div>
</div>
<div class="col col-lg-3 col-md-6 col-sm-12 col-12">
<div class="widget newsletter-widget">
<div class="widget-title">
<h3>newsletter</h3>
</div>
<div class="newsletter">
<form class="form-fild">
<input class="fild" type="email" placeholder="Enter Email Adress">
<button type="submit"><i class="flaticon-arrowhead-up"></i></button>
<div class="terms">
<input type="checkbox" id="Insurance">
<label for="Insurance">I agree all your <a href="#">terms</a> and
policies</label>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="wpo-lower-footer">
<div class="container">
<div class="row g-0 align-items-center">
<div class="col col-lg-2 col-12">
<div class="logo">
<img src="assets/images/logo-2.svg" alt="blog">
</div>
</div>
<div class="col col-lg-6 col-12">
<p class="copyright"> &copy; 2024 <a href="index-2.html">wpOcean</a> - Logistics service. All
rights reserved.</p>
</div>
<div class="col col-lg-4 col-12">
<ul>
<li><a href="#"><img src="assets/images/banck/1.png" alt=""></a></li>
<li><a href="#"><img src="assets/images/banck/2.png" alt=""></a></li>
<li><a href="#"><img src="assets/images/banck/3.png" alt=""></a></li>
<li><a href="#"><img src="assets/images/banck/4.png" alt=""></a></li>
<li><a href="#"><img src="assets/images/banck/5.png" alt=""></a></li>
<li><a href="#"><img src="assets/images/banck/6.png" alt=""></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="bg-image">
<img src="assets/images/footer-bg-s2.jpg" alt="">
</div>
<div class="shape">
<svg width="191" height="208" viewBox="0 0 191 208" fill="none">
<path d="M125.53 208.291H118.13L0 12.271V0.00102234L125.53 208.291Z" fill="white" />
<path d="M0 43.1711L99.93 209.121H0V43.1711Z" fill="#FF7236" />
<path d="M190.33 209.121H138.45L68.9102 93.7311H120.79L190.33 209.121Z" fill="#144754" />
<path d="M98.0897 69.1602H72.8097L38.9297 12.9402H64.2097L98.0897 69.1602Z" fill="#FF7236" />
</svg>
</div>
</footer>
<!-- end of wpo-site-footer-section -->
</div>
<!-- end of page-wrapper -->
<!-- All JavaScript files
================================================== -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/bootstrap.bundle.min.js"></script>
<!-- Plugins for this template -->
<script src="assets/js/modernizr.custom.js"></script>
<script src="assets/js/jquery.dlmenu.js"></script>
<script src="assets/js/jquery-plugin-collection.js"></script>
<!-- Custom script for this template -->
<script src="assets/js/script.js"></script>
</body>
<!-- Mirrored from wpocean.com/html/tf/logistika/shop.html by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 29 Aug 2024 05:23:32 GMT -->
</html>