Access_New/demo-logistics-blog-single-modern.html
2024-09-05 11:33:27 +05:45

518 lines
28 KiB
HTML

<!doctype html>
<html class="no-js" lang="en">
<head>
<title>Crafto - The Multipurpose HTML5 Template</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="author" content="ThemeZaa">
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
<meta name="description" content="Elevate your online presence with Crafto - a modern, versatile, multipurpose Bootstrap 5 responsive HTML5, SCSS template using highly creative 52+ ready demos.">
<link rel="shortcut icon" href="images/favicon.png">
<link rel="apple-touch-icon" href="images/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
<link rel="preconnect" href="https://fonts.googleapis.com" crossorigin>
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="css/vendors.min.css" />
<link rel="stylesheet" href="css/icon.min.css" />
<link rel="stylesheet" href="css/style.min.css" />
<link rel="stylesheet" href="css/responsive.min.css" />
<link rel="stylesheet" href="demos/logistics/logistics.css" />
</head>
<body data-mobile-nav-style="classic">
<header class="header-with-topbar">
<div class="header-top-bar top-bar-dark bg-dark">
<div class="container-fluid">
<div class="row h-45px align-items-center m-0">
<div class="col-12 col-lg-7 fw-500 justify-content-lg-start justify-content-center">
<span class="me-25px fs-15 md-m-0">
<i class="feather icon-feather-phone-call text-base-color me-10px"></i><span class="text-light-gray">Phone: 1 800 222 000 - Any time 24/7</span>
</span>
<span class="d-xl-inline-block d-none fs-15"><i class="feather icon-feather-mail text-base-color me-10px"></i><a href="cdn-cgi/l/email-protection.html#caa4a5e7b8afbaa6b38aaea5a7aba3a4e4a9a5a7" class="widget text-light-gray text-white-hover"><span class="__cf_email__" data-cfemail="3c5253114e594c50457c5853515d5552125f5351">[email&#160;protected]</span></a></span>
</div>
<div class="col-md-5 text-end d-none d-lg-flex fs-15">
<a href="https://www.facebook.com" target="_blank" class="me-25px lg-me-15px">Facebook</a>
<a href="https://www.twitter.com" target="_blank" class="me-25px lg-me-15px">Twitter</a>
<a href="https://in.pinterest.com/" target="_blank" class="me-25px lg-me-15px">Pinterest</a>
<a href="https://www.instagram.com" target="_blank">Instagram</a>
</div>
</div>
</div>
</div>
<nav class="navbar navbar-expand-lg header-light bg-white header-reverse" data-header-hover="light">
<div class="container-fluid">
<div class="col-auto">
<a class="navbar-brand" href="demo-logistics.html">
<img src="images/demo-logistics-logo-black.png" data-at2x="images/demo-logistics-logo-black@2x.png" alt class="default-logo">
<img src="images/demo-logistics-logo-black.png" data-at2x="images/demo-logistics-logo-black@2x.png" alt class="alt-logo">
<img src="images/demo-logistics-logo-black.png" data-at2x="images/demo-logistics-logo-black@2x.png" alt class="mobile-logo">
</a>
</div>
<div class="col-auto menu-order left-nav">
<button class="navbar-toggler float-start" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-label="Toggle navigation">
<span class="navbar-toggler-line"></span>
<span class="navbar-toggler-line"></span>
<span class="navbar-toggler-line"></span>
<span class="navbar-toggler-line"></span>
</button>
<div class="collapse navbar-collapse justify-content-center" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item"><a href="demo-logistics.html" class="nav-link">Home</a></li>
<li class="nav-item"><a href="demo-logistics-about-us.html" class="nav-link">About us</a></li>
<li class="nav-item dropdown dropdown-with-icon-style02"><a href="demo-logistics-our-services.html" class="nav-link">Our services</a>
<i class="fa-solid fa-angle-down dropdown-toggle" id="navbarDropdownMenuLink" role="button" data-bs-toggle="dropdown" aria-expanded="false"></i>
<ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
<li><a href="demo-logistics-services-details.html"><i class="line-icon-Plane-2 align-middle text-base-color"></i>Air freight</a></li>
<li><a href="demo-logistics-services-details.html"><i class="line-icon-Road-3 align-middle text-base-color"></i>Road freight</a></li>
<li><a href="demo-logistics-services-details.html"><i class="line-icon-Ship-2 align-middle text-base-color"></i>Ocean freight</a></li>
<li><a href="demo-logistics-services-details.html"><i class="line-icon-Tram align-middle text-base-color"></i>Train freight</a></li>
</ul>
</li>
<li class="nav-item"><a href="demo-logistics-latest-blog.html" class="nav-link">Latest blog</a></li>
<li class="nav-item"><a href="demo-logistics-contact-us.html" class="nav-link">Contact us</a></li>
</ul>
</div>
</div>
<div class="col-auto ms-auto ps-lg-0 d-none d-sm-flex">
<div class="header-icon">
<div class="d-none d-xl-inline-block"><div class="fw-600"><a href="tel:1800222000" class="widget-text"><i class="feather icon-feather-phone-call me-10px"></i>1 800 222 000</a></div></div>
<div class="header-button ms-25px">
<a href="demo-logistics-contact-us.html" class="btn btn-small btn-base-color btn-hover-animation-switch btn-round-edge btn-box-shadow fw-700 ls-0px btn-icon-left">
<span>
<span class="btn-text">Get a quote</span>
<span class="btn-icon"><i class="feather icon-feather-mail"></i></span>
<span class="btn-icon"><i class="feather icon-feather-mail"></i></span>
</span>
</a>
</div>
</div>
</div>
</div>
</nav>
</header>
<section class="one-fourth-screen bg-dark-gray ipad-top-space-margin sm-mb-50px" data-parallax-background-ratio="0.5" style="background-image: url('images/demo-logistics-blog-single-creative-bg.jpg')"></section>
<section class="p-0">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-10 overlap-section text-center">
<div class="p-10 box-shadow-extra-large border-radius-4px bg-white text-center">
<a href="demo-logistics-latest-blog.html" class="bg-very-light-gray text-uppercase fs-13 ps-25px pe-25px fw-700 text-dark-gray text-dark-gray-hover lh-40 sm-lh-55 border-radius-100px d-inline-block mb-3 sm-mb-15px">Logistics</a>
<h3 class="text-dark-gray fw-700 ls-minus-1px mb-15px">Efficient integrated global trade and streamlined logistics strategies</h3>
<div class="lg-20px sm-mb-0">
<span>By <a href="demo-logistics-latest-blog.html" class="text-dark-gray fw-500">Shane smith</a></span> on <a href="demo-business-blog.html" class="text-dark-gray fw-500">26 Jul 2024</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="overlap-section text-center p-0 sm-pt-30px">
<img class="rounded-circle box-shadow-extra-large w-130px h-130px border border-8 border-color-white" src="images/demo-logistics-blog-single-creative-01.jpg" alt>
</section>
<section class="pb-0 pt-3">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-9 dropcap-style-01" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;translateY&quot;: [50, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 1200, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 150, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<p class="mb-6"><span class="first-letter text-dark-gray">M</span>In an interconnected world where borders are increasingly blurred by the flow of goods and services, the role of logistics in global trade cannot be overstated. As businesses expand their reach across continents and tap into new markets, the need for robust logistics strategies becomes paramount. In this blog post, we delve into the intricate dance between global trade and logistics, exploring key strategies that pave the way for success in the international marketplace.</p>
<div class="row">
<div class="col-md-6 sm-mb-30px">
<div class="border-radius-5px border-1 border border-color-light-medium-gray h-100 pt-8 pb-8 ps-10 pe-10 last-paragraph-no-margin">
<span class="fw-600 text-dark-gray mb-5px d-inline-block">Understanding the global trade</span>
<p>Global trade is the lifeblood of the modern economy, enabling businesses to access a diverse range of markets, source raw materials.</p>
</div>
</div>
<div class="col-md-6">
<div class="border-radius-5px border-1 border border-color-light-medium-gray h-100 pt-8 pb-8 ps-10 pe-10 last-paragraph-no-margin">
<span class="fw-600 text-dark-gray mb-5px d-inline-block">Crucial role of logistics in global trade</span>
<p>Logistics serves as the backbone of global trade, facilitating the movement of goods across borders and ensuring timely delivery to customers worldwide.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="half-section" data-anime="{ &quot;translateY&quot;: [0, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 1200, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 150, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<div class="container">
<div class="row">
<div class="col-12 position-relative">
<img src="images/demo-logistics-blog-single-creative-02.jpg" alt class="border-radius-5px">
<a href="https://player.vimeo.com/video/75976293" aria-label="popup video" class="text-center bg-white rounded-circle video-icon-box video-icon-large popup-vimeo slide-up-animation absolute-middle-center">
<span>
<span class="video-icon bg-white">
<i class="fa-solid fa-play text-dark-gray"></i>
<span class="video-icon-sonar">
<span class="video-icon-sonar-bfr bg-dark-gray"></span>
</span>
</span>
</span>
</a>
</div>
</div>
</div>
</section>
<section class="py-0">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-9 last-paragraph-no-margin" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;translateY&quot;: [50, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 1200, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 150, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<h6 class="fw-600 text-dark-gray ls-minus-05px mb-15px">Enhancing supply chain performance</h6>
<p class="mb-5">Explore how businesses can optimize their global trade operations and logistics strategies to achieve greater efficiency, reduce costs, and enhance supply chain performance. This blog post delves into the importance of streamlining logistics processes, leveraging technology for optimization, and implementing efficient global trade practices to drive success in the competitive marketplace.</p>
<h6 class="fw-600 text-dark-gray ls-minus-05px mb-15px">Global trade and streamlined logistics strategies unveiled</h6>
<p>Unlock the secrets to maximizing efficiency in global trade and logistics operations with this insightful blog post. Discover how businesses can streamline their supply chain processes, eliminate bottlenecks, and enhance operational efficiency through strategic logistics strategies. From optimizing transportation routes to improving inventory management, learn how to streamline your logistics for success.</p>
</div>
</div>
</div>
</section>
<section class="half-section pb-0">
<div class="container">
<div class="row justify-content-center" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;translateY&quot;: [50, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 1200, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 150, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<div class="mb-6">
<img src="images/demo-logistics-blog-single-creative-03.jpg" alt class="border-radius-5px">
</div>
<div class="col-lg-9 last-paragraph-no-margin">
<h6 class="fw-600 text-dark-gray ls-minus-05px mb-15px">Strategies for streamlining logistics operations</h6>
<p>Dive into the world of efficient global trade and streamlined logistics strategies with this informative blog post. Explore key tactics for optimizing supply chain performance, reducing lead times, and enhancing overall operational efficiency. Learn how businesses can leverage technology, automation, and best practices to streamline their logistics operations and stay ahead in the competitive global marketplace.</p>
</div>
</div>
</div>
</section>
<section class="half-section">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-9" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;translateY&quot;: [50, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 1200, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 150, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<div class="row mb-30px">
<div class="tag-cloud col-md-9 text-center text-md-start sm-mb-15px">
<a href="demo-logistics-latest-blog.html">Efficiency</a>
<a href="demo-logistics-latest-blog.html">Logistics</a>
<a href="demo-logistics-latest-blog.html">Shipping</a>
<a href="demo-logistics-latest-blog.html">Technology</a>
</div>
<div class="tag-cloud col-md-3 text-uppercase text-center text-md-end">
<a class="likes-count fw-500 mx-0" href="demo-logistics-blog-single-modern.html#"><i class="fa-regular fa-heart text-red me-10px"></i><span class="text-dark-gray text-dark-gray-hover">05 Likes</span></a>
</div>
</div>
<div class="row">
<div class="col-12 mb-6">
<div class="d-block d-md-flex w-100 box-shadow-extra-large align-items-center border-radius-4px p-7 sm-p-35px">
<div class="w-140px text-center me-50px sm-mx-auto">
<img src="images/team-25.jpg" class="rounded-circle w-120px" alt>
<a href="demo-business-blog.html" class="text-dark-gray fw-500 mt-20px d-inline-block lh-20">Colene Landin</a>
<span class="fs-15 lh-20 d-block sm-mb-15px">Co-founder</span>
</div>
<div class="w-75 sm-w-100 text-center text-md-start last-paragraph-no-margin">
<p>Lorem ipsum is simply dummy text of the printing and typesetting industry. Lorem ipsum has been the industry's standard dummy text ever since the 1500s when an unknown printer.</p>
<a href="demo-logistics-latest-blog.html" class="btn btn-link btn-large text-dark-gray mt-15px p-0">All author posts</a>
</div>
</div>
</div>
</div>
<div class="row justify-content-center">
<div class="col-12 text-center elements-social social-icon-style-04">
<ul class="medium-icon dark">
<li><a class="facebook" href="https://www.facebook.com/" target="_blank"><i class="fa-brands fa-facebook-f"></i><span></span></a></li>
<li><a class="twitter" href="https://www.twitter.com" target="_blank"><i class="fa-brands fa-twitter"></i><span></span></a></li>
<li><a class="instagram" href="https://www.instagram.com" target="_blank"><i class="fa-brands fa-instagram"></i><span></span></a></li>
<li><a class="linkedin" href="http://www.linkedin.com" target="_blank"><i class="fa-brands fa-linkedin-in"></i><span></span></a></li>
<li><a class="behance" href="http://www.behance.com/" target="_blank"><i class="fa-brands fa-behance"></i><span></span></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="bg-very-light-gray position-relative sm-pb-20px">
<div class="container">
<div class="row justify-content-center mb-1">
<div class="col-lg-7 text-center">
<span class="fs-16 lh-22 fw-700 mb-15px d-inline-block text-uppercase text-dark-gray border-bottom border-2 border-color-base-color">You may also like</span>
<h3 class="text-dark-gray fw-700 mb-20px">Related posts</h3>
</div>
</div>
<div class="row">
<div class="col-12 p-md-0">
<ul class="blog-grid blog-wrapper grid-loading grid grid-3col xl-grid-3col lg-grid-3col md-grid-2col sm-grid-2col xs-grid-1col gutter-extra-large" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;translateY&quot;: [50, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 600, &quot;delay&quot;:100, &quot;staggervalue&quot;: 300, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<li class="grid-sizer"></li>
<li class="grid-item">
<div class="card border-0 border-radius-4px box-shadow-quadruple-large">
<div class="blog-image">
<a href="demo-logistics-blog-single-modern.html#" class="d-block"><img src="images/demo-logistics-blog-01.jpg" alt /></a>
</div>
<div class="card-body p-13 md-p-11">
<a href="demo-logistics-blog-single-modern.html#" class="card-title mb-15px fw-600 fs-20 text-dark-gray d-inline-block">Trends shaping the logistics and transportation industry.</a>
<p>Lorem ipsum has been industry standard dummy text ever...</p>
<div class="author d-flex justify-content-center align-items-center position-relative overflow-hidden fs-16">
<div class="me-auto">
<span class="blog-date d-inline-block text-dark-gray fw-600">30 Jul 2024</span>
<div class="d-inline-block author-name">By <a href="demo-logistics-latest-blog.html" class="text-dark-gray text-decoration-line-bottom fw-600">Den viliamson</a></div>
</div>
<div class="like-count fs-15 fw-600">
<a href="demo-logistics-blog-single-modern.html#"><i class="fa-regular fa-heart text-red"></i><span class="text-dark-gray align-middle">65</span></a>
</div>
</div>
</div>
</div>
</li>
<li class="grid-item">
<div class="card border-0 border-radius-4px box-shadow-quadruple-large">
<div class="blog-image">
<a href="demo-logistics-blog-single-modern.html#" class="d-block"><img src="images/demo-logistics-blog-02.jpg" alt /></a>
</div>
<div class="card-body p-13 md-p-11">
<a href="demo-logistics-blog-single-modern.html#" class="card-title mb-15px fw-600 fs-20 text-dark-gray d-inline-block">Technology integration in logistics processes.</a>
<p>Lorem ipsum has been industry standard dummy text ever...</p>
<div class="author d-flex justify-content-center align-items-center position-relative overflow-hidden fs-16">
<div class="me-auto">
<span class="blog-date d-inline-block text-dark-gray fw-600">28 Jul 2024</span>
<div class="d-inline-block author-name">By <a href="demo-logistics-latest-blog.html" class="text-dark-gray text-decoration-line-bottom fw-600">Hugh macleod</a></div>
</div>
<div class="like-count fs-15 fw-600">
<a href="demo-logistics-blog-single-modern.html#"><i class="fa-regular fa-heart text-red"></i><span class="text-dark-gray align-middle">25</span></a>
</div>
</div>
</div>
</div>
</li>
<li class="grid-item">
<div class="card border-0 border-radius-4px box-shadow-quadruple-large">
<div class="blog-image">
<a href="demo-logistics-blog-single-modern.html#" class="d-block"><img src="images/demo-logistics-blog-03.jpg" alt /></a>
</div>
<div class="card-body p-13 md-p-11">
<a href="demo-logistics-blog-single-modern.html#" class="card-title mb-15px fw-600 fs-20 text-dark-gray d-inline-block">Global trade and logistics and transportation strategies.</a>
<p>Lorem ipsum has been industry standard dummy text ever...</p>
<div class="author d-flex justify-content-center align-items-center position-relative overflow-hidden fs-16">
<div class="me-auto">
<span class="blog-date d-inline-block text-dark-gray fw-600">26 Jul 2024</span>
<div class="d-inline-block author-name">By <a href="demo-logistics-latest-blog.html" class="text-dark-gray text-decoration-line-bottom fw-600">Walton smith</a></div>
</div>
<div class="like-count fs-15 fw-600">
<a href="demo-logistics-blog-single-modern.html#"><i class="fa-regular fa-heart text-red"></i><span class="text-dark-gray align-middle">30</span></a>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</section>
<section class="pb-0">
<div class="container" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;translateY&quot;: [0, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 600, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 300, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<div class="row justify-content-center">
<div class="col-lg-9 text-center mb-2">
<h6 class="text-dark-gray fw-600">4 Comments</h6>
</div>
</div>
<div class="row justify-content-center">
<div class="col-lg-9">
<ul class="blog-comment">
<li>
<div class="d-block d-md-flex w-100 align-items-center align-items-md-start ">
<div class="w-90px sm-w-65px sm-mb-10px">
<img src="images/avtar-18.jpg" class="rounded-circle" alt>
</div>
<div class="w-100 ps-30px last-paragraph-no-margin sm-ps-0">
<a href="demo-logistics-blog-single-modern.html#" class="text-dark-gray fw-600">Herman Miller</a>
<a href="demo-logistics-blog-single-modern.html#comments" class="btn-reply text-uppercase section-link">Reply</a>
<div class="fs-14 lh-24 mb-10px">17 May 2024, 6:05 PM</div>
<p class="w-85 sm-w-100">Lorem ipsum is simply dummy text of the printing and typesetting industry. Lorem ipsum has been the industry's standard dummy text ever since the make book.</p>
</div>
</div>
<ul class="child-comment">
<li>
<div class="d-block d-md-flex w-100 align-items-center align-items-md-start ">
<div class="w-90px sm-w-65px sm-mb-10px">
<img src="images/avtar-19.jpg" class="rounded-circle" alt>
</div>
<div class="w-100 ps-30px last-paragraph-no-margin sm-ps-0">
<a href="demo-logistics-blog-single-modern.html#" class="text-dark-gray fw-600">Wilbur Haddock</a>
<a href="demo-logistics-blog-single-modern.html#comments" class="btn-reply text-uppercase section-link">Reply</a>
<div class="fs-14 lh-24 mb-10px">18 May 2024, 10:19 PM</div>
<p class="w-85 sm-w-100">Lorem ipsum is simply dummy text of the printing and typesetting industry. Lorem ipsum has been the industry's standard dummy text ever since.</p>
</div>
</div>
</li>
<li>
<div class="d-block d-md-flex w-100 align-items-center align-items-md-start border-radius-5px p-50px md-p-30px sm-p-20px bg-very-light-gray">
<div class="w-90px sm-w-65px sm-mb-10px">
<img src="images/avtar-17.jpg" class="rounded-circle" alt>
</div>
<div class="w-100 ps-30px last-paragraph-no-margin sm-ps-0">
<a href="demo-logistics-blog-single-modern.html#" class="text-dark-gray fw-600">Colene Landin</a>
<a href="demo-logistics-blog-single-modern.html#comments" class="btn-reply text-uppercase section-link">Reply</a>
<div class="fs-14 lh-24 mb-10px">18 May 2024, 12:39 PM</div>
<p class="w-85 sm-w-100">Lorem ipsum is simply dummy text of the printing and typesetting industry. Ipsum has been the industry's standard dummy text.</p>
</div>
</div>
</li>
</ul>
</li>
<li>
<div class="d-block d-md-flex w-100 align-items-center align-items-md-start ">
<div class="w-90px sm-w-65px sm-mb-10px">
<img src="images/avtar-18.jpg" class="rounded-circle" alt>
</div>
<div class="w-100 ps-30px last-paragraph-no-margin sm-ps-0">
<a href="demo-logistics-blog-single-modern.html#" class="text-dark-gray fw-600">Jennifer Freeman</a>
<a href="demo-logistics-blog-single-modern.html#comments" class="btn-reply text-uppercase section-link">Reply</a>
<div class="fs-14 lh-24 mb-10px">19 May 2024, 8:25 PM</div>
<p class="w-85 sm-w-100">Lorem ipsum is simply dummy text of the printing and typesetting industry. Lorem ipsum has been the industry's standard dummy text ever since the make a type specimen book.</p>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</section>
<section id="comments">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-9 mb-3 sm-mb-6">
<h6 class="text-dark-gray fw-600 mb-5px">Write a comment</h6>
<div class="mb-5px">Your email address will not be published. Required fields are marked *</div>
</div>
</div>
<div class="row justify-content-center">
<div class="col-lg-9">
<form action="email-templates/contact-form.php" method="post" class="row contact-form-style-02">
<div class="col-md-6 mb-30px">
<input class="input-name border-radius-4px form-control required" type="text" name="name" placeholder="Enter your name*">
</div>
<div class="col-md-6 mb-30px">
<input class="border-radius-4px form-control required" type="email" name="email" placeholder="Enter your email address*">
</div>
<div class="col-md-12 mb-30px">
<textarea class="border-radius-4px form-control" cols="40" rows="4" name="comment" placeholder="Your message"></textarea>
</div>
<div class="col-12">
<input type="hidden" name="redirect" value>
<button class="btn btn-dark-gray btn-small btn-round-edge submit" type="submit">Post Comment</button>
<div class="form-results mt-20px d-none"></div>
</div>
</form>
</div>
</div>
</div>
</section>
<footer class="fs-17 footer-dark p-0 bg-dark-gray">
<div class="container">
<div class="row justify-content-center pt-6 sm-pt-40px text-sm-start text-center">
<div class="col-xl-3 col-lg-4 col-md-5 col-sm-6 md-mb-30px">
<a href="demo-logistics.html" class="footer-logo mb-20px d-inline-block">
<img src="images/demo-logistics-logo-white.png" data-at2x="images/demo-logistics-logo-white.png" alt>
</a>
<p class="fs-17 mx-auto xs-w-90">Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet ipsum.</p>
<div class="row align-items-center border border-color-transparent-white-light g-0 border-radius-4px">
<div class="col-5 text-center"><h2 class="text-white fw-700 mb-0">4.9</h2></div>
<div class="col-7 border-start border-color-transparent-white-light ps-20px pe-20px pt-15px pb-15px lg-ps-15px lg-pe-15px text-center text-sm-start">
<div class="review-star-icon">
<i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
</div>
<span class="d-block fs-18">30k Reviews</span>
</div>
</div>
</div>
<div class="col-lg-2 col-md-3 col-sm-5 offset-xl-1 offset-md-0 offset-sm-1 md-mb-30px">
<span class="fs-18 d-block text-white fw-500 mb-10px">About services</span>
<ul>
<li><a href="demo-logistics-services-details.html">Air freight</a></li>
<li><a href="demo-logistics-services-details.html">Ocean freight</a></li>
<li><a href="demo-logistics-services-details.html">Road freight</a></li>
<li><a href="demo-logistics-services-details.html">Ware housing</a></li>
<li><a href="demo-logistics-services-details.html">Supply chain</a></li>
</ul>
</div>
<div class="col-lg-3 col-md-4 col-sm-5 offset-md-0 offset-sm-1 order-5 order-md-3 xs-mb-30px">
<span class="fs-18 d-block text-white fw-500 mb-10px">Need help?</span>
<span class="d-block">Call us directly?</span>
<a href="tel:1800222000" class="mb-15px d-inline-block">1 800 222 000</a>
<span class="d-block">Need live support?</span>
<a href="cdn-cgi/l/email-protection.html#f685838686998482b692999b979f98d895999b" class="d-sm-inline-block d-block"><span class="__cf_email__" data-cfemail="f1828481819e8385b1959e9c90989fdf929e9c">[email&#160;protected]</span></a>
<a href="cdn-cgi/l/email-protection.html#670e0901082703080a060e094904080a" class="d-inline-block"><span class="__cf_email__" data-cfemail="244d4a424b64404b49454d4a0a474b49">[email&#160;protected]</span></a>
</div>
<div class="col-lg-3 col-md-10 col-sm-6 text-md-center text-lg-start order-last order-sm-4">
<span class="fs-18 d-block text-white fw-500 mb-10px">Keep in touch with us</span>
<p class="mb-20px fs-17 mx-auto xs-w-90">Subscribe our newsletter to get the latest news and updates.</p>
<div class="d-inline-block w-100 newsletter-style-02 position-relative mb-15px">
<form action="email-templates/subscribe-newsletter.php" method="post" class="position-relative w-100">
<input class="bg-transparent border-color-transparent-white-light w-100 form-control required" type="email" name="email" placeholder="Enter your email">
<input type="hidden" name="redirect" value>
<button class="btn submit" aria-label="submit"><i class="icon feather icon-feather-mail icon-small text-white"></i></button>
<div class="form-results border-radius-4px pt-5px pb-5px ps-15px pe-15px fs-14 lh-22 mt-10px w-100 text-center position-absolute d-none"></div>
</form>
</div>
<div class="d-flex align-items-center justify-content-lg-start justify-content-md-center justify-content-sm-start justify-content-center">
<i class="line-icon-Handshake align-middle icon-medium me-10px"></i>
<span class="fs-16">Protecting your privacy</span>
</div>
</div>
</div>
<div class="row justify-content-center align-items-center pt-5 md-pt-30px">
<div class="col-12">
<div class="divider-style-03 divider-style-03-01 border-color-transparent-white-light"></div>
</div>
<div class="col-lg-9 pt-25px pb-25px fs-15 last-paragraph-no-margin text-center order-2 order-sm-1"><p>This site is protected by reCAPTCHA and the Google <a href="demo-logistics-blog-single-modern.html#" class="text-decoration-line-bottom">privacy policy</a> and <a href="demo-logistics-blog-single-modern.html#" class="text-decoration-line-bottom">terms of service</a> apply. You must not use this website if you disagree with any of these website standard terms and conditions.</p></div>
</div>
</div>
</footer>
<div class="scroll-progress d-none d-xxl-block">
<a href="demo-logistics-blog-single-modern.html#" class="scroll-top" aria-label="scroll">
<span class="scroll-text">Scroll</span><span class="scroll-line"><span class="scroll-point"></span></span>
</a>
</div>
<script data-cfasync="false" src="cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/vendors.min.js"></script>
<script type="text/javascript" src="js/main.js"></script>
</body>
</html>