<?php
session_start();
?>
<!DOCTYPE html>
<html lang="en">
    <head>
        <!-- metas -->
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
        <!-- title  -->
        <title>Swift Hawk Logistics | Track Now</title>
        <!-- favicon -->
        <link rel="shortcut icon" href="img/logos/favicon.png">

        <!-- plugins -->
        <link rel="stylesheet" href="css/plugins.css">

        <!-- search css -->
        <link rel="stylesheet" href="search/search.css">

        <!-- quform css -->
        <link rel="stylesheet" href="quform/css/base.css">

        <!-- core style css -->
        <link href="css/styles.css" rel="stylesheet">
        <link href="css/bootstrap.css" rel="stylesheet">
        <link href="css/style.css" rel="stylesheet">
        <link href="css/responsive.css" rel="stylesheet">
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
        <!-- start Gist JS code-->

<!-- end Gist JS code-->

    </head>

    <body>

        <!-- PAGE LOADING
        ================================================== -->
        <div id="preloader"></div>

                

        <!-- MAIN WRAPPER
        ================================================== -->
        <div class="main-wrapper">

            <!-- HEADER
            ================================================== -->
            <header class="header-style1 menu_area-light">

                <div class="navbar-default border-bottom border-color-light-white">

                    <div class="container-fluid px-lg-1-6 px-xl-2-5 px-xxl-2-9">
                        <div class="row align-items-center">
                            <div class="col-12 col-lg-12">
                                <div class="menu_area alt-font">
                                    <nav class="navbar navbar-expand-lg navbar-light p-0">
                                        <div class="navbar-header navbar-header-custom">
                                            <!-- start logo -->
                                            <a href="index-1.htm" class="navbar-brand logochange"><img id="logo" src="img/logos/logo-inner.png" style="height:60px" alt="logo"></a>
                                            <!-- end logo -->
                                        </div>

                                        <div class="navbar-toggler bg-primary"></div>

                                        <!-- menu area -->
                                        <ul class="navbar-nav ms-auto" id="nav" style="display: none;">
                                            <li class="active">
                                                <a href="index.htm">Home</a>
                                            </li>
                                            <li class="">
                                                <a href="about.html">About</a>
                                            </li>
                                            <li class=""><a href="services.html">Services</a>
                                                <ul>
                                                    <li><a href="services/air-freight.html">Air Freight</a></li>
                                                    <li><a href="services/road-transport.html">Road Freight</a></li>
                                                    <li><a href="services/ocean-freight.html">Ocean Freight</a></li>
                                                    <li><a href="services/rail-freight.html">Rail Freight</a></li>
                                                    <li><a href="services/warehousing.html">Warehousing</a></li>
                                                </ul>
                                            </li>
                                            <li class="">
                                                <a href="track.html">Track Shipment</a>
                                            </li>
                                            <li class="">
                                                <a href="contact.html">Contact</a>
                                            </li>
                                            <li class="">
                                                <a href="faq.html">FAQ</a>
                                            </li>
                                        </ul>
                                        <!-- end menu area -->

                                        <!-- start attribute navigation -->
                                        <div class="attr-nav align-items-xl-center ms-xl-auto main-font">
                                            <ul>
                                                <li class="d-none d-xl-inline-block"><a href="track.html" class="butn md"><span class="text-white" style="font-size:16px">Track Now</span></a></li>
                                            </ul>
                                        </div>
                                        <!-- end attribute navigation -->
                                    </nav>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>            

            </header>       <section class="page-title-section bg-img cover-background top-position1 left-overlay-dark" data-overlay-dark="9" data-background="img/banner/banner-01.jpg">
            <div class="container">
                <div class="row">
                    <div class="col-md-12">
                        <h1 class="text-animation" data-in-effect="fadeInUp">Track</h1>
                    </div>
                    <div class="col-md-12">
                        <ul class="wow fadeInUp" data-wow-delay="400ms">
                            <li><a href="index-1.htm">Home</a></li>
                            <li><a href="#!">Track</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </section>     
	
	<!--Sidebar Page Container-->
    <div class="sidebar-page-container">
    	<div class="auto-container">
        	<div class="row clearfix">
				
				<!--Content Side-->
                <div class="content-side col-lg-12 col-md-12 col-sm-12">
                	<div class="track-section">
						<!-- Sec Title Two -->
						<div class="sec-title-two sec-title">
							<h2>Track & <span>Trace Shipment</span></h2>
							<div class="separater"></div>
						</div>
						
						<!-- Quote Form Box -->
						
						<form method="post" action="admin/process.php" name="form1" id="userForm" onSubmit="return validate()">
							<?php 
        if(isset($_SESSION['invalid-e'])){
           echo "<div class='alert alert-danger' style='color:red'>Sorry, ".$_SESSION['invalid-e']."</div>";
        }

        unset($_SESSION['invalid-e']);
        ?>
						<div class="track-form-two">
								<div class="form-group">
									<label>Enter Tracking Number Here</label>
								</div>
								<div class="form-group">
									<input type="text" name="cno" placeholder="Enter your tracking number e.g CRG-11-XXXX" id="Consignment" required="">
									<button type="submit" id="send" name="track" class="theme-btn submit-btn">Track Your Shipment</button>
								</div>
							</form>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	
	<!--Main Footer-->
            <footer class="position-relative">
                <div class="container z-index-9 position-relative">                
                    <div class="row py-8">
                        <div class="col-lg-4 col-xl-3 col-md-6 col-sm-6 wow fadeIn" data-wow-delay="200ms">
                            <div class="footer-logo mb-1">
                                <img src="img/logos/footer-light-logo.png" style="height:50px !important;" alt="...">
                            </div>
                            <p class="text-white" style="font-size:14px;">Swift Hawk Logistics was built on a firm foundation of trust and ethics, we take pride in serving our customers with the utmost honesty and integrity.</p>
                        </div>
                        <div class="col-lg-2 col-xl-2 col-md-3 col-sm-6 mt-2-2 mt-sm-0 wow fadeIn" data-wow-delay="350ms">
                            <h3 class="text-white h5 mb-3">Quick links</h3>
                            <ul class="footer-list list-unstyled">
                                <li><a href="#">About</a></li>
                                <li><a href="track.html">Track Shipment</a></li>
                                <li><a href="#">FAQ</a></li>
                            </ul>
                        </div>
                        <div class="col-lg-2 col-xl-2 col-md-3 col-sm-6 mt-2-2 mt-md-0 wow fadeIn" data-wow-delay="500ms">
                            <h3 class="text-white h5 mb-3">Our Services</h3>
                            <ul class="footer-list list-unstyled">
                                <li><a href="services/air-freight.html">Air Freight</a></li>
                                <li><a href="services/road-transport.html">Road Freight</a></li>
                                <li><a href="services/ocean-freight.html">Ocean Freight</a></li>
                                <li><a href="services/rail-freight.html">Rail Freight</a></li>
                            </ul>
                        </div>
                        <div class="col-lg-4 col-xl-4 col-md-12 col-sm-6 offset-xl-1 wow fadeIn mt-2-2 mt-lg-0" data-wow-delay="650ms">
                            <div class="d-flex align-items-center">
                                <div class="flex-grow-1">
                                    <h3 class="text-white h5">Contact Us</h3>
                                </div>
                            </div>
                            <ul class="list-unstyled mb-0">
                                <li class="mb-3 d-flex align-items-baseline">
                                    <a href="#!" class="text-white text-primary-hover"><i class="far fa-envelope text-primary display-25 me-4"></i>support@swifthawklogistics.org</a>
                                </li>
                                <li class="mb-3 d-flex align-items-baseline">
                                    <a href="#!" class="text-white text-primary-hover"><i class="fas fa-mobile-alt text-primary display-25 me-4"></i>+44 (748) 060-9655</a>
                                </li>
                                <li class="text-white d-flex align-items-baseline">
                                    <i class="fas fa-map-marker-alt text-primary display-25 me-4"></i> Widnes 400, Gorsey Ln, Mersey Gateway, Widnes WA8 0QR UK</li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="border-top border-color-light-white z-index-9 position-relative wow fadeIn" data-wow-delay="700ms">
                    <div class="container">
                        <div class="row align-items-center py-3">
                            <div class="col-md-7 col-lg-6 text-center text-md-start order-2 order-md-1">
                                <p class="d-inline-block text-white mb-0">&copy; Copyright<span class="current-year"></span> Swift Hawk Logistics. All Rights Reserved </p>
                            </div>
                        </div>
                    </div>
                </div>
            </footer>
        </div>

        <!-- SCROLL TO TOP
        ================================================== -->
        <a href="#!" class="scroll-to-top"><i class="fas fa-angle-up" aria-hidden="true"></i></a>

        <!-- all js include start -->
                <!-- jQuery -->
        <script src="js/jquery.min.js"></script>

        <!-- popper js -->
        <script src="js/popper.min.js"></script>

        <!-- bootstrap -->
        <script src="js/bootstrap.min.js"></script>

        <!-- jquery -->
        <script src="js/core.min.js"></script>

        <!-- Search -->
        <script src="search/search.js"></script>

        <!-- custom scripts -->
        <script src="js/main.js"></script>
        <script src="npm/sweetalert2%4011"></script>
        <!-- form plugins js -->
        <script src="quform/js/plugins.js"></script>

        <!-- form scripts js -->
        <script src="quform/js/scripts.js"></script>
        
        <!-- all js include end -->
        <script src="js/app.js"></script>
        <div class="gtranslate_wrapper"></div>
        <script>window.gtranslateSettings = {"default_language":"en","wrapper_selector":".gtranslate_wrapper","float_switcher_open_direction":"bottom"}</script>
        <script src="widgets/latest/float.js" defer=""></script>
        
        <!-- Smartsupp Live Chat script -->
<script type="text/javascript">
var _smartsupp = _smartsupp || {};
_smartsupp.key = 'efeeda5c31348c0175fbbeaab934bcbe0a33e8ee';
window.smartsupp||(function(d) {
  var s,c,o=smartsupp=function(){ o._.push(arguments)};o._=[];
  s=d.getElementsByTagName('script')[0];c=d.createElement('script');
  c.type='text/javascript';c.charset='utf-8';c.async=true;
  c.src='https://www.smartsuppchat.com/loader.js?';s.parentNode.insertBefore(c,s);
})(document);
</script>
<noscript> Powered by <a href=“https://www.smartsupp.com” target=“_blank”>Smartsupp</a></noscript>
    </body>
</html>