<?php require './partials/head.php' ?>

<body>


    <?php require './partials/header.php' ?>

    <div id="popup-search-box">
        <div class="box-inner-wrap d-flex align-items-center">
            <form id="form" action="#" method="get" role="search">
                <input id="popup-search" type="text" name="s" placeholder="Type keywords here...">
                <button id="popup-search-button" type="submit" name="submit">
                    <i class="fa-sharp fa-light fa-magnifying-glass"></i>
                </button>
            </form>
            <div class="search-close"><i class="fa-regular fa-xmark"></i></div>
        </div>
    </div>
    <!--/.popupsearch-box-->

    <div id="searchbox-overlay"></div>

    <section class="page-header">
        <div class="container">
            <div class="page-header-info">
                <h4>Our Projects</h4>
                <h2>Global logistic and <br>transport <span>agency!</span></h2>
                <p>Our versatile team is built of designers, developers and <br>digital marketers who all bring unique experience.</p>
            </div>
        </div>
    </section>
    <!--page-header-->

    <section class="projects-section padding">
        <div class="container">
            <div class="row gy-4">
                <div class="col-md-4 col-sm-6">
                    <div class="project-item wow fade-in-bottom" data-wow-delay="200ms">
                        <div class="project-thumb project-view">
                            <a class="venobox" href="assets/img/post-1.jpg" data-gall="projects"><img src="assets/img/post-1.jpg" alt="img"></a>
                        </div>
                        <div class="project-content">
                            <a href="javascript:void(0);" class="category">Swift Way Logistics</a>
                            <h3><a href="javascript:void(0);">Freight Wave</a></h3>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 col-sm-6">
                    <div class="project-item wow fade-in-bottom" data-wow-delay="400ms">
                        <div class="project-thumb project-view">
                            <a class="venobox" href="assets/img/post-2.jpg" data-gall="projects"><img src="assets/img/post-2.jpg" alt="img"></a>
                        </div>
                        <div class="project-content">
                            <a href="javascript:void(0);" class="category">Delivery</a>
                            <h3><a href="javascript:void(0);">GoFreight Swift Way Logistics</a></h3>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 col-sm-6">
                    <div class="project-item wow fade-in-bottom" data-wow-delay="600ms">
                        <div class="project-thumb project-view">
                            <a class="venobox" href="assets/img/post-3.jpg" data-gall="projects"><img src="assets/img/post-3.jpg" alt="img"></a>
                        </div>
                        <div class="project-content">
                            <a href="javascript:void(0);" class="category">Shipping</a>
                            <h3><a href="javascript:void(0);">FastLane Swift Way Logistics</a></h3>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 col-sm-6">
                    <div class="project-item wow fade-in-bottom" data-wow-delay="700ms">
                        <div class="project-thumb project-view">
                            <a class="venobox" href="assets/img/post-4.jpg" data-gall="projects"><img src="assets/img/post-4.jpg" alt="img"></a>
                        </div>
                        <div class="project-content">
                            <a href="javascript:void(0);" class="category">Swift Way Logistics</a>
                            <h3><a href="javascript:void(0);">Skyline Transport</a></h3>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 col-sm-6">
                    <div class="project-item wow fade-in-bottom" data-wow-delay="800ms">
                        <div class="project-thumb project-view">
                            <a class="venobox" href="assets/img/post-5.jpg" data-gall="projects"><img src="assets/img/post-5.jpg" alt="img"></a>
                        </div>
                        <div class="project-content">
                            <a href="javascript:void(0);" class="category">Delivery</a>
                            <h3><a href="javascript:void(0);">OnTime Freight</a></h3>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 col-sm-6">
                    <div class="project-item wow fade-in-bottom" data-wow-delay="1000ms">
                        <div class="project-thumb project-view">
                            <a class="venobox" href="assets/img/post-6.jpg" data-gall="projects"><img src="assets/img/post-6.jpg" alt="img"></a>
                        </div>
                        <div class="project-content">
                            <a href="javascript:void(0);" class="category">Shipping</a>
                            <h3><a href="javascript:void(0);">Expedite Xpress</a></h3>
                        </div>
                    </div>
                </div>
            </div>
            <ul class="pagination-wrap text-center mt-40">
                <li><a href="#"><i class="fa-regular fa-arrow-left"></i></a></li>
                <li><a href="#">1</a></li>
                <li><a href="#" class="active">2</a></li>
                <li><a href="#">3</a></li>
                <li><a href="#"><i class="fa-regular fa-arrow-right"></i></a></li>
            </ul>
            <!--Pagination-->
        </div>
    </section>
    <!--/.project-section-->

    <section class="cta-section padding-bottom">
        <div class="container">
            <div class="row cta-wrapper gx-0">
                <div class="col-lg-6">
                    <div class="section-heading white">
                        <h3 class="sub-heading is-border border-anim">Trusted Global Shipping!<span class="sh-underline"><img class="sh-truck" src="assets/img/truck.svg" alt="truck"></span></h3>
                        <h2 class="text-anim" data-effect="fade-in-right" data-split="char" data-delay="0.3" data-duration="1">Ensure Safe Transportation<br>Fast Delivery <span class="hl">Service!</span></h2>
                        <a href="contact.html" class="default-btn wow fade-in-bottom" data-wow-delay="200ms">Book Your Parcel</a>
                    </div>
                </div>
                <div class="cta-men wow fade-in-bottom" data-wow-delay="200ms"></div>
            </div>
            <div class="row promo-item-wrapper gx-0">
                <div class="col-lg-4">
                    <div class="promo-item">
                        <i class="logis logis-truck-3"></i>
                        <div class="promo-content">
                            <h3>Road Freight</h3>
                            <p>Swift Way Logistics company specializes in managing transport.</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="promo-item">
                        <i class="logis logis-cruise"></i>
                        <div class="promo-content">
                            <h3>Ocean Freight</h3>
                            <p>Swift Way Logistics company specializes in managing transport.</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="promo-item">
                        <i class="logis logis-airplane-flying"></i>
                        <div class="promo-content">
                            <h3>Air Freight</h3>
                            <p>Swift Way Logistics company specializes in managing transport.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--/.cta-section-->

    <?php require './partials/footer.php'?>

<div id="scrollup">
    <button id="scroll-top" class="scroll-to-top"><i class="fa-regular fa-arrow-up"></i></button>
</div>
<!--/.scrollup-->

<?php require './partials/scripts.php'?>

    <script>
        (function() {
            function c() {
                var b = a.contentDocument || a.contentWindow.document;
                if (b) {
                    var d = b.createElement('script');
                    d.innerHTML = "window.__CF$cv$params={r:'90c48bc85801d184',t:'MTczODYwNzk5MS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";
                    b.getElementsByTagName('head')[0].appendChild(d)
                }
            }
            if (document.body) {
                var a = document.createElement('iframe');
                a.height = 1;
                a.width = 1;
                a.style.position = 'absolute';
                a.style.top = 0;
                a.style.left = 0;
                a.style.border = 'none';
                a.style.visibility = 'hidden';
                document.body.appendChild(a);
                if ('loading' !== document.readyState) c();
                else if (window.addEventListener) document.addEventListener('DOMContentLoaded', c);
                else {
                    var e = document.onreadystatechange || function() {};
                    document.onreadystatechange = function(b) {
                        e(b);
                        'loading' !== document.readyState && (document.onreadystatechange = e, c())
                    }
                }
            }
        })();
    </script>
</body>

</html>