Access_Website/pages/index-4.html
2024-08-29 11:17:32 +05:45

1378 lines
75 KiB
HTML
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.

<!DOCTYPE html>
<html lang="en">
<!-- Mirrored from wpocean.com/html/tf/logistika/index-3.html by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 29 Aug 2024 05:23:16 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="wpo-site-header wpo-site-header-s3">
<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 of hero-section-s3 -->
<section class="hero-section-s3">
<div class="container">
<div class="hero-wrap">
<div class="row">
<div class="col-lg-6 col-12">
<h2>Internation Logistics</h2>
<h3>Flexible <span>logistic</span>
& cargo service</h3>
<p>We are a flexible logistics and cargo service provider, offering tailored solutions to
meet
diverse transportation and delivery needs efficiently.</p>
<div class="hero-btn">
<a href="about.html" class="theme-btn">LEt,s get started</a>
<a href="contact.html" class="contact-btn">Who we are <i class="flaticon-down"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="bg-image">
<img src="assets/images/slider/bg-img.jpg" alt="">
</div>
<div class="icon">
<img src="assets/images/slider/shape-1.svg" alt="">
</div>
<div class="shape-1">
<img src="assets/images/slider/shape-2.svg" alt="">
</div>
<div class="shape-2">
<img src="assets/images/slider/shape-3.svg" alt="">
</div>
<div class="left-img">
<img src="assets/images/slider/hero-img.jpg" alt="">
</div>
</section>
<!-- end of hero-section-s3 -->
<!-- start of wpo-get-quate-section-s2-->
<section class="wpo-get-quate-section-s2">
<div class="container">
<div class="row align-items-end">
<div class="col-lg-5 col-12">
<div class="quote-form">
<div class="title">
<h3>Request a quote form</h3>
</div>
<form id="quoteForm">
<div class="row">
<div class="item col-lg-12">
<label>Personal information</label>
<input class="form-control" type="text" name="name" id="name"
placeholder="Your Name">
</div>
<div class="item col-lg-6 col-12">
<input class="form-control" type="email" name="email" id="email"
placeholder="Email">
</div>
<div class="item col-lg-6 col-12">
<input class="form-control" type="text" name="phone" id="phone"
placeholder="Phone">
</div>
<div class="item col-lg-12">
<label>Delivery information</label>
<select name="city" id="city" class="form-control">
<option value="">Delivery City</option>
<option value="city1">City 1</option>
<option value="city2">City 2</option>
</select>
</div>
<div class="item col-lg-6 col-12">
<label>Freight Type</label>
<select name="type" id="type" class="form-control">
<option value="">Freight Type</option>
<option value="type1">Type 1</option>
<option value="type2">Type 2</option>
</select>
</div>
<div class="item col-lg-6 col-12">
<label>Incoterms</label>
<select name="incoter" id="incoter" class="form-control">
<option value="">Incoterms</option>
<option value="incoter1">Incoterm 1</option>
<option value="incoter2">Incoterm 2</option>
</select>
</div>
<div class="item col-12">
<ul>
<li>
<input type="checkbox" id="Fragile">
<label for="Fragile">Fragile</label>
</li>
<li>
<input type="checkbox" id="Express">
<label for="Express">Express delivery</label>
</li>
<li>
<input type="checkbox" id="Insurance">
<label for="Insurance">Insurance</label>
</li>
</ul>
</div>
<div class="item col-12">
<input class="theme-btn" type="submit" value="Get A Quote">
</div>
</div>
</form>
</div>
</div>
<div class="col-lg-7 col-12">
<div class="get-quate-content">
<div class="wpo-section-title">
<h2>Trusted transport service</h2>
<h3>Transportation service</h3>
<h4>" Every great dream begins with a dreamer. Always
remember, you have within you the strength, the
patience, and the passion to reach for the stars to
change the world. " </h4>
<span>Harriet Tubman</span>
<div class="avatar">
<ul class="image">
<li><img src="assets/images/avatar/1.jpg" alt=""></li>
<li><img src="assets/images/avatar/2.jpg" alt=""></li>
<li><img src="assets/images/avatar/3.jpg" alt=""></li>
<li><img src="assets/images/avatar/4.jpg" alt=""></li>
</ul>
<p>10m+ Trusted Global Customers</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- end of wpo-get-quate-section-s2-->
<!-- start of wpo-partner-section-s3 -->
<section class="wpo-partner-section-s3 section-padding">
<h2 class="d-none">partner</h2>
<div class="container">
<div class="row">
<div class="col col-xs-12">
<div class="partner-grids partners-slider owl-carousel clearfix">
<div class="grid">
<img src="assets/images/partners/img-1.png" alt="">
</div>
<div class="grid">
<img src="assets/images/partners/img-2.png" alt="">
</div>
<div class="grid">
<img src="assets/images/partners/img-3.png" alt="">
</div>
<div class="grid">
<img src="assets/images/partners/img-4.png" alt="">
</div>
<div class="grid">
<img src="assets/images/partners/img-5.png" alt="">
</div>
<div class="grid">
<img src="assets/images/partners/img-6.png" alt="">
</div>
</div>
</div>
</div>
</div>
</section>
<!-- end of wpo-partner-section-s3 -->
<!-- start of wpo-introCounter-section -->
<section class="wpo-introCounter-section section-padding pb-0">
<div class="container">
<div class="top-content">
<div class="count-wrap">
<div class="count-item">
<h2 class="odometer" data-count="200">0</h2>
<p>Daily Customer</p>
</div>
<div class="count-item s2">
<h2 class="odometer" data-count="400">0</h2>
<p>Daily Customer</p>
</div>
</div>
</div>
<div class="bottom-content">
<p>The most advanced revenue than this. Iwill refer everyone I know What
I like Level more and more each day because it makes my life a lot excuse
easier. It really saves me time and effort off.vel is exactly what ou</p>
<a href="content.html"><i class="flaticon-right-arrow"></i></a>
</div>
</div>
<div class="bg-text ">
<h3>Transport & Logistics service</h3>
</div>
</section>
<!-- end of wpo-introCounter-section -->
<!-- start of wpo-features-section-s3 -->
<section class="wpo-features-section-s3 section-padding">
<div class="container">
<div class="row">
<div class="col col-lg-4 col-md-6 col-12">
<div class="feature-card-s3">
<span>01</span>
<img class="image" src="assets/images/feature/4.jpg" alt="">
<div class="content">
<i class="flaticon-worker"></i>
<div class="text">
<h2><a href="#">Expert Employees</a></h2>
<p>Our products are handcrafted and tested
with care, then hand mixed and hand
poured, inspired and connected to nature.</p>
<a href="#" class="feature-single-link">
View More
<i class="flaticon-right-arrow-1"></i>
</a>
</div>
</div>
</div>
</div>
<div class="col col-lg-4 col-md-6 col-12">
<div class="feature-card-s3">
<span>02</span>
<img class="image" src="assets/images/feature/4.jpg" alt="">
<div class="content">
<i class="flaticon-warehouse"></i>
<div class="text">
<h2><a href="#">Warehouse Facility</a></h2>
<p>Our products are handcrafted and tested
with care, then hand mixed and hand
poured, inspired and connected to nature.</p>
<a href="#" class="feature-single-link">
View More
<i class="flaticon-right-arrow-1"></i>
</a>
</div>
</div>
</div>
</div>
<div class="col col-lg-4 col-md-6 col-12">
<div class="feature-card-s3">
<span>03</span>
<img class="image" src="assets/images/feature/4.jpg" alt="">
<div class="content">
<i class="flaticon-air-plane"></i>
<div class="text">
<h2><a href="#">Priority Transportation</a></h2>
<p>Our products are handcrafted and tested
with care, then hand mixed and hand
poured, inspired and connected to nature.</p>
<a href="#" class="feature-single-link">
View More
<i class="flaticon-right-arrow-1"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- end of wpo-features-section-s3 -->
<!-- start of wpo-funfact-section-s2 -->
<section class="wpo-funfact-section-s3">
<div class="container">
<div class="wraper">
<div class="row g-0">
<div class="col col-lg-3 col-md-6 col-12">
<div class="item">
<i class="flaticon-warehouse"></i>
<h2><span class="odometer" data-count="560">0</span></h2>
<p>Main Warehouses</p>
</div>
</div>
<div class="col col-lg-3 col-md-6 col-12">
<div class="item">
<i class="flaticon-truck"></i>
<h2><span class="odometer" data-count="100">0</span>%</h2>
<p>Supply Engineers</p>
</div>
</div>
<div class="col col-lg-3 col-md-6 col-12">
<div class="item">
<i class="flaticon-globe"></i>
<h2><span class="odometer" data-count="3">0</span>m+</h2>
<p>Countries Covered</p>
</div>
</div>
<div class="col col-lg-3 col-md-6 col-12">
<div class="item">
<i class="flaticon-order"></i>
<h2><span class="odometer" data-count="30">0</span>+</h2>
<p>Total Services</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- end of wpo-funfact-section-s2 -->
<!-- start of wpo-service-section-s3 -->
<section class="wpo-service-section-s3 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-s3 -->
<!-- stert of wpo-get-quate-section-s3 -->
<section class="wpo-get-quate-section-s3 section-padding">
<div class="container">
<div class="row">
<div class="col-lg-7 col-12">
<div class="content">
<div class="wpo-section-title">
<h2>Trusted transport service</h2>
<h3>Transportation service
area often considerd</h3>
</div>
<div class="text">
<p>Business is the activity of making one's living or making money by
producing or buying and selling products</p>
</div>
<ul>
<li>
<div class="icon">
<i class="flaticon-delivery"></i>
</div>
<div class="icon-text">
<h2>Global Logistics Operation</h2>
<span>Never at water me might.
hunted unable merely by</span>
</div>
</li>
<li>
<div class="icon">
<i class="flaticon-tracking"></i>
</div>
<div class="icon-text">
<h2>Online Tracking System</h2>
<span>Never at water me might.
hunted unable merely by</span>
</div>
</li>
</ul>
<ul>
<li>
<div class="icon">
<i class="flaticon-warehouse-1"></i>
</div>
<div class="icon-text">
<h2>Modern Warehousing Techniq</h2>
<span>Never at water me might.
hunted unable merely by</span>
</div>
</li>
<li>
<div class="icon">
<i class="flaticon-customer-support"></i>
</div>
<div class="icon-text">
<h2>Great logistical support.</h2>
<span>Never at water me might.
hunted unable merely by</span>
</div>
</li>
</ul>
</div>
</div>
<div class="col-lg-5 col-12">
<div class="left-content">
<div class="wrap">
<div class="progres-card">
<div class="block">
<div class="box"></div>
<p class="number">
<span class="num">99</span>
<span class="sub">%</span>
</p>
<svg class="svg">
<defs>
<linearGradient id="gradientStyle">
<stop offset="100%" stop-color="#0B3742" />
<stop offset="100%" stop-color="#0B3742" />
</linearGradient>
</defs>
<circle class="circle" cx="65" cy="65" r="55" />
</svg>
</div>
<div class="content">
<h3>Dedicated Speed</h3>
<span>End to end fiber optic cable
nnectivity for stable</span>
</div>
</div>
<div class="progres-card">
<div class="block">
<div class="box"></div>
<p class="number">
<span class="num">99</span>
<span class="sub">%</span>
</p>
<svg class="svg">
<defs>
<linearGradient id="gradientStyle">
<stop offset="100%" stop-color="#0B3742" />
<stop offset="100%" stop-color="#0B3742" />
</linearGradient>
</defs>
<circle class="circle" cx="65" cy="65" r="55" />
</svg>
</div>
<div class="content">
<h3>Gaurateed Uptime</h3>
<span>End to end fiber optic cable
nnectivity for stable</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="shape">
<svg width="191" height="210" viewBox="0 0 191 210" 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="#0B3742" />
<path d="M98.0897 69.1611H72.8097L38.9297 12.9411H64.2097L98.0897 69.1611Z" fill="#FF7236" />
</svg>
</div>
</section>
<!-- end of wpo-get-quate-section-s3 -->
<!-- start of wpo-pricing-section-s2 -->
<section class="wpo-pricing-section-s2 section-padding">
<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>Our business pricing plan
you might like</h3>
</div>
</div>
</div>
<div class="row">
<div class="col col-lg-4 col-md-6 col-12">
<div class="pric-card-s2">
<div class="title">
<h3>Normal Plan</h3>
<span>Save 20%</span>
</div>
<div class="mid-title">
<h3>30<span>Mbps</span></h3>
<h4>UNLIMITED TRAFFIC</h4>
</div>
<ul>
<li>Container shipping</li>
<li>Storage for goods</li>
<li>Coverage for goods</li>
<li>Hazardous materials handling</li>
<li>Expedited delivery</li>
</ul>
<div class="pric-btn">
<h4>1,599 Tk/<span>mo</span></h4>
<div class="shape">
<svg width="126" height="6" viewBox="0 0 126 6" fill="none">
<path
d="M0.901114 4.45546C42.064 3.00123 82.9905 2.77009 124.124 5.1296C125.562 5.21628 125.542 3.04938 124.124 2.94345C83.2564 -0.061317 41.6799 -0.147993 0.901114 4.00282C0.605616 4.03171 0.595766 4.46509 0.901114 4.45546Z"
fill="#FF7236" />
</svg>
</div>
</div>
<a href="#" class="theme-btn">Get started</a>
</div>
</div>
<div class="col col-lg-4 col-md-6 col-12">
<div class="pric-card-s2">
<div class="title">
<h3>Medium Plan</h3>
<span>Save 20%</span>
</div>
<div class="mid-title">
<h3>30<span>Mbps</span></h3>
<h4>UNLIMITED TRAFFIC</h4>
</div>
<ul>
<li>Container shipping</li>
<li>Storage for goods</li>
<li>Coverage for goods</li>
<li>Hazardous materials handling</li>
<li>Expedited delivery</li>
</ul>
<div class="pric-btn">
<h4>1,599 Tk/<span>mo</span></h4>
<div class="shape">
<svg width="126" height="6" viewBox="0 0 126 6" fill="none">
<path
d="M0.901114 4.45546C42.064 3.00123 82.9905 2.77009 124.124 5.1296C125.562 5.21628 125.542 3.04938 124.124 2.94345C83.2564 -0.061317 41.6799 -0.147993 0.901114 4.00282C0.605616 4.03171 0.595766 4.46509 0.901114 4.45546Z"
fill="#FF7236" />
</svg>
</div>
</div>
<a href="#" class="theme-btn">Get started</a>
</div>
</div>
<div class="col col-lg-4 col-md-6 col-12">
<div class="pric-card-s2">
<div class="title">
<h3>Premium Plan</h3>
<span>Save 20%</span>
</div>
<div class="mid-title">
<h3>30<span>Mbps</span></h3>
<h4>UNLIMITED TRAFFIC</h4>
</div>
<ul>
<li>Container shipping</li>
<li>Storage for goods</li>
<li>Coverage for goods</li>
<li>Hazardous materials handling</li>
<li>Expedited delivery</li>
</ul>
<div class="pric-btn">
<h4>1,599 Tk/<span>mo</span></h4>
<div class="shape">
<svg width="126" height="6" viewBox="0 0 126 6" fill="none">
<path
d="M0.901114 4.45546C42.064 3.00123 82.9905 2.77009 124.124 5.1296C125.562 5.21628 125.542 3.04938 124.124 2.94345C83.2564 -0.061317 41.6799 -0.147993 0.901114 4.00282C0.605616 4.03171 0.595766 4.46509 0.901114 4.45546Z"
fill="#FF7236" />
</svg>
</div>
</div>
<a href="#" class="theme-btn">Get started</a>
</div>
</div>
</div>
</div>
<div class="shape-rigth">
<img src="assets/images/pric-shape-3.png" alt="">
</div>
</section>
<!-- end of wpo-pricing-section-s2 -->
<!-- start of wpo-project-section-s3 -->
<section class="wpo-project-section-s3">
<div class="container-fulid">
<div class="project-wrap">
<div class="row">
<div class="col-lg-3 col-md-6 col-12">
<div class="project-card-s2">
<div class="image">
<img src="assets/images/project/8.jpg" alt="">
</div>
<div class="content">
<div class="text">
<h2><a href="project-single.html">Bulk shipping savings</a></h2>
<p>Transport</p>
</div>
<a href="project-single.html" class="icon">
<i class="flaticon-right-arrow"></i>
</a>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-12">
<div class="project-card-s2">
<div class="image">
<img src="assets/images/project/9.jpg" alt="">
</div>
<div class="content">
<div class="text">
<h2><a href="project-single.html">Bulk shipping savings</a></h2>
<p>Transport</p>
</div>
<a href="project-single.html" class="icon">
<i class="flaticon-right-arrow"></i>
</a>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-12">
<div class="project-card-s2">
<div class="image">
<img src="assets/images/project/10.jpg" alt="">
</div>
<div class="content">
<div class="text">
<h2><a href="project-single.html">Bulk shipping savings</a></h2>
<p>Transport</p>
</div>
<a href="project-single.html" class="icon">
<i class="flaticon-right-arrow"></i>
</a>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-12">
<div class="project-card-s2">
<div class="image">
<img src="assets/images/project/11.jpg" alt="">
</div>
<div class="content">
<div class="text">
<h2><a href="project-single.html">Bulk shipping savings</a></h2>
<p>Transport</p>
</div>
<a href="project-single.html" class="icon">
<i class="flaticon-right-arrow"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- end of wpo-project-section-s3 -->
<!-- start of wpo-process-section-s3 -->
<section class="wpo-process-section-s3">
<div class="container">
<div class="wrape">
<div class="item">
<div class="icon">
<i class="flaticon-order"></i>
<span>01</span>
</div>
<h2>Enter your product Details</h2>
<div class="shape">
<img src="assets/images/process-arrow-shape.svg" alt="">
</div>
</div>
<div class="item">
<div class="icon">
<i class="flaticon-boxes"></i>
<span>02</span>
</div>
<h2>Pay your Service Tag</h2>
<div class="shape">
<img src="assets/images/process-arrow-shape.svg" alt="">
</div>
</div>
<div class="item">
<div class="icon">
<i class="flaticon-product-return-1"></i>
<span>03</span>
</div>
<h2>Ready to go Your Goods</h2>
<div class="shape">
<img src="assets/images/process-arrow-shape.svg" alt="">
</div>
</div>
<div class="item">
<div class="icon">
<i class="flaticon-truck"></i>
<span>04</span>
</div>
<h2>Delivery your product</h2>
<div class="shape">
<img src="assets/images/process-arrow-shape.svg" alt="">
</div>
</div>
</div>
</div>
<div class="shape">
<svg width="191" height="210" viewBox="0 0 191 210" 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="#0B3742" />
<path d="M98.0897 69.1602H72.8097L38.9297 12.9402H64.2097L98.0897 69.1602Z" fill="#FF7236" />
</svg>
</div>
</section>
<!-- end of wpo-process-section-s3 -->
<!-- start of wpo-testimonial-section-s3 -->
<section class="wpo-testimonial-section-s3 section-padding">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6 col-12">
<div class="content-wrap testimonial-slider-s3">
<div class="wpo-section-title">
<h2>Trusted electricity Care</h2>
<h3>What Our Clients Says</h3>
</div>
<div class="slider-nav-s2">
<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>There are many variations of passages of Lorem Ipsum available, but the majority
have suffered alteration in some form, by injected humour, or randomised words
which don't look even slightly believable.</p>
<div class="client-name">
<h4>Robert J. Hare/</h4>
<span>Freight Manager</span>
</div>
</div>
<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>There are many variations of passages of Lorem Ipsum available, but the majority
have suffered alteration in some form, by injected humour, or randomised words
which don't look even slightly believable.</p>
<div class="client-name">
<h4>Robert J. Hare/</h4>
<span>Freight Manager</span>
</div>
</div>
</div>
<div class="img-slider slider-for-s2">
<div class="image">
<img src="assets/images/testimonial/5.jpg" alt="">
</div>
<div class="image">
<img src="assets/images/testimonial/6.jpg" alt="">
</div>
<div class="image">
<img src="assets/images/testimonial/7.jpg" alt="">
</div>
<div class="image">
<img src="assets/images/testimonial/6.jpg" alt="">
</div>
</div>
</div>
</div>
<div class="col-lg-6 col-12">
<div class="left-image">
<img src="assets/images/testimonial/left-img.jpg" alt="">
<span class="feedback"><img src="assets/images/testimonial/feedback.svg" alt="">
Feedback</span>
<div class="shape">
<img src="assets/images/testimonial/shape-1.png" alt="">
</div>
</div>
</div>
</div>
</div>
<div class="shape-2">
<img src="assets/images/testimonial/shape-2.svg" alt="">
</div>
<div class="shape-3">
<img src="assets/images/testimonial/shape-3.svg" alt="">
</div>
</section>
<!-- end of wpo-testimonial-section-s3 -->
<!-- start of wpo-faq-section-s2 -->
<section class="wpo-faq-section-s2 section-padding">
<div class="container">
<div class="row justify-content-end">
<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 class="accordion">
<div class="accordion-item">
<button class="accordion-header">How to learn digital marketing?</button>
<div class="accordion-content">
<p>Ne summo dictas pertinacia nam. Illum cetero vocent ei vim, case regione
signiferumque vim te. Ex mea quem munere lobortis. Duis aute irure dolor in
reprehenderit in voluptate velit esse cillum.</p>
</div>
</div>
<div class="accordion-item active">
<button class="accordion-header">Can I use the demos made by Ewebot?</button>
<div class="accordion-content">
<p>Ne summo dictas pertinacia nam. Illum cetero vocent ei vim, case regione
signiferumque vim te. Ex mea quem munere lobortis. Duis aute irure dolor in
reprehenderit in voluptate velit esse cillum.</p>
</div>
</div>
<div class="accordion-item">
<button class="accordion-header">Why didnt you showcase my submission?</button>
<div class="accordion-content">
<p>Ne summo dictas pertinacia nam. Illum cetero vocent ei vim, case regione
signiferumque vim te. Ex mea quem munere lobortis. Duis aute irure dolor in
reprehenderit in voluptate velit esse cillum.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="shape">
<svg width="100%" height="100%" viewBox="0 0 579 909" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M358.873 909L277 382L87.7578 760V909H358.873Z"
fill="#1C7991" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M0.703125 909L465.828 0L304.102 569.065L207.458 909H0.703125Z" fill="#FF7236" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M579.001 0L304.154 571.371L466.229 0H579.001Z"
fill="#124855" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M369.718 0L280.523 361.342L465.827 0H369.718Z"
fill="#1C7990" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M364.445 446.031L443.443 909H358.413L304.154 571.128L364.445 446.031Z" fill="#FFCB37" />
</svg>
</div>
<div class="shape-right">
<svg width="170" height="189" viewBox="0 0 170 189" fill="none">
<path d="M57.9913 187.379H64.6136L170.33 11.9574V0.976797L57.9913 187.379Z" fill="white" />
<path d="M170.33 39.6097L80.9011 188.121H170.33V39.6097Z" fill="#FF7236" />
<path d="M-0.000549824 188.121H46.4277L108.66 84.8567H62.2319L-0.000549824 188.121Z"
fill="#0B3742" />
<path d="M82.549 62.8691H105.172L135.492 12.557H112.869L82.549 62.8691Z" fill="#FF7236" />
</svg>
</div>
<div class="icon">
<img src="assets/images/faq-icon.svg" alt="">
</div>
</section>
<!-- end of wpo-faq-section-s2 -->
<!--start of wpo-cta-section-s2 -->
<div class="wpo-cta-section-s3">
<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-blog-section-s3 -->
<section class="wpo-blog-section-s3 section-padding">
<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-s3">
<div class="image">
<img src="assets/images/blog/img-7.jpg" alt="">
<span>Business</span>
</div>
<div class="content">
<ul class="comment">
<li><i class="flaticon-calendar"></i> <span>12 Apr 2024</span></li>
<li><i class="flaticon-comments"></i> <span>Comments(5)</span></li>
</ul>
<h2>
<a href="blog-single.html">Global Head of Transportation and Logistics
Coordination</a>
</h2>
<div class="blog-btn-content">
<a href="blog-single.html">Read More <i class="flaticon-right-arrow-1"></i></a>
<div class="icon">
<img src="assets/images/blog/heart.svg" alt="">
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-12">
<div class="blog-card-s3">
<div class="image">
<img src="assets/images/blog/img-8.jpg" alt="">
<span>Business</span>
</div>
<div class="content">
<ul class="comment">
<li><i class="flaticon-calendar"></i> <span>12 Apr 2024</span></li>
<li><i class="flaticon-comments"></i> <span>Comments(5)</span></li>
</ul>
<h2>
<a href="blog-single.html">Principal Transportation and Logistics Network
Analyst</a>
</h2>
<div class="blog-btn-content">
<a href="blog-single.html">Read More <i class="flaticon-right-arrow-1"></i></a>
<div class="icon">
<img src="assets/images/blog/heart.svg" alt="">
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-12">
<div class="blog-card-s3">
<div class="image">
<img src="assets/images/blog/img-9.jpg" alt="">
<span>Business</span>
</div>
<div class="content">
<ul class="comment">
<li><i class="flaticon-calendar"></i> <span>12 Apr 2024</span></li>
<li><i class="flaticon-comments"></i> <span>Comments(5)</span></li>
</ul>
<h2>
<a href="blog-single.html">Providing solutions for Industrial
ment, and restoration.</a>
</h2>
<div class="blog-btn-content">
<a href="blog-single.html">Read More <i class="flaticon-right-arrow-1"></i></a>
<div class="icon">
<img src="assets/images/blog/heart.svg" alt="">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--end of wpo-blog-section-s3 -->
<!-- start of wpo-site-footer-section -->
<footer class="wpo-site-footer-s3">
<div class="footer-socialicon">
<ul>
<li><i class="flaticon-facebook-app-symbol"></i> <span>Facebook</span></li>
<li><i class="flaticon-twitter"></i> <span>Twitter</span></li>
<li><i class="ti-pinterest-alt"></i> <span>Pinterest</span></li>
<li><i class="flaticon-linkedin-big-logo"></i> <span>Linkedin</span></li>
<li><i class="flaticon-vimeo"></i> <span>Vimeo</span></li>
</ul>
</div>
<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 newsletter-s2">
<div class="widget-title">
<h3>Subscribe Newsletter</h3>
</div>
<p>These agencies specialize leveraging various digital channels, such as social media
advertising</p>
<form class="form-fild">
<input class="fild" type="email" placeholder="Email Address">
<button type="submit"><i class="flaticon-right-arrow"></i></button>
</form>
</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 locations-widget">
<div class="widget-title">
<h3>Locations</h3>
</div>
<p>55 Main Street, 2nd block
Malborne, Australia</p>
<ul>
<li>Contact</li>
<li>support@logistika.com</li>
<li>+880 (123) 456 88</li>
</ul>
</div>
</div>
</div>
</div>
<div class="footer-map">
<img src="assets/images/footer-map.svg" alt="">
</div>
</div>
<div class="wpo-lower-footer">
<div class="container">
<div class="row">
<div class="col col-xs-12">
<p class="copyright"> &copy; 2024 <a href="index-2.html">wpOcean</a> - Logistics service. All
rights reserved.</p>
</div>
</div>
</div>
</div>
<div class="bg-image">
<img src="assets/images/footer-bg.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>
<div class="shape-right">
<img src="assets/images/shape-right.svg" alt="">
</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/index-3.html by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 29 Aug 2024 05:23:24 GMT -->
</html>