
<!DOCTYPE html>
<html  lang="en">

<!-- Mirrored from html.kodesolution.com/2024/Cargorover-php/index-2-dark.php by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 10 Dec 2024 09:45:58 GMT -->
<!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=UTF-8" /><!-- /Added by HTTrack -->
<head>
<meta charset="utf-8">
<title>Cargorover | Logistic & Transport </title>

<!-- Stylesheets -->
<link href="css/bootstrap.min.css" rel="stylesheet">


<link href="css/style.css" rel="stylesheet">
<link href="css/slick.css" rel="stylesheet">
<link href="css/slick-theme.css" rel="stylesheet">
<link href="css/responsive.css" rel="stylesheet">



	<link href="css/style-dark.css" rel="stylesheet">


<link rel="shortcut icon" href="images/favicon.png" type="image/x-icon">
<link rel="icon" href="images/favicon.png" type="image/x-icon">

<!-- Responsive -->
<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=0">
<!--[if lt IE 9]><script src="js/html5shiv.js"></script><![endif]-->
<!--[if lt IE 9]><script src="js/respond.js"></script><![endif]-->

<style>

	::-webkit-scrollbar-track
	{
		-webkit-box-shadow: none;
		background-color: transparent;
	}
	::-webkit-scrollbar
	{
		width: 5px;
		background-color: transparent;
	}
	::-webkit-scrollbar-thumb
	{
		background-color: #EFD777;
		border: 0px solid #EFD777;
	}

</style>

</head>

