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 d-block">
<div class="box-swiper">
<div class="video-container" style="position: relative;">
<video
src="v.mp4"
autoplay
loop
muted
style="width: 100%; height: 600px; object-fit: cover;">
</video>
<div class="overlay-text" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: white; text-align: center; width: 80%; background-color: rgba(0, 0, 0, 0.7); padding: 20px; border-radius: 10px;">
<h1 class="color-white mb-20 wow animate__fadeInUp" data-wow-delay=".0s"> Trusted Logistic Company</h1>
<p class="font-md color-white mb-20 wow animate__fadeInUp" data-wow-delay=".0s">Our experienced team of problem solvers and a commitment to always align with our client’s business goals and objectives is what drives mutual success.</p>
<div class="box-button mt-30">
<a class="btn btn-brand-1-big hover-up mr-40 wow animate__fadeInUp" href="trackyourparcel.php#track">Track Package</a>
<a class="btn btn-play popup-youtube hover-up wow animate__fadeInUp" href="https://www.youtube.com/watch?v=Pjjleyj6umQ">
<img src="assets/imgs/template/icons/play.svg" alt="">How it works?
</a>
</div>
</div>
</div>
</div>
</section>
<div class="section bg-2 pt-65 pb-35">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-3 mb-30 text-center text-lg-start wow animate__animated animate__fadeIn">
<p class="font-2xl-bold color-brand-2">We are<span class="color-brand-1"> trusted</span> by major global brands</p>
</div>
<div class="col-lg-9 mb-30">
<div class="box-swiper">
<div class="swiper-container swiper-group-6 pb-0">
<div class="swiper-wrapper wow animate__animated animate__fadeIn">
<div class="swiper-slide"><img src="assets/imgs/slider/logo/alea.png" alt="transp"></div>
<div class="swiper-slide"><img src="assets/imgs/slider/logo/land.png" alt="transp"></div>
<div class="swiper-slide"><img src="assets/imgs/slider/logo/logis.png" alt="transp"></div>
<div class="swiper-slide"><img src="assets/imgs/slider/logo/truck.png" alt="transp"></div>
<div class="swiper-slide"><img src="assets/imgs/slider/logo/saltos.png" alt="transp"></div>
<div class="swiper-slide"><img src="assets/imgs/slider/logo/creati.png" alt="transp"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<section class="section mt-100">
<div class="container">
<h2 class="title-favicon mb-20 wow animate__animated animate__fadeIn">What We Offer</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">Welcome to our tranporation services agency. We are the best at our trans-portation service ever.</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" href="trackyourparcel.php#track">
<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="M9 12h3.75M9 15h3.75M9 18h3.75m3 .75H18a2.25 2.25 0 002.25-2.25V6.108c0-1.135-.845-2.098-1.976-2.192a48.424 48.424 0 00-1.123-.08m-5.801 0c-.065.21-.1.433-.1.664 0 .414.336.75.75.75h4.5a.75.75 0 00.75-.75 2.25 2.25 0 00-.1-.664m-5.8 0A2.251 2.251 0 0113.5 2.25H15c1.012 0 1.867.668 2.15 1.586m-5.8 0c-.376.023-.75.05-1.124.08C9.095 4.01 8.25 4.973 8.25 6.108V8.25m0 0H4.875c-.621 0-1.125.504-1.125 1.125v11.25c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125V9.375c0-.621-.504-1.125-1.125-1.125H8.25zM6.75 12h.008v.008H6.75V12zm0 3h.008v.008H6.75V15zm0 3h.008v.008H6.75V18z"></path>
</svg>Get a quote</a></div>
</div>
<div class="mt-20 box-background-offer">
<div class="bg-under"></div>
<div class="row">
<div class="col-lg-4 col-md-6 wow animate__animated animate__fadeIn">
<div class="card-offer hover-up">
<div class="card-image"><img src="assets/imgs/page/homepage1/cargo-ship.png" alt="transp"></div>
<div class="card-info">
<h5 class="color-brand-2 mb-15">Sea Forwarding</h5>
<div class="box-button-offer mb-30">
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 wow animate__animated animate__fadeIn">
<div class="card-offer hover-up">
<div class="card-image"><img src="assets/imgs/page/homepage1/plane.png" alt="transp"></div>
<div class="card-info">
<h5 class="color-brand-2 mb-15">Air Freight Forwarding</h5>
<div class="box-button-offer mb-30">
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 wow animate__animated animate__fadeIn">
<div class="card-offer hover-up">
<div class="card-image"><img src="assets/imgs/page/homepage1/delivery.png" alt="transp"></div>
<div class="card-info">
<h5 class="color-brand-2 mb-15">Land Transportation</h5>
<div class="box-button-offer mb-30"> </div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 wow animate__animated animate__fadeIn">
<div class="card-offer hover-up">
<div class="card-image"><img src="assets/imgs/page/homepage1/forklift.png" alt="transp"></div>
<div class="card-info">
<h5 class="color-brand-2 mb-15">Warehouse & Distribution</h5>
<div class="box-button-offer mb-30"> </div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 wow animate__animated animate__fadeIn">
<div class="card-offer hover-up">
<div class="card-image"><img src="assets/imgs/page/homepage1/train.png" alt="transp"></div>
<div class="card-info">
<h5 class="color-brand-2 mb-15">Railway Logistics</h5>
<div class="box-button-offer mb-30">
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 wow animate__animated animate__fadeIn">
<div class="card-offer hover-up">
<div class="card-image"><img src="assets/imgs/page/homepage1/worldwide.png" alt="transp"></div>
<div class="card-info">
<h5 class="color-brand-2 mb-15">Cross Border</h5>
<div class="box-button-offer mb-30">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<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 mt-55 bg-1 position-relative pt-90 pb-90">
<div class="container">
<div class="row">
<div class="col-lg-6"><span class="btn btn-tag wow animate__animated animate__fadeIn">Get in touch</span>
<h3 class="color-grey-900 mb-20 mt-15 wow animate__animated animate__fadeIn">Proud to Deliver <br class="d-none d-lg-block">Excellence Every Time</h3>
<p class="font-md color-grey-900 mb-40 wow animate__animated animate__fadeIn">We fuse our global network with our depth of expertise in air freight, ocean freight, railway transportation, trucking, and multimode transportation, also we are providing sourcing, warehousing, E-commercial fulfillment, and value-added service to our customers including kitting, assembly, customized package and business inserts, etc.</p>
<div class="row">
<div class="col-lg-6 mb-30">
<h6 class="chart-title font-md-bold color-grey-900 wow animate__animated animate__fadeIn">Boost your sale</h6>
<p class="font-xs color-grey-900 wow animate__animated animate__fadeIn">The latest design trends meet hand-crafted templates.</p>
</div>
<div class="col-lg-6 mb-30">
<h6 class="feature-title font-md-bold color-grey-900 wow animate__animated animate__fadeIn">Introducing New Features</h6>
<p class="font-xs color-grey-900 wow animate__animated animate__fadeIn">The latest design trends meet hand-crafted templates.</p>
</div>
</div>
<div class="mt-20"><a class="btn btn-brand-2 mr-20 wow animate__animated animate__fadeIn" href="contact.php">Contact Us</a><a class="btn btn-link-medium wow animate__animated animate__fadeIn" href="#">Learn More
<svg class="w-6 h-6 icon-16 ml-5" 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="M14 5l7 7m0 0l-7 7m7-7H3"></path>
</svg></a></div>
</div>
</div>
</div>
<div class="box-image-touch"></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 available, but the majority have suffered alteration in some form, by injected humour we bring joy with our package</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 mt-50 bg-customers-say">-->
<!-- <div class="container">-->
<!-- <h2 class="title-favicon color-white mb-20 title-padding-left wow animate__animated animate__fadeIn">What our customers are saying</h2>-->
<!-- <p class="font-lg color-white pl-55 wow animate__animated animate__fadeIn">Hear from our users who have saved thousands on their<br class="d-none d-lg-block">Startup and SaaS solution spend.</p>-->
<!-- </div>-->
<!-- <div class="box-slide-customers mt-50">-->
<!-- <div class="box-swiper">-->
<!-- <div class="swiper-container swiper-group-3-customers pb-50">-->
<!-- <div class="swiper-wrapper">-->
<!-- <div class="swiper-slide wow animate__animated animate__fadeIn">-->
<!-- <div class="card-testimonial-grid">-->
<!-- <div class="box-author mb-25"><a href="#"><img src="assets/imgs/page/homepage1/author.png" alt="transp"></a>-->
<!-- <div class="author-info"><a href="#"><span class="font-xl-bold color-brand-2 author-name">Guy Hawkins</span></a><span class="font-sm color-grey-500 department">Bank of America</span></div>-->
<!-- </div>-->
<!-- <p class="font-md color-grey-700">Access the same project through five different dynamic views: a kanban board, Gantt chart, spreadsheet, calendar or simple task list.</p>-->
<!-- <div class="card-bottom-info justify-content-between">-->
<!-- <div class="rating text-start"><img src="assets/imgs/template/icons/star.svg" alt="transp"><img src="assets/imgs/template/icons/star.svg" alt="transp"><img src="assets/imgs/template/icons/star.svg" alt="transp"><img src="assets/imgs/template/icons/star.svg" alt="transp"><img src="assets/imgs/template/icons/star.svg" alt="transp"><br><span class="font-sm color-white">For customer support</span></div><span class="font-xs color-grey-500 rate-post text-end">Rate: 4.95 / 5</span>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="swiper-slide wow animate__animated animate__fadeIn">-->
<!-- <div class="card-testimonial-grid">-->
<!-- <div class="box-author mb-25"><a href="#"><img src="assets/imgs/page/homepage1/author2.png" alt="transp"></a>-->
<!-- <div class="author-info"><a href="#"><span class="font-xl-bold color-brand-2 author-name">Eleanor Pena</span></a><span class="font-sm color-grey-500 department">Bank of America</span></div>-->
<!-- </div>-->
<!-- <p class="font-md color-grey-700">Access the same project through five different dynamic views: a kanban board, Gantt chart, spreadsheet, calendar or simple task list.</p>-->
<!-- <div class="card-bottom-info justify-content-between">-->
<!-- <div class="rating text-start"><img src="assets/imgs/template/icons/star.svg" alt="transp"><img src="assets/imgs/template/icons/star.svg" alt="transp"><img src="assets/imgs/template/icons/star.svg" alt="transp"><img src="assets/imgs/template/icons/star.svg" alt="transp"><img src="assets/imgs/template/icons/star.svg" alt="transp"><br><span class="font-sm color-white">For customer support</span></div><span class="font-xs color-grey-500 rate-post text-end">Rate: 4.95 / 5</span>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="swiper-slide wow animate__animated animate__fadeIn">-->
<!-- <div class="card-testimonial-grid">-->
<!-- <div class="box-author mb-25"><a href="#"><img src="assets/imgs/page/homepage1/author3.png" alt="transp"></a>-->
<!-- <div class="author-info"><a href="#"><span class="font-xl-bold color-brand-2 author-name">Cody Fisher</span></a><span class="font-sm color-grey-500 department">Bank of America</span></div>-->
<!-- </div>-->
<!-- <p class="font-md color-grey-700">Access the same project through five different dynamic views: a kanban board, Gantt chart, spreadsheet, calendar or simple task list.</p>-->
<!-- <div class="card-bottom-info justify-content-between">-->
<!-- <div class="rating text-start"><img src="assets/imgs/template/icons/star.svg" alt="transp"><img src="assets/imgs/template/icons/star.svg" alt="transp"><img src="assets/imgs/template/icons/star.svg" alt="transp"><img src="assets/imgs/template/icons/star.svg" alt="transp"><img src="assets/imgs/template/icons/star.svg" alt="transp"><br><span class="font-sm color-white">For customer support</span></div><span class="font-xs color-grey-500 rate-post text-end">Rate: 4.95 / 5</span>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="box-pagination-customers">-->
<!-- <div class="swiper-button-prev swiper-button-prev-customers swiper-button-prev-style-1 wow animate__animated animate__fadeIn">-->
<!-- <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-customers swiper-button-next-style-1 wow animate__animated animate__fadeIn">-->
<!-- <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>-->
<!--</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>
<section class="section pt-70 pb-70 bg-get-quote">
<div class="container">
<div class="box-get-quote">
<div class="get-quote-left">
<p class="font-3xl color-white mb-10 wow animate__animated animate__fadeIn">Have any ideas in your mind?</p>
<h2 class="color-brand-1 wow animate__animated animate__fadeIn">Create your next Project with Us</h2>
</div>
</div>
</div>
</section>
<div class="section bg-map d-block">
<div class="container">
<div class="box-map">
<iframe class="wow animate__animated animate__fadeIn" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3179.960389549842!2d-83.76408938441998!3d37.15364135542302!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x884352a00e70879f%3A0x1ad06ed33b7003c!2sIangar!5e0!3m2!1svi!2s!4v1678013229780!5m2!1svi!2s" height="420" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
<div class="map-info"><img class="mb-25 wow animate__animated animate__fadeIn" src="assets/imgs/template/logo.png" alt="transp">
<p class="color-grey-700 mb-25 wow animate__animated animate__fadeIn">4517 Washington Ave. Manchester, Kentucky 39495</p>
<p class="color-grey-700 mb-10 wow animate__animated animate__fadeIn">
</p>
<p class="color-grey-700 mb-30 wow animate__animated animate__fadeIn">
<svg class="icon-16 mr-10 color-brand-1" 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="M21.75 6.75v10.5a2.25 2.25 0 01-2.25 2.25h-15a2.25 2.25 0 01-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0019.5 4.5h-15a2.25 2.25 0 00-2.25 2.25m19.5 0v.243a2.25 2.25 0 01-1.07 1.916l-7.5 4.615a2.25 2.25 0 01-2.36 0L3.32 8.91a2.25 2.25 0 01-1.07-1.916V6.75"></path>
</svg>Email: support@Oceangatelogistic.com
</p>
<div class="line-border mb-25 wow animate__animated animate__fadeIn"></div>
<p class="color-grey-700 font-md-bold wow animate__animated animate__fadeIn">Hours: 8:00 - 17:00, Mon - Sat</p>
</div>
</div>
</div>
</div>
</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