PNG IHDR x sBIT|d pHYs + tEXtSoftware www.inkscape.org< ,tEXtComment
<!DOCTYPE html>
<html lang="en">
<!-- Mirrored from jthemes.net/themes/html/transp/index.php by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 20 Jul 2023 21:30:01 GMT -->
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="msapplication-TileColor" content="#0E0E0E">
<meta name="template-color" content="#0E0E0E">
<meta name="description" content="Index page">
<meta name="keywords" content="index, page">
<meta name="author" content="">
<link rel="shortcut icon" type="image/x-icon" href="assets/imgs/template/favicon.svg">
<link href="assets/css/style28b5.css?v=2.0.0" rel="stylesheet">
<title>Oceangatelogistic - Transport Courier Logistics HTML Template</title>
</head>
<body>
<div id="preloader-active">
<div class="preloader d-flex align-items-center justify-content-center">
<div class="preloader-inner position-relative">
<div class="flip-square"></div>
</div>
</div>
</div>
<?php include 'header.php'?>
<main class="main">
<section class="section mt-85">
<div class="container">
<div class="text-center"><img class="mb-15" src="assets/imgs/template/icons/favicon.svg" alt="transp">
<p class="font-md color-grey-700 wow animate__animated animate__fadeIn">Delivering Results for Industry Leaders</p>
<h2 class="color-brand-2 mb-65 mt-15 wow animate__animated animate__fadeIn">We are proud of our workforce <br class="d-none d-lg-block"> and have worked hard.</h2>
</div>
<div class="row mt-50 align-items-center">
<div class="col-xl-7 col-lg-6 mb-30">
<div class="box-images-pround">
<div class="box-images wow animate__animated animate__fadeIn"><img class="img-main" src="assets/imgs/page/homepage1/img1.png" alt="transp">
<div class="image-2 shape-3"><img src="assets/imgs/page/homepage1/icon1.png" alt="transp"></div>
</div>
</div>
</div>
<div class="col-xl-5 col-lg-6 mb-30">
<div class="box-info-pround">
<h3 class="color-brand-2 mb-15 wow animate__animated animate__fadeIn">Fast shipping with the most modern technology</h3>
<p class="font-md color-grey-500 wow animate__animated animate__fadeIn">Over the years, we have worked together to expand our network of partners to deliver reliability and consistency. We’ve also made significant strides to tightly integrate technology with our processes, giving our clients greater visibility into every engagement.</p>
<div class="mt-30">
<ul class="list-ticks">
<li class="wow animate__animated animate__fadeIn">
<svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
</svg>Task tracking
</li>
<li class="wow animate__animated animate__fadeIn">
<svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
</svg>Create task dependencies
</li>
<li class="wow animate__animated animate__fadeIn">
<svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
</svg>Task visualization
</li>
<li class="wow animate__animated animate__fadeIn">
<svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
</svg>hare files, discuss
</li>
<li class="wow animate__animated animate__fadeIn">
<svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
</svg>Meet deadlines faster
</li>
<li class="wow animate__animated animate__fadeIn">
<svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
</svg>Track time spent on each project
</li>
</ul>
</div>
<div class="mt-30 text-start d-flex wow animate__animated animate__fadeIn">
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section pt-85 bg-worldmap">
<div class="container">
<div class="text-center"><img class="mb-15" src="assets/imgs/template/icons/favicon.svg" alt="transp">
<h2 class="color-brand-2 mb-20 wow animate__animated animate__fadeIn">How It Works</h2>
<p class="font-md color-grey-700 wow animate__animated animate__fadeIn">You choose the cities where you’d like to deliver. All deliveries are within a specific service area and delivery services vary by location. Whatever the mode or requirement, we will find and book the ideal expedited shipping solution to ensure a timely delivery.</p>
</div>
<div class="row mt-50">
<div class="col-lg-6 mb-30">
<div class="box-image-how"><img class="w-100 wow animate__animated animate__fadeIn" src="assets/imgs/page/homepage1/how-it-work.png" alt="transp">
<div class="box-info-bottom-img">
<div class="image-play"><img class="mb-15 wow animate__animated animate__fadeIn" src="assets/imgs/template/icons/play.svg" alt="transp"></div>
<div class="info-play">
<h4 class="color-white mb-15 wow animate__animated animate__fadeIn">We have 25 years experience in this passion</h4>
<p class="font-sm color-white wow animate__animated animate__fadeIn">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour</p>
</div>
</div>
</div>
</div>
<div class="col-lg-6 mb-30">
<ul class="list-how-works">
<li>
<div class="image-how"><span class="img"><img src="assets/imgs/page/homepage1/order.png" alt="transp"></span></div>
<div class="info-how">
<h5 class="color-brand-2 wow animate__animated animate__fadeIn">Customer places order</h5>
<p class="font-md color-grey-700 wow animate__animated animate__fadeIn">Inspection and quality check of goods</p>
</div>
</li>
<li>
<div class="image-how"><span class="img"><img src="assets/imgs/page/homepage1/payment.png" alt="transp"></span></div>
<div class="info-how">
<h5 class="color-brand-2 wow animate__animated animate__fadeIn">Payment successful</h5>
<p class="font-md color-grey-700 wow animate__animated animate__fadeIn">Payoneer, Paypal, or Visa master card</p>
</div>
</li>
<li>
<div class="image-how"><span class="img"><img src="assets/imgs/page/homepage1/warehouse.png" alt="transp"></span></div>
<div class="info-how">
<h5 class="color-brand-2 wow animate__animated animate__fadeIn">Warehouse receives order</h5>
<p class="font-md color-grey-700 wow animate__animated animate__fadeIn">Check the accuracy of the goods.</p>
</div>
</li>
<li>
<div class="image-how"><span class="img"><img src="assets/imgs/page/homepage1/picked.png" alt="transp"></span></div>
<div class="info-how">
<h5 class="color-brand-2 wow animate__animated animate__fadeIn">Item picked, packed & shipped</h5>
<p class="font-md color-grey-700 wow animate__animated animate__fadeIn">Ship the goods to a local carrier</p>
</div>
</li>
<li>
<div class="image-how"><span class="img"><img src="assets/imgs/page/homepage1/delivery.png" alt="transp"></span></div>
<div class="info-how">
<h5 class="color-brand-2 wow animate__animated animate__fadeIn">Delivered & Measure success</h5>
<p class="font-md color-grey-700 wow animate__animated animate__fadeIn">Update order status on the system</p>
</div>
</li>
</ul>
</div>
</div>
</div>
</section>
<section class="section bg-what-done pb-95 pt-110">
<div class="container">
<h2 class="title-favicon mb-20 wow animate__animated animate__fadeIn">What We Have Done</h2>
<div class="row align-items-end">
<div class="col-lg-8 col-md-8 mb-30">
<p class="font-md color-gray-700 wow animate__animated animate__fadeIn">Check out some of the projects we've completed with our amazing partners</p>
</div>
<div class="col-lg-4 col-md-4 mb-30 text-md-end text-start"><a class="btn btn-brand-1 hover-up wow animate__animated animate__fadeIn" href="#">
<svg class="mr-10" fill="none" stroke="currentColor" stroke-width="1.5" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M13.5 6H5.25A2.25 2.25 0 003 8.25v10.5A2.25 2.25 0 005.25 21h10.5A2.25 2.25 0 0018 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25"></path>
</svg>View All Projects</a></div>
</div>
<div class="mt-35">
<div class="box-swiper">
<div class="swiper-container swiper-group-4 pb-50">
<div class="swiper-wrapper">
<div class="swiper-slide wow animate__animated animate__fadeIn">
<div class="cardGrid">
<div class="cardImage"> <img src="assets/imgs/page/homepage1/img.png" alt="transp"></div>
<div class="cardInfo">
<h5 class="color-brand-2 mb-10">Air Freight</h5>
</div>
</div>
</div>
<div class="swiper-slide wow animate__animated animate__fadeIn">
<div class="cardGrid">
<div class="cardImage"> <img src="assets/imgs/page/homepage1/img2.png" alt="transp"></div>
<div class="cardInfo">
<h5 class="color-brand-2 mb-10">Sea Freight</h5>
</div>
</div>
</div>
<div class="swiper-slide wow animate__animated animate__fadeIn">
<div class="cardGrid">
<div class="cardImage"> <img src="assets/imgs/page/homepage1/img3.png" alt="transp"></div>
<div class="cardInfo">
<h5 class="color-brand-2 mb-10">Trucking</h5>
<div class="box-button mt-30">
</div>
</div>
</div>
</div>
<div class="swiper-slide wow animate__animated animate__fadeIn">
<div class="cardGrid">
<div class="cardImage"> <img src="assets/imgs/page/homepage1/img4.png" alt="transp"></div>
<div class="cardInfo">
<h5 class="color-brand-2 mb-10">Warehouse</h5>
<div class="box-button mt-30">
</div>
</div>
</div>
</div>
</div>
<div class="box-pagination-customers text-center wow animate__animated animate__fadeIn">
<div class="swiper-button-prev swiper-button-prev-style-1 swiper-button-prev-group-4">
<svg fill="none" stroke="currentColor" stroke-width="1.5" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5L3 12m0 0l7.5-7.5M3 12h18"></path>
</svg>
</div>
<div class="swiper-button-next swiper-button-next-style-1 swiper-button-next-group-4">
<svg fill="none" stroke="currentColor" stroke-width="1.5" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3"></path>
</svg>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</main>
<?php include"footer.php";?>
<script src="assets/js/vendors/modernizr-3.6.0.min.js"></script>
<script src="assets/js/vendors/jquery-3.6.0.min.js"></script>
<script src="assets/js/vendors/jquery-migrate-3.3.0.min.js"></script>
<script src="assets/js/vendors/bootstrap.bundle.min.js"></script>
<script src="assets/js/vendors/waypoints.js"></script>
<script src="assets/js/vendors/wow.js"></script>
<script src="assets/js/vendors/magnific-popup.js"></script>
<script src="assets/js/vendors/perfect-scrollbar.min.js"></script>
<script src="assets/js/vendors/select2.min.js"></script>
<script src="assets/js/vendors/isotope.js"></script>
<script src="assets/js/vendors/scrollup.js"></script>
<script src="assets/js/vendors/swiper-bundle.min.js"></script>
<script src="assets/js/vendors/noUISlider.js"></script>
<script src="assets/js/vendors/slider.js"></script>
<!-- Count down-->
<script src="assets/js/vendors/counterup.js"></script>
<script src="assets/js/vendors/jquery.countdown.min.js"></script>
<!-- Count down--><script src="assets/js/vendors/jquery.elevatezoom.js"></script>
<script src="assets/js/vendors/slick.js"></script>
<script src="assets/js/main28b5.js?v=2.0.0"></script>
</body>
<!-- Mirrored from jthemes.net/themes/html/transp/index.php by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 20 Jul 2023 21:30:56 GMT -->
</html>
b IDATxytVսϓ22 A@IR:hCiZ[v*E:WũZA ^dQeQ @ !jZ'>gsV仿$|?g)&x-E