Track your Order
<!doctype html>
<html lang="en">
<head>
<title>Tracking</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/all.min.css">
<link rel="stylesheet" href="https://track.fship.in/assets/css/style.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/pixeden-stroke-7-icon@1.2.3/pe-icon-7-stroke/dist/pe-icon-7-stroke.min.css">
<style>
.container{
font-family: "Nunito",sans-serif !important ;
}
#section_body{
min-height: auto !important;
}
.btn-rounded{
border-radius: 5px !important;
}
</style>
</head>
<body data-theme="light" class="font-nunito">
<!-- WRAPPER -->
<section id="section_body">
<div class="container" id="trackfrm">
<div class="row justify-content-md-center">
<div class="col-md-6">
<div class="row">
<div class="col-md-10 col-sm-12 pt-3">
<input
type="text"
name="tracking_id"
id="tracking_id"
class="form-control hide"
placeholder="Enter Tracking number"
required=""
data-error="Please enter valid tracking number"
/>
<div
id="error_AWB"
class="alert alert-danger hide"
role="alert"
>
Invalid tracking/awb number
</div>
</div>
<div class="col-md-2 col-sm-12 pt-3">
<a
href="javascript:track_awb()"
class="btn btn-primary btn-rounded btn-sm hide"
>Track</a
>
</div>
</div>
</div>
</div>
</div>
<div id="trackdetails" class="pt-5 hide">
<div class="container">
<div class="row trackDtls">
<div class="col-md-12 col-sm-12">
<div class="card mb-3">
<div
id="div_summary_header"
class="d-flex flex-wrap flex-sm-nowrap text-white text-lg rounded-top justify-content-between py-3 px-2 bg-title"
>
<div class="w-100 text-center py-1 px-2">
<span class="text-medium">Status:</span> <span
id="order_current_status"
></span>
</div>
<div class="w-100 text-center py-1 px-2">
<span class="text-medium">Order ID:</span> <span
id="orderId"
></span>
</div>
<div class="w-100 text-center py-1 px-2">
<span class="text-medium">Order Placed On:</span> <span
id="order_date"
></span>
</div>
</div>
<div
class="d-flex flex-wrap flex-sm-nowrap justify-content-between py-3 px-2 bg-secondary"
>
<div class="w-100 text-center py-1 px-2">
<span class="text-medium">Fullfilled By:</span><br /><span
id="courier"
></span>
</div>
<div class="w-100 text-center py-1 px-2">
<span class="text-medium">Tracking ID/AWB No:</span
><br /><span id="AWB"></span>
</div>
<div
id="div_RTO_AWB"
class="w-100 text-center py-1 px-2 hide"
>
<span class="text-medium">RTO Tracking ID/AWB No:</span
><br /><span id="RTO_AWB"></span>
</div>
</div>
<div class="card-body">
<div
class="steps d-flex flex-wrap flex-sm-nowrap justify-content-between padding-top-2x padding-bottom-1x"
>
<div id="step1" class="step">
<div class="step-icon-wrap">
<div class="step-icon"><i class="pe-7s-cart"></i></div>
</div>
<h4 id="step1text" class="step-title">Order Booked</h4>
</div>
<div id="step2" class="step">
<div class="step-icon-wrap">
<div class="step-icon"><i class="pe-7s-plane"></i></div>
</div>
<h4 id="step2text" class="step-title">
Pickup Completed
</h4>
</div>
<div id="step3" class="step">
<div class="step-icon-wrap">
<div class="step-icon">
<i class="pe-7s-rocket"></i>
</div>
</div>
<h4 id="step3text" class="step-title">In-Transit</h4>
</div>
<div id="step4" class="step">
<div class="step-icon-wrap">
<div class="step-icon"><i class="pe-7s-car"></i></div>
</div>
<h4 id="step4text" class="step-title">
Out for Delivery
</h4>
</div>
<div id="step6" class="step d-none">
<div class="step-icon-wrap">
<div class="step-icon">
<i
class="pe-7s-close-circle"
style="line-height: 81px"
></i>
</div>
</div>
<h4 id="step6text" class="step-title">Undelivered</h4>
</div>
<div id="step5" class="step">
<div class="step-icon-wrap">
<div class="step-icon"><i class="pe-7s-home"></i></div>
</div>
<h4 id="step5text" class="step-title">Delivered</h4>
</div>
</div>
</div>
</div>
<div
class="d-flex flex-wrap flex-md-nowrap justify-content-center justify-content-sm-between align-items-center"
>
<div class="text-right text-sm-right col-sm-12">
<a
class="btn btn-primary btn-rounded btn-sm"
id="show_tracking_data"
data-show="1"
href="javascript:show_tracking()"
>Show Tracking History</a
>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="div_tracking_data" class="hide">
<div class="container pt-5">
<div class="row trackDtls">
<div class="col-md-12 col-sm-12">
<div class="card">
<div class="header">
<div class="row">
<div class="col-md-4">
<h3>Status</h3>
</div>
<div class="col-md-8 text-right">
<div class="shipment_status">
<span
id="shipment_current_status_icon"
class="success hide"
>
<i class="fa fa-check-circle"></i>
</span>
<h3 id="shipment_current_status"></h3>
</div>
</div>
</div>
</div>
<div class="body">
<div id="div_data_header" class="new_timeline">
<div class="header">
<div class="color-overlay">
<div class="day-number" id="booking_date_date"></div>
<div class="date-right">
<div class="day-name" id="booking_date_day"></div>
<div class="month" id="booking_date_month"></div>
</div>
</div>
</div>
</div>
<div class="new_timeline">
<div class="set-history">
<ul id="shipment_history"></ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- END WRAPPER -->
<script
src="https://code.jquery.com/jquery-3.7.1.min.js"
integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo="
crossorigin="anonymous"></script>
<script>
var bgcolor = "#F5F9FF";
</script>
<script src="https://track.fship.in/assets/js/brandedtracking.js?v=3"></script>
</body>
</html>