Track your order

<div style="max-width: 650px; margin: 40px auto; padding: 30px; border: 1px solid #e5e5e5; border-radius: 16px; text-align: center; font-family: Arial, sans-serif; background: #ffffff;">

  <h2 style="margin-bottom: 10px; font-size: 28px; color: #222;">
    Track Your Order
  </h2>

  <p style="font-size: 16px; color: #555; margin-bottom: 25px;">
    Enter your tracking number below to check the latest status of your shipment.
  </p>

  <input 
    maxlength="50" 
    id="YQNum" 
    type="text" 
    placeholder="Enter your tracking number"
    style="width: 100%; max-width: 420px; padding: 14px; border: 1px solid #ccc; border-radius: 10px; font-size: 15px; margin-bottom: 15px;"
  >

  <br>

  <input 
    value="Track Order" 
    type="button" 
    onclick="doTrack()"
    style="background: #111; color: #fff; border: none; padding: 14px 35px; border-radius: 10px; font-size: 16px; cursor: pointer;"
  >

  <p style="font-size: 14px; color: #777; margin-top: 20px;">
    Please make sure your tracking number is entered correctly.
  </p>

</div>

<div id="YQContainer" style="max-width: 900px; margin: 20px auto;"></div>

<script type="text/javascript" src="//www.17track.net/externalcall.js"></script>

<script type="text/javascript">
function doTrack() {
  var num = document.getElementById("YQNum").value.trim();

  if (num === "") {
    alert("Please enter your tracking number.");
    return;
  }

  YQV5.trackSingle({
    YQ_ContainerId: "YQContainer",
    YQ_Height: 560,
    YQ_Fc: "0",
    YQ_Lang: "en",
    YQ_Num: num
  });
}
</script>