<!doctype html>
<html class="no-js" lang="zxx">

<head>
  <meta charset="utf-8">
  <meta http-equiv="x-ua-compatible" content="ie=edge">
  <title>

    Zoggoo.com - Vehicle Shipping Service

  </title>
  <meta name="description" content="">
  <meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="icon" type="image/png" href="https://upload.wikimedia.org/wikipedia/commons/thumb/2/26/Noto_Emoji_v2.034_1f310.svg/1200px-Noto_Emoji_v2.034_1f310.svg.png">


  <!-- <link rel="manifest" href="site.webmanifest"> -->
  <!-- <link rel="shortcut icon" type="image/x-icon"
    href="https://www.nationwidexpressdeliverysecurity.com/static/img/favicon.ico"> -->
  <!-- Place favicon.ico in the root directory -->


  <!-- CSS here -->
  <link rel="stylesheet" href="./static/css/bootstrap.min.css">
  <link rel="stylesheet" href="./static/css/owl.carousel.min.css">
  <link rel="stylesheet" href="./static/css/magnific-popup.css">
  <link rel="stylesheet" href="./static/css/font-awesome.min.css">
  <link rel="stylesheet" href="./static/css/themify-icons.css">
  <link rel="stylesheet" href="./static/css/nice-select.css">
  <link rel="stylesheet" href="./static/css/flaticon.css">
  <link rel="stylesheet" href="./static/css/gijgo.css">
  <link rel="stylesheet" href="./static/css/animate.css">
  <link rel="stylesheet" href="./static/css/slick.css">
  <link rel="stylesheet" href="./static/css/slicknav.css">
  <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/themes/smoothness/jquery-ui.css">

  <link rel="stylesheet" href="./static/css/style.css">
  <link href="./static/css/jquery.contactus.min.css" rel="stylesheet"
    type="text/css" />
  <link href="./static/css/custom_navbar.css" rel="stylesheet"
    type="text/css" />
  <link rel="stylesheet" href="./static/css/responsive.css">
  <style>
    .home_header {
      color: #fff;
      font-size: 2.5em;
      line-height: 1.4;
      text-transform: capitalize;
      /*width: 50%;*/
      font-weight: 700;
      word-spacing: 4px;
      letter-spacing: 1px;
    }

    /*PRELOADING------------ */
    .preloader {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 9999;
      background-image: url('../../../static/Internet.gif');
      background-repeat: no-repeat;
      background-color: #FFF;
      background-position: center;
    }
  </style>

</head>

