<!DOCTYPE html> <html lang=”en”> <head> <title>Tracking</title> <meta charset=”utf-8″ /> <link rel=”icon” type=”image/x-icon” href=”https://track.fship.in/assets_new/images/favicon.ico”> <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_new/css/style.css” /> <!– <link rel=”stylesheet” href=”./assets_new/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” /> <link rel=”stylesheet” href=”https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css” /> <style> </style> </head> <body data-theme=”light” class=”font-nunito”> <!– WRAPPER –> <section class=” p-1 px-md-5″ id=”section_body “> <div class=”container”> <div id=”toast-1″ class=”position-fixed end-0 top-0 p-3 d-none ” style=”z-index: 11″> <div id=”liveToast ” class=”toast show ” role=”alert” aria-live=”assertive” aria-atomic=”true”> <div class=”toast-header bg-danger text-white”> <strong style=”font-weight: 200;” class=”me-auto”>Please enter valid tracking number</strong> <button onclick=”javascript:close_Toast()” type=”button” class=”btn-close text-white” data-bs-dismiss=”toast” aria-label=”Close”></button> </div> </div> </div> <div id=”toast-2″ class=”position-fixed end-0 top-0 p-3 d-none ” style=”z-index: 11″> <div id=”liveToast ” class=”toast show ” role=”alert” aria-live=”assertive” aria-atomic=”true”> <div class=”toast-header bg-danger text-white”> <strong style=”font-weight: 200;” class=”me-auto”>Please select rate scale from 1 to 10</strong> <button onclick=”javascript:close_Toast()” type=”button” class=”btn-close text-white” data-bs-dismiss=”toast” aria-label=”Close”></button> </div> </div> </div> <div id=”toast-3″ class=”position-fixed end-0 top-0 p-3 d-none ” style=”z-index: 11″> <div id=”liveToast ” class=”toast show ” role=”alert” aria-live=”assertive” aria-atomic=”true”> <div class=”toast-header bg-success text-white”> <strong style=”font-weight: 200;” class=”me-auto”>Rating submitted successfully</strong> <button onclick=”javascript:close_Toast()” type=”button” class=”btn-close text-white” data-bs-dismiss=”toast” aria-label=”Close”></button> </div> </div> </div> <!– <h2 class=”txt-center”>Shipment Tracking</h2> –> <div id=”search-bar” class=”mt-4″> <p class=”text-center”> Enter your waybill number to track the status of your shipment </p> <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” placeholder=”Enter Tracking number” required=”” data-error=”Please enter valid tracking number” /> <!– <div id=”error_AWB” class=”text-danger hide”> <ul class=”list-unstyled”> <li>Please enter valid tracking number</li> </ul> </div> –> </div> <div class=”col-md-2 col-sm-12 pt-3″> <a style=”background-color: #210550 !important; color: white; font-size: 16px;” href=”javascript:track_awb()” class=”btn btn-rounded btn-sm”>Track</a> </div> </div> </div> </div> </div> </div> <div class=”trackdetails d-none”> <div class=”p-4 mb-n2 row”> <div class=”col”> <img id=”company_img” width=”100″ height=”90″ /> </div> <div class=”col d-flex justify-content-end”> <div style=”font-weight:600;” class=”text-end text-dark mt-3″> Shipping <br /> <span class=”text-orange”> Powered</span> by </div> <img src=”https://app-qc.fship.in/static/media/logo%20animation.6c3c5fa2b895b64a9e0c.gif” width=”100″ height=”90″ /> </div> </div> <div style=”font-weight:600; color: rgb(60, 62, 62);” class=”text-start”> #<span id=”AWB-2″></span> <span><i onclick=”javascript:edit()” class=”fa-solid fa-pen-to-square fa-lg edit-icon”></i></span> </div> <div class=”row”> <div id=”banner-container” class=”col-md-12 p-md-0 d-none”> <div style=”height: 110px;” class=”card bg-tracking-card d-md-none”> <img class=”object-fit-cover rounded” height=”100%” width=”100%” id=”tracking-banner-mobile” /> </div> <div style=”height: 150px;” class=”card bg-tracking-card d-none d-md-flex”> <img class=”rounded ” height=”100%” width=”100%” id=”tracking-banner” /> </div> </div> <div id=”track-left” class=”col-md-6 col-sm-12 p-md-0″> <div class=”row gx-0″> <div class=”col-md-5 col-sm-12 “> <div style=”height: 160px;” class=”card bg-tracking-card”> <div class=”card-body”> <h4 class=”mb-3 text-normal-color”> Order Status </h4> <h2 class=”shipment_current_status”>Out For Delivery</h2> </div> </div> </div> <div class=”col-md-7 col-sm-12″> <div style=”height: 160px;” class=”card bg-tracking-card”> <div class=”card-body”> <h4 class=”mb-3 text-normal-color”> Estimated Delivery by </h4> <h2 class=”booking_date_day”> </h2> <h2 class=”Estimated_date”></h2> </div> </div> </div> <div id=”” class=”col-md-12 col-sm-12 p-md-0″> <div class=”card bg-tracking-card “> <div class=”card-body “> <div class=”row”> <div class=”col-md-6 col-sm-12 d-flex gap-4 align-items-center “> <img id=”provider_Logo” width=”80″ height=”80″ class=”rounded-circle provider_Logo”></img> <h4 class=”courierName”> </h4> <br /> </div> <div class=”col-md-6 col-sm-12 d-flex justify-content-end”> <div className=””> <h4 class=”text-dark “> Tracking ID : <br /> <h4 id=”AWB” class=” mt-2 fw-normal AWB”></h4> </h4> </div> </div> <div class=”col-md-12 col-sm-12 mt-3 border-bottom”> <h4 style=”font-size: 26px;” class=”text-dark text-bold”> <span> <i class=”fa-solid fa-truck”></i> </span> Recent Activities </h4> </div> <div style=”height: 260px;” id=”tracking-set-history” class=”tracking-set-history py-2″> </div> </div> </div> </div> </div> </div> </div> <div id=”track-right” class=”col-md-6 col-sm-12 p-0 “> <div class=”row “> <div style=”padding-bottom: 1px;” class=”col-md-12 col-sm-12 “> <div class=”card bg-tracking-card “> <div class=”card-body tracking-video-container d-flex justify-content-center “> <video class=”d-block mt-md-n3 video” width=”100%” height=”100%” controls muted autoplay > <source type=”video/mp4″ /> </video> </div> </div> </div> <div class=”col-md-12 col-sm-12″> <div class=”card bg-tracking-card”> <div class=”card-body”> <h3 class=””> <span> <i class=”fa-solid fa-box”></i> </span> Order Details </h3> <hr /> <div class=”d-flex justify-content-between mb-3″> <h4 class=”text-dark”>Order ID</h4> <h4 class=”text-dark orderId”></h4> </div> <div class=”d-flex justify-content-between”> <h4 class=”text-dark”>Order Shipped On</h4> <h4 class=”text-dark order_date”></h4> </div> </div> </div> </div> </div> </div> <div id=”track-left2″ class=”col-md-6 col-sm-12 p-md-0″> <div class=”row”> <div class=”col-md-12 col-sm-12″> <div class=”card bg-tracking-card”> <div class=”card-body”> <h4 class=”mb-3 text-normal-color”> Order Status </h4> <h2 class=”shipment_current_status”>Out For Delivery</h2> </div> </div> </div> <div class=”col-md-12 col-sm-12″> <div class=”card bg-tracking-card”> <div class=”card-body”> <h4 class=”mb-3 text-normal-color”> Estimated Delivery by </h4> <h2 class=”booking_date_day”> </h2> <h2 class=”Estimated_date”></h2> </div> </div> </div> <div class=”col-md-12 col-sm-12″> <div class=”card bg-tracking-card”> <div class=”card-body”> <h3 class=””> <span> <i class=”fa-solid fa-box”></i> </span> Order Details </h3> <hr /> <div class=”d-flex justify-content-between mb-3″> <h4 class=”text-dark”>Order ID</h4> <h4 id=”” class=”text-dark orderId”></h4> </div> <div class=”d-flex justify-content-between”> <h4 class=”text-dark”>Order Shipped On</h4> <h4 class=”text-dark order_date”></h4> </div> </div> </div> </div> </div> </div> <div id=”track-right2″ class=”col-md-6 col-sm-12 p-md-0″> <div style=”height: 94%;” class=”card bg-tracking-card “> <div class=”card-body “> <div class=”row”> <div class=”col-md-6 col-sm-12 d-flex gap-4 align-items-center “> <img id=”provider_Logo” width=”80″ height=”80″ class=”rounded-circle provider_Logo”></img> <h4 class=”courierName”> </h4> <br /> </div> <div class=”col-md-6 col-sm-12 d-flex justify-content-end”> <div className=””> <h4 class=”text-dark “> Tracking ID : <br /> <h4 id=”AWB” class=” mt-2 fw-normal AWB”></h4> </h4> </div> </div> <div class=”col-md-12 col-sm-12 mt-3 border-bottom”> <h4 style=”font-size: 26px;” class=”text-dark text-bold”> <span> <i class=”fa-solid fa-truck”></i> </span> Recent Activities </h4> </div> <div id=”tracking-set-history” class=”tracking-set-history py-2″> </div> </div> </div> </div> </div> </div> <div class=” bg-tracking-card trackDtls “> <div class=”card-body”> <br /> <br /> <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 id=”step-icon-1” class=”step-icon “><img src=”https://track.fship.in/assets_new/images/tracking-images/order booked (1).png” width=”100″ height=”100″ /></div> <div id=”step-icon-1-comp” class=”step-icon d-none”><img src=”https://track.fship.in/assets_new/images/tracking-images/order booked (2).png” width=”100″ height=”100″ /></div> </div> <h4 id=”step1text” class=”step-title”>Order Booked</h4> </div> <div id=”step2″ class=”step”> <div class=”step-icon-wrap”> <div id=”step-icon-2″ class=”step-icon”><img src=”https://track.fship.in/assets_new/images/tracking-images/pickup completed (1).png” width=”100″ height=”100″ /></div> <div id=”step-icon-2-comp” class=”step-icon d-none”><img src=”https://track.fship.in/assets_new/images/tracking-images/pickup completed (2).png” width=”100″ height=”100″ /></div> </div> <h4 id=”step3text” class=”step-title”> Pickup Completed</h4> </div> <div id=”step3″ class=”step”> <div class=”step-icon-wrap”> <div id=”step-icon-3″ class=”step-icon”><img src=”https://track.fship.in/assets_new/images/tracking-images/intransit (1).png” width=”100″ height=”100″ /></div> <div id=”step-icon-3-comp” class=”step-icon d-none”><img src=”https://track.fship.in/assets_new/images/tracking-images/intransit (2).png” width=”100″ height=”100″ /></div> </div> <h4 id=”step3text” class=”step-title”>In-Transit</h4> </div> <div id=”step4″ class=”step “> <div class=”step-icon-wrap”> <div id=”step-icon-4” class=”step-icon “><img src=”https://track.fship.in/assets_new/images/tracking-images/pickup (2).png” width=”100″ height=”100″ /></div> <div id=”step-icon-4-comp” class=”step-icon d-none”><img id=”step-icon-4-comp-img” src=”https://track.fship.in/assets_new/images/tracking-images/pickup (1).png” width=”100″ height=”100″ /></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 id=”step-icon-6″ class=”step-icon d-none”><img src=”https://track.fship.in/assets_new/images/tracking-images/undelivered (2).png” width=”100″ height=”100″ /></div> <div id=”step-icon-6-comp” class=”step-icon d-none”><img src=”https://track.fship.in/assets_new/images/tracking-images/undelivered (1).png” width=”100″ height=”100″ /></div> </div> <h4 id=”step6text” class=”step-title”>Undelivered</h4> </div> <div id=”step5″ class=”step”> <div class=”step-icon-wrap”> <div id=”step-icon-5″ class=”step-icon”><img src=”https://track.fship.in/assets_new/images/tracking-images/Delivered (2).png” width=”100″ height=”100″ /></div> <div id=”step-icon-5-comp” class=”step-icon d-none”><img src=”https://track.fship.in/assets_new/images/tracking-images/Delivered (1).png” width=”100″ height=”100″ /></div> </div> <h4 id=”step5text” class=”step-title”>Delivered</h4> </div> </div> </div> </div> <br /> <div id=”product-div” class=”row d-none “> <div class=”col-md-12 col-sm-12″> <h1 style=”font-weight: 600;” class=”text-dark text-center m-4″> Best Selling Product </h1> </div> <div class=”col-md-12 col-sm-12 m-2″> <div id=”product-container” class=”row”> </div> </div> <div class=”col-md-12 col-sm-12 text-center mb-2 view-more-btn d-none”> <button id=”btn-more” onclick=”javascript:viewMoreproductdetails(2)” style=”width: 150px; height: 40px; border-radius: 10px;background-color: #210550 !important; color: white; font-size: 16px;” class=”btn”> View More </button> <button id=”btn-less” onclick=”javascript:viewMoreproductdetails(1)” style=”width: 150px; height: 40px; border-radius: 10px;background-color: #210550 !important; color: white; font-size: 16px;” class=”btn”> View Less </button> </div> </div> </div> </section> <div class=”row track-data trackdetails-rate d-none mt-4″> <div class=”col-md-12 text-center bg-tracking”> <br /> <br /> <h1 style=”font-weight: 600;” class=”text-dark text-center mt-2 mb-n3″> Help Us Shine Brighter with Your Feedback </h1> <div class=”row card-alternate-bg-color”> <div class=”col-md-6 col-sm-12 card-alternate-bg-color1 p-5 “> <p style=”font-size: 18px; font-weight: 600;” class=”text-dark text-start”> How will you rate your delivery experience with <span class=”text-orange”>Fship?</span> </p> <div class=”row mt-2″> <div id=”d1″ value=”1″ class=”col rating-btn border btn”>1</div> <div id=”d2″ value=”2″ class=”col rating-btn border btn”>2</div> <div id=”d3″ value=”3″ class=”col rating-btn border btn”>3</div> <div id=”d4″ value=”4″ class=”col rating-btn border btn”>4</div> <div id=”d5″ value=”5″ class=”col rating-btn border btn”>5</div> <div id=”d6″ value=”6″ class=”col rating-btn border btn”>6</div> <div id=”d7″ value=”7″ class=”col rating-btn border btn”>7</div> <div id=”d8″ value=”8″ class=”col rating-btn border btn”>8</div> <div id=”d9″ value=”9″ class=”col rating-btn border btn”>9</div> <div id=”d10″ value=”10″ class=”col rating-btn border btn”>10</div> </div> <br /> <div class=”row”> <div class=”col p-0″> <input id=”remarks” type=”text” class=”form-control tracking-remarks” style=”height: 50px; width: 100%;” placeholder=”Add your remarks (optional)”> </div> </div> </div> <div class=”col-md-6 col-sm-12 card-alternate-bg-color2 p-5 “> <p style=”font-size: 18px; font-weight: 600;” class=”text-start “> How likely will you suggest <span id=”company_Name” class=”text-orange”> </span> to your friends and family? </p> <div class=”row mt-2″> <div id=”c1″ value=”1″ class=”col rating-btn2 border btn”>1</div> <div id=”c2″ value=”2″ class=”col rating-btn2 border btn”>2</div> <div id=”c3″ value=”3″ class=”col rating-btn2 border btn”>3</div> <div id=”c4″ value=”4″ class=”col rating-btn2 border btn”>4</div> <div id=”c5″ value=”5″ class=”col rating-btn2 border btn”>5</div> <div id=”c6″ value=”6″ class=”col rating-btn2 border btn”>6</div> <div id=”c7″ value=”7″ class=”col rating-btn2 border btn”>7</div> <div id=”c8″ value=”8″ class=”col rating-btn2 border btn”>8</div> <div id=”c9″ value=”9″ class=”col rating-btn2 border btn”>9</div> <div id=”c10″ value=”10″ class=”col rating-btn2 border btn”>10</div> </div> <br /> <div class=”row”> <div class=”col p-0″> <input id=”remarks2″ type=”text” class=”form-control tracking-remarks ” style=”height: 50px; width: 100%;” placeholder=”Add your remarks (optional)”> </div> </div> </div> <div id=”submit-container” class=”col-md-12 col-sm-12 text-center my-4 “> <button id=”btn-1″ onclick=”javascript:submit_Rating()” style=”width: 250px; height: 55px; border-radius: 10px;background-color: #210550 !important; color: white; font-size: 20px;” class=”btn”> Submit </button> <button id=”btn-2″ style=”width: 250px; height: 55px; border-radius: 10px;background-color: #210550 !important; color: white; font-size: 20px;” class=”btn d-none” disabled> <span style=”font-size: 15px;” class=”spinner-border spinner-border-sm” role=”status” aria-hidden=”true”></span> Loading… </button> </div> </div> </div> </div> <!– 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_new/js/brandedtracking.js?v=2″></script> –> <script src=”https://track.fship.in/assets_new/js/bdtracking.js”></script> <!– <script src=”./assets_new/js/bdtracking.js”></script> –> </body> </html>