1641 lines
95 KiB
HTML
1641 lines
95 KiB
HTML
|
<!DOCTYPE html>
|
|||
|
|
<html lang="en">
|
|||
|
|
|
|||
|
|
|
|||
|
|
<!-- Mirrored from wpocean.com/html/tf/logistika/index-2.html by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 29 Aug 2024 05:23:09 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" class="wpo-site-header-s2">
|
|||
|
|
<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="flaticon-location"></i><span>55 Main Street, 2nd block, Malborne
|
|||
|
|
,Australia</span>
|
|||
|
|
</li>
|
|||
|
|
<li>
|
|||
|
|
<div class="language-selector">
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-lg-7 col-12">
|
|||
|
|
<div class="contact-into">
|
|||
|
|
<ul class="social-help">
|
|||
|
|
<li><a href="#">Help</a></li>
|
|||
|
|
<li><a href="#">Support</a></li>
|
|||
|
|
<li><a href="#">Faqs</a></li>
|
|||
|
|
</ul>
|
|||
|
|
<ul class="social-media">
|
|||
|
|
<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-2.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">
|
|||
|
|
<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="mini-cart">
|
|||
|
|
<button class="cart-toggle-btn"> <i class="flaticon-shopping-cart"></i> <span
|
|||
|
|
class="cart-count">2</span></button>
|
|||
|
|
<div class="mini-cart-content">
|
|||
|
|
<button class="mini-cart-close"><i class="ti-close"></i></button>
|
|||
|
|
<div class="mini-cart-items">
|
|||
|
|
<div class="mini-cart-item clearfix">
|
|||
|
|
<div class="mini-cart-item-image">
|
|||
|
|
<a href="shop.html"><img
|
|||
|
|
src="assets/images/shop/mini-cart/img-1.jpg" alt></a>
|
|||
|
|
</div>
|
|||
|
|
<div class="mini-cart-item-des">
|
|||
|
|
<a href="shop.html">Show Piece</a>
|
|||
|
|
<span class="mini-cart-item-price">$20.15 x 1</span>
|
|||
|
|
<span class="mini-cart-item-quantity"><a href="#"><i
|
|||
|
|
class="ti-close"></i></a></span>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="mini-cart-item clearfix">
|
|||
|
|
<div class="mini-cart-item-image">
|
|||
|
|
<a href="shop.html"><img
|
|||
|
|
src="assets/images/shop/mini-cart/img-2.jpg" alt></a>
|
|||
|
|
</div>
|
|||
|
|
<div class="mini-cart-item-des">
|
|||
|
|
<a href="shop.html">Digital Oximeter</a>
|
|||
|
|
<span class="mini-cart-item-price">$13.25 x 2</span>
|
|||
|
|
<span class="mini-cart-item-quantity"><a href="#"><i
|
|||
|
|
class="ti-close"></i></a></span>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="mini-cart-action clearfix">
|
|||
|
|
<span class="mini-checkout-price">Subtotal: <span>$215.14</span></span>
|
|||
|
|
<div class="mini-btn">
|
|||
|
|
<a href="checkout.html" class="view-cart-btn s1">Checkout</a>
|
|||
|
|
<a href="cart.html" class="view-cart-btn">View Cart</a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="close-form">
|
|||
|
|
<a class="theme-btn" href="contact.html">Get a Quate</a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div><!-- end of container -->
|
|||
|
|
</nav>
|
|||
|
|
</div>
|
|||
|
|
</header>
|
|||
|
|
<!-- end of header -->
|
|||
|
|
|
|||
|
|
<!-- start of hero-section-s2 -->
|
|||
|
|
<section class="hero hero-slider-wrapper hero-style-1">
|
|||
|
|
<div class="hero-slider-s2">
|
|||
|
|
<div class="slide">
|
|||
|
|
<div class="container">
|
|||
|
|
<div class="row">
|
|||
|
|
<div class="col col-xl-7 col-lg-9 col-sm-12 slide-caption">
|
|||
|
|
<div class="slide-title-sub">
|
|||
|
|
<h5>Internation Logistics</h5>
|
|||
|
|
</div>
|
|||
|
|
<div class="slide-title">
|
|||
|
|
<h2>Flexible Transport
|
|||
|
|
Logistics service
|
|||
|
|
provider</h2>
|
|||
|
|
</div>
|
|||
|
|
<div class="slide-subtitle">
|
|||
|
|
<p>world’s driving worldwide coordinations supplier we uphold industry and exchange
|
|||
|
|
the worldwide trade of about dummy merchandise through land transport.</p>
|
|||
|
|
</div>
|
|||
|
|
<div class="btns">
|
|||
|
|
<a href="services.html" class="theme-btn">All Services</a>
|
|||
|
|
<a href="about.html" class="hero-btn"><span>Learn More</span> <i
|
|||
|
|
class="ti-angle-right"></i></a>
|
|||
|
|
</div>
|
|||
|
|
<div class="slider-pic">
|
|||
|
|
<img src="assets/images/slider/1.png" alt="">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="slide">
|
|||
|
|
<div class="container">
|
|||
|
|
<div class="row">
|
|||
|
|
<div class="col col-xl-7 col-lg-9 col-sm-12 slide-caption">
|
|||
|
|
<div class="slide-title-sub">
|
|||
|
|
<h5>Internation Logistics</h5>
|
|||
|
|
</div>
|
|||
|
|
<div class="slide-title">
|
|||
|
|
<h2>Flexible Transport
|
|||
|
|
Logistics service
|
|||
|
|
provider</h2>
|
|||
|
|
</div>
|
|||
|
|
<div class="slide-subtitle">
|
|||
|
|
<p>world’s driving worldwide coordinations supplier we uphold industry and exchange
|
|||
|
|
the worldwide trade of about dummy merchandise through land transport.</p>
|
|||
|
|
</div>
|
|||
|
|
<div class="btns">
|
|||
|
|
<a href="services.html" class="theme-btn">All Services</a>
|
|||
|
|
<a href="about.html" class="hero-btn"><span>Learn More</span> <i
|
|||
|
|
class="ti-angle-right"></i></a>
|
|||
|
|
</div>
|
|||
|
|
<div class="slider-pic">
|
|||
|
|
<img src="assets/images/slider/2.png" alt="">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
<div class="shape">
|
|||
|
|
<img src="assets/images/slider/shape-4.svg" alt="">
|
|||
|
|
</div>
|
|||
|
|
<div class="shape-img"></div>
|
|||
|
|
</section>
|
|||
|
|
<!-- end of hero-section-s2 -->
|
|||
|
|
|
|||
|
|
<!-- start of wpo-track-section-s2 -->
|
|||
|
|
<section class="wpo-track-section">
|
|||
|
|
<div class="container">
|
|||
|
|
<div class="cta-wrap">
|
|||
|
|
<div class="tracking">
|
|||
|
|
<h2>Track your shipment</h2>
|
|||
|
|
<form>
|
|||
|
|
<input type="text" placeholder="Enter your tracking id">
|
|||
|
|
<button type="submit" class="theme-btn">Track order</button>
|
|||
|
|
</form>
|
|||
|
|
</div>
|
|||
|
|
<ul class="funfact">
|
|||
|
|
<li>
|
|||
|
|
<h2><span class="odometer" data-count="853"></span>+</h2>
|
|||
|
|
<p>Countries
|
|||
|
|
Represented</p>
|
|||
|
|
<div class="shape">
|
|||
|
|
<svg viewBox="0 0 213 216" fill="none">
|
|||
|
|
<path d="M0 0H213V216H0V0Z" fill="white" fill-opacity="0.07" />
|
|||
|
|
</svg>
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
<li>
|
|||
|
|
<h2><span class="odometer" data-count="32"></span>+</h2>
|
|||
|
|
<p>Countries Covered</p>
|
|||
|
|
<div class="shape">
|
|||
|
|
<svg viewBox="0 0 213 216" fill="none">
|
|||
|
|
<path d="M0 0H213V216H0V0Z" fill="#281D1D" fill-opacity="0.07" />
|
|||
|
|
</svg>
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</section>
|
|||
|
|
<!-- end of wpo-track -section-s2 -->
|
|||
|
|
|
|||
|
|
<!-- start of wpo-service-section-s2 -->
|
|||
|
|
<section class="wpo-service-section-s2 section-padding">
|
|||
|
|
<div class="container">
|
|||
|
|
<div class="row justify-content-center">
|
|||
|
|
<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>
|
|||
|
|
<div class="row">
|
|||
|
|
<div class="col-lg-4 col-md-6 col-12">
|
|||
|
|
<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 world’s 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>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-lg-4 col-md-6 col-12">
|
|||
|
|
<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 world’s 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>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-lg-4 col-md-6 col-12">
|
|||
|
|
<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 world’s 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>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</section>
|
|||
|
|
<!-- end of wpo-service-section-s2 -->
|
|||
|
|
|
|||
|
|
<!-- start of wpo-funfact-section-s2 -->
|
|||
|
|
<section class="wpo-funfact-section-s2 section-padding">
|
|||
|
|
<h3 class="d-none"> section title</h3>
|
|||
|
|
<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">00</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">00</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">00</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">00</span>+</h2>
|
|||
|
|
<p>Total Services</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="left-shape">
|
|||
|
|
<img src="assets/images/left-shape-fun.svg" alt="">
|
|||
|
|
</div>
|
|||
|
|
<div class="right-shape">
|
|||
|
|
<img src="assets/images/right-shape-fun.svg" alt="">
|
|||
|
|
</div>
|
|||
|
|
</section>
|
|||
|
|
<!-- end of wpo-funfact-section-s2 -->
|
|||
|
|
|
|||
|
|
<!-- start of wpo-about-section-s2 -->
|
|||
|
|
<section class="wpo-about-section-s2">
|
|||
|
|
<div class="container">
|
|||
|
|
<div class="row">
|
|||
|
|
<div class="col-lg-6 col-12">
|
|||
|
|
<div class="about-left">
|
|||
|
|
<h3>The early <span>Since 1998</span></h3>
|
|||
|
|
<div class="people">
|
|||
|
|
<h2><span class="odometer" data-count="20"></span>k+</h2>
|
|||
|
|
<p>Disabilty <br>
|
|||
|
|
People</p>
|
|||
|
|
</div>
|
|||
|
|
<div class="shape">
|
|||
|
|
<img src="assets/images/about-shape.svg" alt="">
|
|||
|
|
</div>
|
|||
|
|
<div class="image">
|
|||
|
|
<img src="assets/images/about/ab6.jpg" alt="">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-lg-6 col-12">
|
|||
|
|
<div class="about-content">
|
|||
|
|
<div class="wpo-section-title">
|
|||
|
|
<h2>Trusted transport service</h2>
|
|||
|
|
<h3>Transport & Logistics
|
|||
|
|
Services We are the best</h3>
|
|||
|
|
</div>
|
|||
|
|
<p>Logistika is the world's leading global logistics provider — we expertly facilitate
|
|||
|
|
industry and commerce in the international exchange of goods through land transport.
|
|||
|
|
</p>
|
|||
|
|
<ul>
|
|||
|
|
<li>
|
|||
|
|
<i class="flaticon-logistics"></i>
|
|||
|
|
<h3>Domestic and
|
|||
|
|
International Service</h3>
|
|||
|
|
</li>
|
|||
|
|
<li>
|
|||
|
|
<i class="flaticon-nanotechnology"></i>
|
|||
|
|
<h3>End to End Tracking
|
|||
|
|
Service system</h3>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
<ul class="logistics">
|
|||
|
|
<li>Dedicated Transport wise</li>
|
|||
|
|
<li>Domestics & Logistics</li>
|
|||
|
|
</ul>
|
|||
|
|
|
|||
|
|
<div class="about-btn">
|
|||
|
|
<div class="btn-1">
|
|||
|
|
<a href="about.html" class="theme-btn">Explore more about <i
|
|||
|
|
class="ti-angle-right"></i></a>
|
|||
|
|
</div>
|
|||
|
|
<div class="author">
|
|||
|
|
<div class="image">
|
|||
|
|
<img src="assets/images/about/profile.jpg" alt="">
|
|||
|
|
</div>
|
|||
|
|
<div class="text">
|
|||
|
|
<img src="assets/images/about/signature.png" alt="">
|
|||
|
|
<span>Ceo & Founder</span>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="right-img">
|
|||
|
|
<img src="assets/images/about/ab7.png" alt="">
|
|||
|
|
</div>
|
|||
|
|
</section>
|
|||
|
|
<!-- end of wpo-about-section-s2 -->
|
|||
|
|
|
|||
|
|
<!-- start of wpo-request-quate-section -->
|
|||
|
|
<section class="wpo-request-quate-section">
|
|||
|
|
<div class="container">
|
|||
|
|
<div class="title">
|
|||
|
|
<h1>Transport</h1>
|
|||
|
|
</div>
|
|||
|
|
<div class="tab-wrap">
|
|||
|
|
<div class="tab">
|
|||
|
|
<button class="tablinks" onclick="openTab(event, 'Tab1')">Request a quate</button>
|
|||
|
|
<button class="tablinks" onclick="openTab(event, 'Tab2')">Track & Trace</button>
|
|||
|
|
</div>
|
|||
|
|
<div id="Tab1" class="tabcontent">
|
|||
|
|
<div class="tab-wraper">
|
|||
|
|
<div class="form-wrap">
|
|||
|
|
<form id="shippingForm">
|
|||
|
|
<div class="row align-items-end">
|
|||
|
|
<div class="col-12">
|
|||
|
|
<div class="row align-items-end">
|
|||
|
|
<div class="col-lg-5 col-12">
|
|||
|
|
<div class="form-fild">
|
|||
|
|
<label for="fullName">Personal information</label>
|
|||
|
|
<input id="fullName" class="fild" type="text"
|
|||
|
|
placeholder="Full name" required>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-lg-7 col-12">
|
|||
|
|
<div class="row">
|
|||
|
|
<div class="col-lg-6 col-md-6 col-12">
|
|||
|
|
<div class="form-fild">
|
|||
|
|
<input id="email" class="fild" type="email"
|
|||
|
|
placeholder="Email address" required>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-lg-6 col-md-6 col-12">
|
|||
|
|
<div class="form-fild">
|
|||
|
|
<input id="subject" class="fild" type="text"
|
|||
|
|
placeholder="Subject" required>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-12">
|
|||
|
|
<div class="row align-items-end">
|
|||
|
|
<div class="col-lg-5 col-12">
|
|||
|
|
<div class="form-fild">
|
|||
|
|
<label for="freightType">Shipment Data</label>
|
|||
|
|
<select id="freightType" class="fild" required>
|
|||
|
|
<option value="" disabled selected>Freight Type</option>
|
|||
|
|
<option value="type1">Freight Type 1</option>
|
|||
|
|
<option value="type2">Freight Type 2</option>
|
|||
|
|
</select>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-lg-7 col-12">
|
|||
|
|
<div class="row">
|
|||
|
|
<div class="col-lg-6 col-md-6 col-12">
|
|||
|
|
<div class="form-fild">
|
|||
|
|
<input id="cityOfDeparture" class="fild" type="text"
|
|||
|
|
placeholder="City of departure" required>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-lg-6 col-md-6 col-12">
|
|||
|
|
<div class="form-fild">
|
|||
|
|
<input id="deliveryCity" class="fild" type="text"
|
|||
|
|
placeholder="Delivery City" required>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-12">
|
|||
|
|
<div class="row align-items-end">
|
|||
|
|
<div class="col-lg-4 col-12">
|
|||
|
|
<div class="form-fild">
|
|||
|
|
<select id="cityOfDeparture2" class="fild" required>
|
|||
|
|
<option value="" disabled selected>City of departure
|
|||
|
|
</option>
|
|||
|
|
<option value="city1">City 1</option>
|
|||
|
|
<option value="city2">City 2</option>
|
|||
|
|
</select>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-lg-8 col-12">
|
|||
|
|
<div class="row">
|
|||
|
|
<div class="col-lg-4 col-md-6 col-12">
|
|||
|
|
<div class="form-fild">
|
|||
|
|
<input id="weight" class="fild" type="number"
|
|||
|
|
placeholder="Weight, kg" required min="0">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-lg-4 col-md-6 col-12">
|
|||
|
|
<div class="form-fild">
|
|||
|
|
<input id="additionalDetails" class="fild" type="text"
|
|||
|
|
placeholder="Additional details">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-lg-4 col-12">
|
|||
|
|
<div class="form-fild">
|
|||
|
|
<input id="volume" class="fild" type="number"
|
|||
|
|
placeholder="Volume, m3" required min="0">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-lg-9 col-12">
|
|||
|
|
<div class="row chack">
|
|||
|
|
<div class="col-lg-3 col-md-6 col-12">
|
|||
|
|
<div class="form-fild s2">
|
|||
|
|
<input type="checkbox" id="expressDelivery">
|
|||
|
|
<label class="chack-leval" for="expressDelivery">Express
|
|||
|
|
delivery</label>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-lg-3 col-md-6 col-12">
|
|||
|
|
<div class="form-fild s2">
|
|||
|
|
<input type="checkbox" id="fragile">
|
|||
|
|
<label class="chack-leval" for="fragile">Fragile</label>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-lg-3 col-md-6 col-12">
|
|||
|
|
<div class="form-fild s2">
|
|||
|
|
<input type="checkbox" id="insurance1">
|
|||
|
|
<label class="chack-leval" for="insurance1">Insurance</label>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-lg-3 col-md-6 col-12">
|
|||
|
|
<div class="form-fild s2">
|
|||
|
|
<input type="checkbox" id="insurance2">
|
|||
|
|
<label class="chack-leval" for="insurance2">Insurance</label>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-12">
|
|||
|
|
<div class="form-fild mb-0">
|
|||
|
|
<button type="submit" class="theme-btn">Request For a Quote</button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</form>
|
|||
|
|
</div>
|
|||
|
|
<div class="video-content">
|
|||
|
|
<img src="assets/images/video-bg-1.jpg" alt="">
|
|||
|
|
<div class="video-holder">
|
|||
|
|
<a href="https://www.youtube.com/embed/7Jv48RQ_2gk" class="video-btn"
|
|||
|
|
data-type="iframe"><i class="flaticon-play-button-arrowhead"></i></a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div id="Tab2" class="tabcontent">
|
|||
|
|
<div class="tab-wraper">
|
|||
|
|
<div class="form-wrap">
|
|||
|
|
<form id="shippingForm">
|
|||
|
|
<div class="row align-items-end">
|
|||
|
|
<div class="col-12">
|
|||
|
|
<div class="row align-items-end">
|
|||
|
|
<div class="col-lg-5 col-12">
|
|||
|
|
<div class="form-fild">
|
|||
|
|
<label for="fullName">Personal information</label>
|
|||
|
|
<input id="fullName" class="fild" type="text"
|
|||
|
|
placeholder="Full name" required>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-lg-7 col-12">
|
|||
|
|
<div class="row">
|
|||
|
|
<div class="col-lg-6 col-md-6 col-12">
|
|||
|
|
<div class="form-fild">
|
|||
|
|
<input id="email" class="fild" type="email"
|
|||
|
|
placeholder="Email address" required>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-lg-6 col-md-6 col-12">
|
|||
|
|
<div class="form-fild">
|
|||
|
|
<input id="subject" class="fild" type="text"
|
|||
|
|
placeholder="Subject" required>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-12">
|
|||
|
|
<div class="row align-items-end">
|
|||
|
|
<div class="col-lg-5 col-12">
|
|||
|
|
<div class="form-fild">
|
|||
|
|
<label for="freightType">Shipment Data</label>
|
|||
|
|
<select id="freightType" class="fild" required>
|
|||
|
|
<option value="" disabled selected>Freight Type</option>
|
|||
|
|
<option value="type1">Freight Type 1</option>
|
|||
|
|
<option value="type2">Freight Type 2</option>
|
|||
|
|
</select>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-lg-7 col-12">
|
|||
|
|
<div class="row">
|
|||
|
|
<div class="col-lg-6 col-md-6 col-12">
|
|||
|
|
<div class="form-fild">
|
|||
|
|
<input id="cityOfDeparture" class="fild" type="text"
|
|||
|
|
placeholder="City of departure" required>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-lg-6 col-md-6 col-12">
|
|||
|
|
<div class="form-fild">
|
|||
|
|
<input id="deliveryCity" class="fild" type="text"
|
|||
|
|
placeholder="Delivery City" required>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-12">
|
|||
|
|
<div class="row align-items-end">
|
|||
|
|
<div class="col-lg-4 col-12">
|
|||
|
|
<div class="form-fild">
|
|||
|
|
<select id="cityOfDeparture2" class="fild" required>
|
|||
|
|
<option value="" disabled selected>City of departure
|
|||
|
|
</option>
|
|||
|
|
<option value="city1">City 1</option>
|
|||
|
|
<option value="city2">City 2</option>
|
|||
|
|
</select>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-lg-8 col-12">
|
|||
|
|
<div class="row">
|
|||
|
|
<div class="col-lg-4 col-md-6 col-12">
|
|||
|
|
<div class="form-fild">
|
|||
|
|
<input id="weight" class="fild" type="number"
|
|||
|
|
placeholder="Weight, kg" required min="0">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-lg-4 col-md-6 col-12">
|
|||
|
|
<div class="form-fild">
|
|||
|
|
<input id="additionalDetails" class="fild" type="text"
|
|||
|
|
placeholder="Additional details">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-lg-4 col-12">
|
|||
|
|
<div class="form-fild">
|
|||
|
|
<input id="volume" class="fild" type="number"
|
|||
|
|
placeholder="Volume, m3" required min="0">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-lg-9 col-12">
|
|||
|
|
<div class="row chack">
|
|||
|
|
<div class="col-lg-3 col-md-6 col-12">
|
|||
|
|
<div class="form-fild s2">
|
|||
|
|
<input type="checkbox" id="expressDelivery">
|
|||
|
|
<label class="chack-leval" for="expressDelivery">Express
|
|||
|
|
delivery</label>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-lg-3 col-md-6 col-12">
|
|||
|
|
<div class="form-fild s2">
|
|||
|
|
<input type="checkbox" id="fragile">
|
|||
|
|
<label class="chack-leval" for="fragile">Fragile</label>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-lg-3 col-md-6 col-12">
|
|||
|
|
<div class="form-fild s2">
|
|||
|
|
<input type="checkbox" id="insurance1">
|
|||
|
|
<label class="chack-leval" for="insurance1">Insurance</label>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-lg-3 col-md-6 col-12">
|
|||
|
|
<div class="form-fild s2">
|
|||
|
|
<input type="checkbox" id="insurance2">
|
|||
|
|
<label class="chack-leval" for="insurance2">Insurance</label>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-12">
|
|||
|
|
<div class="form-fild mb-0">
|
|||
|
|
<button type="submit" class="theme-btn">Request For a Quote</button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</form>
|
|||
|
|
</div>
|
|||
|
|
<div class="video-content">
|
|||
|
|
<img src="assets/images/video-bg-2.jpg" alt="">
|
|||
|
|
<div class="video-holder">
|
|||
|
|
<a href="https://www.youtube.com/embed/7Jv48RQ_2gk" class="video-btn"
|
|||
|
|
data-type="iframe"><i class="flaticon-play-button-arrowhead"></i></a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="shape">
|
|||
|
|
<img src="assets/images/shape-1212.png" alt="">
|
|||
|
|
</div>
|
|||
|
|
</section>
|
|||
|
|
<!-- end of wpo-request-quate-section -->
|
|||
|
|
|
|||
|
|
<!-- start of wpo-process-section-s2 -->
|
|||
|
|
<section class="wpo-process-section-s2">
|
|||
|
|
<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>
|
|||
|
|
</section>
|
|||
|
|
<!-- end of wpo-process-section-s2 -->
|
|||
|
|
|
|||
|
|
<!-- 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 -->
|
|||
|
|
|
|||
|
|
<!-- start of wpo-pricing-section -->
|
|||
|
|
<section class="wpo-pricing-section 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">
|
|||
|
|
<h4>recommend</h4>
|
|||
|
|
<h3 class="title">Regional Transport</h3>
|
|||
|
|
<h2 class="pric"><span>$</span>199<span>/ Standard pack</span></h2>
|
|||
|
|
<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">
|
|||
|
|
<a href="#">choose pricing plan <i class="ti-angle-right"></i></a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col col-lg-4 col-md-6 col-12">
|
|||
|
|
<div class="pric-card">
|
|||
|
|
<h4>recommend</h4>
|
|||
|
|
<h3 class="title">National Transport</h3>
|
|||
|
|
<h2 class="pric"><span>$</span>299<span>/ Standard pack</span></h2>
|
|||
|
|
<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">
|
|||
|
|
<a href="#">choose pricing plan <i class="ti-angle-right"></i></a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col col-lg-4 col-md-6 col-12">
|
|||
|
|
<div class="pric-card">
|
|||
|
|
<h4>recommend</h4>
|
|||
|
|
<h3 class="title">Global Transport</h3>
|
|||
|
|
<h2 class="pric"><span>$</span>399<span>/ Standard pack</span></h2>
|
|||
|
|
<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">
|
|||
|
|
<a href="#">choose pricing plan <i class="ti-angle-right"></i></a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="shape-left">
|
|||
|
|
<img src="assets/images/pric-shape.svg" alt="">
|
|||
|
|
</div>
|
|||
|
|
<div class="shape-rigth">
|
|||
|
|
<img src="assets/images/pric-shape2.svg" alt="">
|
|||
|
|
</div>
|
|||
|
|
</section>
|
|||
|
|
<!-- end of wpo-pricing-section -->
|
|||
|
|
|
|||
|
|
<!-- start of wpo-project-testimonial-section -->
|
|||
|
|
<div class="wpo-project-testimonial-section section-padding">
|
|||
|
|
<section class="wpo-project-section-s2">
|
|||
|
|
<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>Transport & Logistics Projects
|
|||
|
|
We are the best</h3>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="project-wrap">
|
|||
|
|
<div class="row">
|
|||
|
|
<div class="col-lg-4 col-md-6 col-12">
|
|||
|
|
<div class="project-card-s2">
|
|||
|
|
<div class="image">
|
|||
|
|
<img src="assets/images/project/5.jpg" alt="">
|
|||
|
|
</div>
|
|||
|
|
<div class="content">
|
|||
|
|
<div class="text">
|
|||
|
|
<h2><a href="project-single.html">Air Transportation</a></h2>
|
|||
|
|
<p>Demostic & Transportation</p>
|
|||
|
|
</div>
|
|||
|
|
<a href="project-single.html" class="icon">
|
|||
|
|
<i class="flaticon-right-arrow"></i>
|
|||
|
|
</a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-lg-4 col-md-6 col-12">
|
|||
|
|
<div class="project-card-s2">
|
|||
|
|
<div class="image">
|
|||
|
|
<img src="assets/images/project/6.jpg" alt="">
|
|||
|
|
</div>
|
|||
|
|
<div class="content">
|
|||
|
|
<div class="text">
|
|||
|
|
<h2><a href="project-single.html">Sea Transportation</a></h2>
|
|||
|
|
<p>Demostic & Transportation</p>
|
|||
|
|
</div>
|
|||
|
|
<a href="project-single.html" class="icon">
|
|||
|
|
<i class="flaticon-right-arrow"></i>
|
|||
|
|
</a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-lg-4 col-md-6 col-12">
|
|||
|
|
<div class="project-card-s2">
|
|||
|
|
<div class="image">
|
|||
|
|
<img src="assets/images/project/7.jpg" alt="">
|
|||
|
|
</div>
|
|||
|
|
<div class="content">
|
|||
|
|
<div class="text">
|
|||
|
|
<h2><a href="project-single.html">Intermodal Shipping</a></h2>
|
|||
|
|
<p>Demostic & Transportation</p>
|
|||
|
|
</div>
|
|||
|
|
<a href="project-single.html" class="icon">
|
|||
|
|
<i class="flaticon-right-arrow"></i>
|
|||
|
|
</a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</section>
|
|||
|
|
|
|||
|
|
<Section class="wpo-testimonial-section-s2">
|
|||
|
|
<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>
|
|||
|
|
|
|||
|
|
<div class="left-shape">
|
|||
|
|
<svg width="241" height="402" viewBox="0 0 241 402" fill="none">
|
|||
|
|
<path fill-rule="evenodd" clip-rule="evenodd"
|
|||
|
|
d="M241 402L-51.1328 0L50.4737 251.634L111.162 402H241Z" fill="#FF7236" />
|
|||
|
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M-122 0L50.4447 252.64L-51.2944 0H-122Z"
|
|||
|
|
fill="#135464" />
|
|||
|
|
<path fill-rule="evenodd" clip-rule="evenodd"
|
|||
|
|
d="M0.263084 173L-53 402H4.32965L41 234.863L0.263084 173Z" fill="#FFCB37" />
|
|||
|
|
</svg>
|
|||
|
|
</div>
|
|||
|
|
<div class="right-shape">
|
|||
|
|
<svg width="229" height="506" viewBox="0 0 229 506" fill="none">
|
|||
|
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M461 506L90 0L219.037 316.733L296.11 506H461Z"
|
|||
|
|
fill="#FF7236" />
|
|||
|
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M0 0L219 318L89.7942 0H0Z" fill="#135464" />
|
|||
|
|
</svg>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<!-- end of wpo-portfolio-testimonial-section -->
|
|||
|
|
|
|||
|
|
<!-- start of wpo-partner-section-s2 -->
|
|||
|
|
<section class="wpo-partner-section-s2 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-s2 -->
|
|||
|
|
|
|||
|
|
<!-- start of wpo-faq-section -->
|
|||
|
|
<section class="wpo-faq-section section-padding">
|
|||
|
|
<div class="container">
|
|||
|
|
<div class="row align-items-center">
|
|||
|
|
<div class="col-lg-6 col-12">
|
|||
|
|
<div class="faq-left-content">
|
|||
|
|
<div class="wpo-section-title">
|
|||
|
|
<h2>Trusted transport service</h2>
|
|||
|
|
<h3>Transport & Logistics Projects
|
|||
|
|
We are the best</h3>
|
|||
|
|
<p>Logistika is the world’s driving worldwide coordinations
|
|||
|
|
supplier — we uphold industry and exchange the</p>
|
|||
|
|
</div>
|
|||
|
|
<ul class="item">
|
|||
|
|
<li>We provide customer support around the clock</li>
|
|||
|
|
<li>Coverage protecting goods during transport</li>
|
|||
|
|
</ul>
|
|||
|
|
<ul class="item-service">
|
|||
|
|
<li>
|
|||
|
|
<i class="flaticon-circuit"></i>
|
|||
|
|
<span>Domestic & Service</span>
|
|||
|
|
</li>
|
|||
|
|
<li>
|
|||
|
|
<i class="flaticon-circuit"></i>
|
|||
|
|
<span>Intermodal Shipping</span>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-lg-6 col-12">
|
|||
|
|
<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 didn’t 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 class="accordion-item">
|
|||
|
|
<button class="accordion-header">Why didn’t 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>
|
|||
|
|
</section>
|
|||
|
|
<!-- end of wpo-faq-section -->
|
|||
|
|
|
|||
|
|
<!-- start of wpo-blog-section-s2 -->
|
|||
|
|
<section class="wpo-blog-section-s2 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>Read our News & Blogs</h3>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-lg-6 col-12">
|
|||
|
|
<div class="f-btn">
|
|||
|
|
<a href="blog.html" class="theme-btn">All Blogs</a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="swiper blog-slider">
|
|||
|
|
<div class="swiper-wrapper">
|
|||
|
|
<div class="swiper-slide">
|
|||
|
|
<div class="blog-card-s2">
|
|||
|
|
<img src="assets/images/blog/img-4.jpg" alt="">
|
|||
|
|
<div class="content">
|
|||
|
|
<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>
|
|||
|
|
<h2>
|
|||
|
|
<a href="blog-single.html">Principal Transportation and Logistics Network</a>
|
|||
|
|
</h2>
|
|||
|
|
<div class="b-btn">
|
|||
|
|
<a href="blog-single.html">Read More <i class="flaticon-right-arrow"></i></a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="swiper-slide">
|
|||
|
|
<div class="blog-card-s2">
|
|||
|
|
<img src="assets/images/blog/img-5.jpg" alt="">
|
|||
|
|
<div class="content">
|
|||
|
|
<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>
|
|||
|
|
<h2>
|
|||
|
|
<a href="blog-single.html">Chief Transportation and Fleet Management</a>
|
|||
|
|
</h2>
|
|||
|
|
<div class="b-btn">
|
|||
|
|
<a href="blog-single.html">Read More <i class="flaticon-right-arrow"></i></a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="swiper-slide">
|
|||
|
|
<div class="blog-card-s2">
|
|||
|
|
<img src="assets/images/blog/img-6.jpg" alt="">
|
|||
|
|
<div class="content">
|
|||
|
|
<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>
|
|||
|
|
<h2>
|
|||
|
|
<a href="blog-single.html">Complete Guide to Business Insurance perfect</a>
|
|||
|
|
</h2>
|
|||
|
|
<div class="b-btn">
|
|||
|
|
<a href="blog-single.html">Read More <i class="flaticon-right-arrow"></i></a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="swiper-slide">
|
|||
|
|
<div class="blog-card-s2">
|
|||
|
|
<img src="assets/images/blog/img-4.jpg" alt="">
|
|||
|
|
<div class="content">
|
|||
|
|
<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>
|
|||
|
|
<h2>
|
|||
|
|
<a href="blog-single.html">Principal Transportation and Logistics Network</a>
|
|||
|
|
</h2>
|
|||
|
|
<div class="b-btn">
|
|||
|
|
<a href="blog-single.html">Read More <i class="flaticon-right-arrow"></i></a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="swiper-slide">
|
|||
|
|
<div class="blog-card-s2">
|
|||
|
|
<img src="assets/images/blog/img-5.jpg" alt="">
|
|||
|
|
<div class="content">
|
|||
|
|
<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>
|
|||
|
|
<h2>
|
|||
|
|
<a href="blog-single.html">Chief Transportation and Fleet Management</a>
|
|||
|
|
</h2>
|
|||
|
|
<div class="b-btn">
|
|||
|
|
<a href="blog-single.html">Read More <i class="flaticon-right-arrow"></i></a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="swiper-slide">
|
|||
|
|
<div class="blog-card-s2">
|
|||
|
|
<img src="assets/images/blog/img-6.jpg" alt="">
|
|||
|
|
<div class="content">
|
|||
|
|
<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>
|
|||
|
|
<h2>
|
|||
|
|
<a href="blog-single.html">Complete Guide to Business Insurance perfect</a>
|
|||
|
|
</h2>
|
|||
|
|
<div class="b-btn">
|
|||
|
|
<a href="blog-single.html">Read More <i class="flaticon-right-arrow"></i></a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="swiper-pagination"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</section>
|
|||
|
|
<!-- end of wpo-blog-section-s2 -->
|
|||
|
|
|
|||
|
|
<!-- start of wpo-get-touch-section -->
|
|||
|
|
<section class="wpo-get-touch-section section-padding">
|
|||
|
|
<div class="container">
|
|||
|
|
<div class="row justify-content-end">
|
|||
|
|
<div class="col-lg-7 col-12">
|
|||
|
|
<div class="wpo-section-title">
|
|||
|
|
<h2>Trusted transport service</h2>
|
|||
|
|
<h3>Let’s Work Together</h3>
|
|||
|
|
</div>
|
|||
|
|
<form id="myForm">
|
|||
|
|
<div class="row">
|
|||
|
|
<div class="col-lg-6 col-md-6 col-12">
|
|||
|
|
<input id="name" class="fild" type="text" placeholder="Your Name">
|
|||
|
|
<div id="nameError" class="error-message"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-lg-6 col-md-6 col-12">
|
|||
|
|
<input id="email" class="fild" type="email" placeholder="Email Address">
|
|||
|
|
<div id="emailError" class="error-message"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-lg-6 col-md-6 col-12">
|
|||
|
|
<input id="phone" class="fild" type="text" placeholder="Your Number">
|
|||
|
|
<div id="phoneError" class="error-message"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-lg-6 col-md-6 col-12">
|
|||
|
|
<input id="trackingId" class="fild" type="text"
|
|||
|
|
placeholder="Enter your tracking id">
|
|||
|
|
<div id="trackingIdError" class="error-message"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-12">
|
|||
|
|
<textarea id="message" class="fild fild-textarea"
|
|||
|
|
placeholder="Write Message"></textarea>
|
|||
|
|
<div id="messageError" class="error-message"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-12">
|
|||
|
|
<button type="submit" class="theme-btn">Send Us Messages <i
|
|||
|
|
class="ti-angle-right"></i></button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</form>
|
|||
|
|
|
|||
|
|
</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>
|
|||
|
|
</section>
|
|||
|
|
<!-- end of wpo-get-touch-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"> © 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/index-2.html by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 29 Aug 2024 05:23:16 GMT -->
|
|||
|
|
</html>
|