<body>

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



  <link rel="stylesheet" href="./static/css/bootstrap.min.css">
  <link href="./static/css/progress-wizard.min.css" rel="stylesheet">
  <style>
    .marquee {
      width: 80.5%;
      margin: 0 auto;
      white-space: nowrap;
      overflow: hidden;
      box-sizing: border-box;
    }

    .marquee span {
      display: inline-block;
      padding-left: 100%;
      /* show the marquee just outside the paragraph */
      animation: marquee 25s linear infinite;
    }

    .marquee span:hover {
      animation-play-state: paused
    }

    .wthree_pvt_title {
      margin-bottom: 4em;
    }

    h4.w3pvt-title {
      color: #000;
      text-transform: capitalize;
      font-size: 2.3em;
      font-weight: 600;
    }

    p.sub-title {
      color: #999;
      text-transform: capitalize;
      width: 60%;
      margin: 1em auto 0;
    }

    /* Make it move */

    @keyframes marquee {
      0% {
        transform: translate(0, 0);
      }

      100% {
        transform: translate(-100%, 0);
      }
    }
  </style>
  <!-- inner banner -->
  <div class="slider_area">
    <div class="single_slider d-flex slider_bg_1">
      <div class="container">
        <div class="row align-items-center" style="margin-top: 130px;">
          <div class="col-xl-8">
            <div class="jumbotron" style="background: rgba(57, 79, 116, 0.2)">
              <div class="slider_text">
                <form action="." method="post" id="track_search">
                  <input type="hidden" name="csrfmiddlewaretoken"
                    value="1Rf6b2z8Sd8xcrkxSi6WLeuiye75pTDzrajkcHDzR8S5ehLgMDyBDXcKeStjaGcS">
                  <div class="row">
                    <div class="col-md-9">
                      <h4 class="home_header">Zoggoo<br><img src="https://img.freepik.com/premium-vector/express-delivery-tag_115838-152.jpg" alt="Logo" width="400" height="300"></h4>
                      <p class="bnr-txt">Track your shipment in real
                        time. </p>
                      <div class="input-group input-group-lgmb-3">
                        <input type="text" class="form-control" id="search_track_no" placeholder="Enter your Tracking ID"
                          aria-describedby="basic-addon2" autocomplete="off" required="true">
                        <div class="input-group-append">
                          <button class="btn text-white" type="button" id="btn_search"
                            style="background-color:#1064B3;">Track Now</button>
                        </div>
                      </div>
                    </div>
                    <div class="col-md-3">
                    </div>
                  </div>
                </form>
              </div>
            </div>
          </div>
          <div class="col-xl-4"></div>
        </div>
      </div>
    </div>
  </div>



  <span name="next_route_input" id="next_route_input_id" style="display: none;"></span>
  <!-- //contact -->

  <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/moment-timezone/0.5.27/moment-timezone-with-data.min.js"></script>
  <script type="text/javascript"
    src="./static/js/my_translation_text.js"></script>

  <div id="contact"></div>

  <div class="modal fade" id="exampleModalCenter" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle"
    aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title" id="exampleModalLongTitle">Select Language</h5>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
        <div class="modal-body">
          <div class="list-group list-group-flush">



            <a class="list-group-item list-group-item-action" name="lang_list" id="id_en"
              href="/en/show/track-item-US0220430064NG/" style="cursor: pointer;" data_lang="en"><img src="" width="30">
              English <i class="fa fa-check-circle"></i></a>



            <a class="list-group-item list-group-item-action" name="lang_list" id="id_zh-hans"
              href="/zh-hans/show/track-item-US0220430064NG/" style="cursor: pointer;" data_lang="zh-hans"><img src=""
                width="30"> Chinese</a>



            <a class="list-group-item list-group-item-action" name="lang_list" id="id_ja"
              href="/ja/show/track-item-US0220430064NG/" style="cursor: pointer;" data_lang="ja"><img src="" width="30">
              Japanese</a>



            <a class="list-group-item list-group-item-action" name="lang_list" id="id_ko"
              href="/ko/show/track-item-US0220430064NG/" style="cursor: pointer;" data_lang="ko"><img src="" width="30">
              Korean</a>


          </div>
        </div>
      </div>
    </div>
  </div>

  <!-- JS here -->
  <script src="./static/js/vendor/modernizr-3.5.0.min.js"></script>
  <script src="./static/js/vendor/jquery-1.12.4.min.js"></script>
  <script src="./static/js/popper.min.js"></script>
  <script src="./static/js/bootstrap.min.js"></script>
  <script src="./static/js/owl.carousel.min.js"></script>
  <script src="./static/js/isotope.pkgd.min.js"></script>
  <script src="./static/js/ajax-form.js"></script>
  <script src="./static/js/waypoints.min.js"></script>
  <script src="./static/js/jquery.counterup.min.js"></script>
  <script src="./static/js/imagesloaded.pkgd.min.js"></script>
  <script src="./static/js/scrollIt.js"></script>
  <script src="./static/js/jquery.scrollUp.min.js"></script>
  <script src="./static/js/wow.min.js"></script>
  <script src="./static/js/nice-select.min.js"></script>
  <script src="./static/js/jquery.slicknav.min.js"></script>
  <script src="./static/js/jquery.magnific-popup.min.js"></script>
  <script src="./static/js/plugins.js"></script>
  <!-- <script src="./static/js/gijgo.min.js"></script> -->
  <script src="./static/js/slick.min.js"></script>
  <script src="./static/js/custom_navbar.js"></script>
  <script src="./static/js/jquery.contactus.min.js"></script>
  <script src="./static/js/jquery.countdown.min.js"></script>



  <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/moment-timezone/0.5.27/moment-timezone-with-data.min.js"></script>
  <script type="text/javascript"
    src="./static/js/my_translation_text.js"></script>


  <!--contact js-->
  <script src="./static/js/contact.js"></script>
  <script src="./static/js/jquery.ajaxchimp.min.js"></script>
  <script src="./static/js/jquery.form.js"></script>
  <script src="./static/js/jquery.validate.min.js"></script>
  <script src="./static/js/mail-script.js"></script>


  <script src="./static/js/main.js"></script>

  <script>
  document.getElementById("btn_search").addEventListener("click", function () {
    let trackingId = document.getElementById("search_track_no").value.trim();
    if (trackingId) {
      window.location.href = "track.php?tracking_id=" + encodeURIComponent(trackingId);
    } else {
      alert("Please enter a valid Tracking ID.");
    }
  });
</script>



</body>

</html>