<body
><div class="page-wrapper">

	<!-- Preloader -->
	<div class="preloader"></div>

  <!-- Main Header-->
  <header class="main-header header-style-one">
    <!-- Header Top -->
    <div class="header-top">
      <div class="inner-container">
        <div class="top-left">
          <!-- Info List -->
          <ul class="list-style-one">
            <li><i class="fa fa-envelope"></i> <a href="mailto:support@cargorover.com">support@cargorover.com</a></li>
            <li><i class="fa fa-map-marker"></i> 88 Broklyn Golden Street. New York</li>
          </ul>
        </div>
        <div class="top-right">
          <ul class="useful-links">
            <li><a href="#">Help</a></li>
            <li><a href="#">Support</a></li>
            <li><a href="#">Contact</a></li>
          </ul>
          <ul class="social-icon-one">
            <li><a href="#"><span class="fab fa-twitter"></span></a></li>
            <li><a href="#"><span class="fab fa-facebook-square"></span></a></li>
            <li><a href="#"><span class="fab fa-pinterest-p"></span></a></li>
            <li><a href="#"><span class="fab fa-instagram"></span></a></li>
          </ul>
        </div>
      </div>
    </div>
    <!-- Header Top -->
    
    <div class="header-lower">
      <!-- Main box -->
      <div class="main-box">
        <div class="logo-box">
			          <div class="logo"><a href="index.html"><img src="images/logo-2.png" width="200" alt=""></a></div>

         
        </div>
        <!--Nav Box-->
        <div class="nav-outer">    
            <nav class="nav main-menu">
								
				<ul class="navigation">

					<li><a href="index.html">Home</a></li>
					<li><a href="about.html">About</a></li>
					<li><a href="services.html">Services</a></li>
					<li><a href="contact.html">Contact Us</a></li>
					<li><a href="tracking.php">Track&Trace</a></li>
					
				</ul>          
		    </nav>
          <!-- Main Menu End-->
        </div>

        <div class="outer-box">
          <a href="tel:+92(8800)9806" class="info-btn">
            <i class="icon fa-light fa-phone-arrow-up-right"></i>
            + 92 (8800) - 9850
          </a>
          <!-- Mobile Nav toggler -->
          <div class="mobile-nav-toggler"><span class="icon lnr-icon-bars"></span></div>
        </div>
      </div>
    </div>

    <!-- Mobile Menu  -->
    <div class="mobile-menu">
      <div class="menu-backdrop"></div>
    
      <!--Here Menu Will Come Automatically Via Javascript / Same Menu as in Header-->
      <nav class="menu-box">
        <div class="upper-box">
          <div class="nav-logo"><a href="index.html"><img src="images/logo-2.png" alt=""></a></div>
          <div class="close-btn"><i class="icon fa fa-times"></i></div>
        </div>
    
        <ul class="navigation clearfix">
          <!--Keep This Empty / Menu will come through Javascript-->
        </ul>
        <ul class="contact-list-one">
          <li>
            <!-- Contact Info Box -->
            <div class="contact-info-box">
              <i class="icon lnr-icon-phone-handset"></i>
              <span class="title">Call Now</span>
              <a href="tel:+92880098670">+92 (8800) - 98670</a>
            </div>
          </li>
          <li>
            <!-- Contact Info Box -->
            <div class="contact-info-box">
              <span class="icon lnr-icon-envelope1"></span>
              <span class="title">Send Email</span>
              <a href="mailto:support@cargorover.com">support@cargorover.com</a>
            </div>
          </li>
          <li>
            <!-- Contact Info Box -->
            <div class="contact-info-box">
              <span class="icon lnr-icon-clock"></span>
              <span class="title">Send Email</span>
              Mon - Sat 8:00 - 6:30, Sunday - CLOSED
            </div>
          </li>
        </ul>
    
    
        <ul class="social-links">
          <li><a href="#"><i class="fab fa-twitter"></i></a></li>
          <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
          <li><a href="#"><i class="fab fa-pinterest"></i></a></li>
          <li><a href="#"><i class="fab fa-instagram"></i></a></li>
        </ul>
      </nav>
    </div><!-- End Mobile Menu -->

    <!-- Header Search -->
    <div class="search-popup">
      <span class="search-back-drop"></span>
      <button class="close-search"><span class="fa fa-times"></span></button>
    
     

    <!-- Sticky Header  -->
    <div class="sticky-header">
      <div class="auto-container">
        <div class="inner-container">
          <!--Logo-->
          <div class="logo">
				<a href="index.html" title=""><img src="images/logo-2.png"></a>
          </div>
    
          <!--Right Col-->
          <div class="nav-outer">
            <!-- Main Menu -->
            <nav class="main-menu">
              <div class="navbar-collapse show collapse clearfix">
                <ul class="navigation clearfix">
                  <!--Keep This Empty / Menu will come through Javascript-->
                </ul>
              </div>
            </nav><!-- Main Menu End-->
    
            <!--Mobile Navigation Toggler-->
            <div class="mobile-nav-toggler"><span class="icon lnr-icon-bars"></span></div>
          </div>
        </div>
      </div>
    </div><!-- End Sticky Menu -->
  </header>
  <!-- Main Header End -->

	<!-- Start main-content -->
	<section class="page-title" style="background-image: url(images/background/page-title.jpg);">
		<div class="auto-container">
			<div class="title-outer text-center">
				<h1 class="title">Track&Trace</h1>
				<ul class="page-breadcrumb">
					<li><a href="index.html">Home</a></li>
					<li>Track&Trace</li>
				</ul>
			</div>
		</div>
	</section>
	<!-- end main-content -->


 <br>
 <br>
 <br>
 <br>
 <br>


    <!-- Contact Section -->
	<section id="contact" class="contact-section-two pull-up pb-40">
		<div class="auto-container">
			<div class="row">
				<!-- Info Column -->
				<!-- <div class="info-column col-xl-7 col-lg-6 order-2">
					<div class="inner-column wow fadeInRight">
						<div class="sec-title">
							<div class="sub-title">Get to know</div>
							<h3>Keep your dream transport with us</h3>
						</div>
						<figure class="image overlay-anim d-none d-xl-block"><img src="images/resource/contact.jpg" alt=""></figure>
						<div class="info-box">
							<span class="icon fa fa-check"></span>
							<h5 class="title">Multiple Port Services</h5>
							<div class="text">Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean solldin, lorem is simply free</div>
						</div>
						<div class="info-box">
							<span class="icon fa fa-check"></span>
							<h5 class="title">End to End Solutions</h5>
							<div class="text">Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean solldin, lorem is simply free</div>
						</div>
					</div>
				</div> -->
				<!-- Form Column -->
				<div class="form-column col-xl-12 col-lg-12">
					<div class="inner-column">
						<!-- Contact Form -->
						<div class="contact-form wow fadeInLeft">
							<div class="title-box">
								<h4 class="text-white">Track your shipping location</h4>
								<span class="sub-title">Tracking ID will be on your document file</span>
							</div>
							<!--Contact Form-->
							<form id="contact_form" name="contact_form" class="" action="tracking/track.php" method="post">

								<div class="form-group">
									<input type="text" name="trackId" placeholder="Enter Tracking ID" required>
								</div>

								<span class="sub-title">Enter your tracking ID to view your tracking details. Tracking info will not be seen until your have inputed a valid tracking ID </span>
                                 
                                <br>
                                <br>
                                
								<div class="form-group">
									<button type="submit" name="trackingsub" class="theme-btn btn-style-one" data-loading-text="Please wait..."><span class="btn-title">Track Now</span></button>
								</div>
							</form>
						</div>
						<!--End Contact Form -->
					</div>
				</div>
			</div>
		</div>
	</section>
	<!--End FAQ Section -->
	











     <!-- Main Footer -->
  <footer class="main-footer">
    <div class="bg bg-pattern-7"></div>
    <div class="auto-container">
			<div class="footer-upper">
								<div class="logo-box"><img src="images/logo-2.png" alt=""></div>
        <ul class="contact-info">
          <li>
            <i class="icon lnr-icon-smartphone"></i>
            <span class="title">Phone:</span>
            <div class="text"><a href="tel:+0123456789">+0 123-456-789</a></div>
          </li>
          <li>
            <i class="icon lnr-icon-location"></i>
            <span class="title">Email:</span>
            <div class="text"><a href="mailto:support@cargorover.com">support@cargorover.com</a></div>
          </li>
          <li>
            <i class="icon lnr-icon-map-marker"></i>
            <span class="title">Address:</span>
            <div class="text">30 Broklyn Street. USA</div>
          </li>
        </ul>
			</div>
    </div>
    <!--Widgets Section-->
    <div class="widgets-section">
      <div class="auto-container">
        <div class="row">
          
          <!--Footer Column-->
          <div class="footer-column col-xl-6 col-lg-8 col-md-12 mb-0">
            <div class="row">
              <div class="footer-widget col-md-4">
                <h4 class="widget-title">Links</h4>
                <ul class="user-links">
                  <li><a href="#">Home</a></li>
                  <li><a href="#">About</a></li>
                  <li><a href="#">Services</a></li>
                  <li><a href="#">Contact Us</a></li>
                  <li><a href="#">Track&Trace</a></li>
                </ul>
              </div>
              <div class="footer-widget col-md-4">
                <h4 class="widget-title">Services</h4>
                <ul class="user-links">
                  <li><a href="#">Sea Freight</a></li>
                  <li><a href="#">Road Transport</a></li>
                  <li><a href="#">Railway Logistics</a></li>
                  <li><a href="#">Air Flight</a></li>
                  <li><a href="#">Secure Shopping</a></li>
                </ul>
              </div>
              <div class="footer-widget col-md-4">
                <h4 class="widget-title">Services</h4>
                <ul class="user-links">
                  <li><a href="#">Ocean Freight</a></li>
                  <li><a href="#">Railway Freight</a></li>
                  <li><a href="#">Warehousing</a></li>
                  <li><a href="#">Distribution</a></li>
                  <li><a href="#">Transparent Pricing</a></li>
                </ul>
              </div>
            </div>
          </div>

          <!--Footer Column-->
          <div class="footer-column col-xl-3 col-lg-4 col-md-6 col-sm-8">
            <div class="footer-widget gallery-widget">
              <h4 class="widget-title">Gallery</h4>
              <div class="widget-content">
                <div class="outer clearfix">
                  <figure class="image"><a href="#"><img src="images/resource/project-thumb-1.jpg" alt=""></a></figure>
                  <figure class="image"><a href="#"><img src="images/resource/project-thumb-2.jpg" alt=""></a></figure>
                  <figure class="image"><a href="#"><img src="images/resource/project-thumb-3.jpg" alt=""></a></figure>
                  <figure class="image"><a href="#"><img src="images/resource/project-thumb-4.jpg" alt=""></a></figure>
                  <figure class="image"><a href="#"><img src="images/resource/project-thumb-5.jpg" alt=""></a></figure>
                  <figure class="image"><a href="#"><img src="images/resource/project-thumb-6.jpg" alt=""></a></figure>
                </div>
              </div>
            </div>
          </div>

          <!--Footer Column-->
          <div class="footer-column col-xl-3 col-lg-12 col-md-6">
            <div class="footer-widget">
              <h4 class="widget-title">Newsletter</h4>
              <div class="subscribe-form">
                <div class="text">Signup for our latest news & articles.</div>
                <form method="post" action="#">
                  <div class="form-group">
                    <input type="email" name="email" class="email" value="" placeholder="Email Address" required="">
                    <button type="button" class="theme-btn"><i class="fa fa-paper-plane"></i></button>
                  </div>
                </form>
              </div>
              <ul class="social-icon-two">
                <li><a href="#"><i class="fab fa-twitter"></i></a></li>
                <li><a href="#"><i class="fab fa-facebook"></i></a></li>
                <li><a href="#"><i class="fab fa-pinterest"></i></a></li>
                <li><a href="#"><i class="fab fa-instagram"></i></a></li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>
  
    <!--Footer Bottom-->
    <div class="footer-bottom">
      <div class="auto-container">
        <div class="inner-container">
          <div class="copyright-text">&copy; Copyright reserved by <a href="index.html">Cargorover</a></div>
        </div>
      </div>
    </div>
  </footer>
  <!--End Main Footer -->

<!-- Scroll To Top -->
<div class="scroll-to-top scroll-to-target" data-target="php"><span class="fa fa-angle-up"></span></div>

<script data-cfasync="false" src="../../cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="js/jquery.js"></script>
<script src="js/popper.min.js"></script>



<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.fancybox.js"></script>
<script src="js/jquery-ui.js"></script>
<script src="js/wow.js"></script>
<script src="js/appear.js"></script>
<script src="js/mixitup.js"></script>
<script src="js/bxslider.js"></script>
<script src="js/select2.min.js"></script>
<script src="js/swiper.min.js"></script>
<script src="js/slick.min.js"></script>
<script src="js/slick-animation.min.js"></script>
<script src="js/owl.js"></script>
<script src="js/script.js"></script></body>

<!-- Mirrored from html.kodesolution.com/2024/Cargorover-php/page-services.php by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 10 Dec 2024 09:46:28 GMT -->
</html>