Track Your Order

<div style="text-align:center; max-width:600px; margin:auto;">
  <h2>Track Your Order</h2>
  <p>Enter your tracking number below to check your order status.</p>

  <input type="text" id="trackingNumber" placeholder="Enter Tracking Number" 
  style="width:100%; padding:12px; margin:10px 0; border:1px solid #ccc; border-radius:5px;">

  <button onclick="trackOrder()" 
  style="padding:12px 20px; background:black; color:white; border:none; border-radius:5px; cursor:pointer;">
  Track Now
  </button>
</div>

<script>
function trackOrder() {
  var num = document.getElementById("trackingNumber").value;
  if(num) {
    window.open("https://www.17track.net/en/track#" + num, "_blank");
  } else {
    alert("Please enter a tracking number");
  }
}
</script>