bnmbertsurrttrtrtrtrjhjhjjhjhhjhjhjhf'tdfg

hjkhghtjhjjhjhjhjhjjhjhjjhrrtrtoirh bnmbertsurrttrtrtrtrjhjhjjhjhhjhjhjhf'tdfg

<!DOCTYPE html>
<html lang="en">
   <?php include 'include/head.php'; ?>
   <style>
      .holder .back_history
      {
      display: block;
      color: #38bfc7;
      }
      .back_history i
      {
      font-weight: 400;
      padding-right: 7px;
      }
      .btnfoot h4
      {
        margin-bottom: 0px;
      }
      .fooopen
      {
        margin-bottom: 0px;
      }
   </style>
   <body class="has-smround-btns has-loader-bg equal-height has-sm-container fix_bar_none mobile_header_none_single_order-detail_page bggray" >
      <div class=""><?php include 'include/header.php'; ?></div>
      <div class="page-content">
         <div class=" holder">
            <div class="container">
               <div class="left_side text-left">
                  <span class="back_history">
                  <i class="fa fa-chevron-left" aria-hidden="true" onclick="history.back()"></i> Back to My Order
                  </span>
               </div>
            </div>
         </div>
         
         <div class="holder">
            <div class="container">
               <div class="row">
                  <div class="col-md-8">
                     <div class="shipment">
                        <div class="order-detail-container_2">
                           <div class="row">
                              <div class="col-md-12">
                                 <div class="inner_item">
                                    <div class="order-detail-container">
                                       <div class="ordersDetailWrapper--orderNumber">
                                          <h6>Order# <strong>91443091</strong></h6>
                                          <h6>Order Placed <span>20th Jul 24 07:17 PM</span>
                                          </h6>
                                       </div>
                                    </div>
                                    <div class="ordersDetailWrapper--Box">
                                       <div>
                                          <div class="ordersDetailWrapper--Box-inner">
                                             <div class="ordersDetailWrapper--Box-inner_left">
                                                <a href="#" class="containerForTag">
                                                <img src="https://images.bewakoof.com/t320/men-s-black-deadpool-graphic-printed-oversized-t-shirt-645941-1720678169-1.jpg" alt="Men's Black Deadpool Graphic Printed Oversized T-shirt">
                                                </a>
                                             </div>
                                             <div class="ordersDetailWrapper--Box-inner_right">
                                                <div class="ordersDetailWrapper--Box-forMobile d-flex flex-column justify-content-between ">
                                                   <div class="ordersDetailWrapper--Box-inner_right-text">
                                                      <label class="labelDefault labelDanger">Order failed</label>
                                                      <p>Men's Black Deadpool Graphic Printed Oversized T-shirt</p>
                                                      <div class="rsizeDetail">
                                                         <h2>
                                                            <span>Size: L</span>
                                                         </h2>
                                                      </div>
                                                      <p> 
                                                         <span class="right-text_price">Rs. 599</span>
                                                      </p>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                                 
                                 <div class="inner_item">
                                    <div class="ordersDetailWrapper--orderNumber">
                                       <h6>Order# <strong>91469562</strong>
                                       </h6>
                                       <h6>Order Placed <span>23rd Jul 24 11:55 AM</span>
                                       </h6>
                                    </div>
                                    <div class="ordersDetailWrapper--Box">
                                       <div class="ordersDetailWrapper--Box-outer clearfix">
                                          <div>
                                             <div class="ordersDetailWrapper--Box-inner">
                                                <div class="ordersDetailWrapper--Box-inner_left">
                                                   <a href="#" class="containerForTag">
                                                   <img src="https://images.bewakoof.com/t320/men-s-white-blue-color-block-low-top-sneakers-634001-1721214169-1.jpg" alt="Men's White &amp; Blue Color Block Low Top Sneakers">
                                                   </a>
                                                </div>
                                                <div class="ordersDetailWrapper--Box-inner_right">
                                                   <div class="ordersDetailWrapper--Box-forMobile d-flex flex-column justify-content-between ">
                                                      <div class="ordersDetailWrapper--Box-inner_right-text">
                                                         <p>Men's White &amp; Blue Color Block Low Top Sneakers</p>
                                                         <div class="rsizeDetail">
                                                            <h2><span>Size: UK 9</span></h2>
                                                         </div>
                                                         <p> <span class="right-text_price">Rs. 1999</span></p>
                                                      </div>
                                                      <div class="ordersDetailWrapper--delivery">
                                                         <p>
                                                            <img src="https://images.bewakoof.com/web/truck-icon-facing-right-1588839683.png" alt="">Delivery by: 
                                                            <span>27 Jul, 2024</span>
                                                         </p>
                                                      </div>
                                                   </div>
                                                </div>
                                             </div>
                                             <div class="ordersDetailWrapper-steps-container">
                                                <div class="ordersDetailWrapper-steps">
                                                   <div class="orderWrapper">
                                                      <div class="orderStepWrapper d-flex flex-row">
                                                         <div class="orderStepWrapper--step orderStepWrapper--step-active false">
                                                            <div class="orderStepWrapper--bar"></div>
                                                            <div class="orderStepWrapper--step-bullet">
                                                               <div class="step-bullet-img">
                                                                  <img src="https://images.bewakoof.com/web/ic-tick.svg" alt="correct icon">
                                                                  <span class="step-bullet-dot"></span>
                                                               </div>
                                                            </div>
                                                            <p class="orderStepWrapper--step-label orderStepWrapper--step-active">
                                                               Confirmed
                                                            </p>
                                                         </div>
                                                         <div class="orderStepWrapper--step false false">
                                                            <div class="orderStepWrapper--bar"></div>
                                                            <div class="orderStepWrapper--step-bullet">
                                                               <div class="step-bullet-img"><span class="step-bullet-dot"></span></div>
                                                            </div>
                                                            <p class="orderStepWrapper--step-label false">Preparing your Order</p>
                                                         </div>
                                                         <div class="orderStepWrapper--step false false">
                                                            <div class="orderStepWrapper--bar"></div>
                                                            <div class="orderStepWrapper--step-bullet">
                                                               <div class="step-bullet-img"><span class="step-bullet-dot"></span></div>
                                                            </div>
                                                            <p class="orderStepWrapper--step-label false">Shipped</p>
                                                         </div>
                                                         <div class="orderStepWrapper--step false false">
                                                            <div class="orderStepWrapper--bar"></div>
                                                            <div class="orderStepWrapper--step-bullet">
                                                               <div class="step-bullet-img"><span class="step-bullet-dot"></span></div>
                                                            </div>
                                                            <p class="orderStepWrapper--step-label false">Out for delivery</p>
                                                         </div>
                                                         <div class="orderStepWrapper--step false false">
                                                            <div class="orderStepWrapper--bar"></div>
                                                            <div class="orderStepWrapper--step-bullet">
                                                               <div class="step-bullet-img"><span class="step-bullet-dot"></span></div>
                                                            </div>
                                                            <p class="orderStepWrapper--step-label false">Delivered</p>
                                                         </div>
                                                      </div>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              
                              
                                
                                <div class="addressPaymentWrapper">
                                   <div class="shippingAddress--wrapper-new">
                                      <div class="shippingAddressType"><label>other</label></div>
                                      <div class="userDetails">
                                         <h6>Chander Mohan | 9811688343 </h6>
                                      </div>
                                      <div class="shippingaddressData">
                                         <p>Hshshsbb
                                            Delhi, South West Delhi 110070, Delhi, India
                                         </p>
                                      </div>
                                      <div class="returnProductBar"></div>
                                   </div>
                                   <button class="viewAddressPayemnt-wrpr ">
                                      <div class="viewPaymentWrapper d-flex justify-content-between">
                                         <p>Total: ₹599</p>
                                         <span>VIEW DETAILS </span>
                                      </div>
                                   </button>
                                </div>

<div class="orderHelpWrapper">
                                   <div class="orderHelpWrapper--buttons order_reviews">
                                    <h5 class="needy">NEED HELP WITH YOUR ORDER?</h5>
                                     <div class="orderHelp--buttonWrapper">
                                       <a href="review_order.php">  <button class="">
                                          <p>WRITE A PRODUCT REVIEW 
                                            <span class="rating">
                                                <span class="fa fa-star checked"></span>
                                                <span class="fa fa-star checked"></span>
                                                <span class="fa fa-star checked"></span>
                                                <span class="fa fa-star checked"></span>
                                                <span class="fa fa-star checked"></span>   
                                            </span>
                                          </p>
                                          <span>You can return this item by 14 August.</span>
                                         <i class="fa fa-angle-right"></i>
                                         </button></a>
                                      </div>
                                      <div class="orderHelp--buttonWrapper">
                                         <a href="return_order.php"><button class="">
                                          <p>RETURN</p>
                                          <span>You can return this item by 14 August.</span>
                                         <i class="fa fa-angle-right"></i>
                                         </button></a>
                                      </div>
                                      <div class="orderHelp--buttonWrapper">
                                         <a href=""><button class="">
                                         <p>HELP AND SUPPORT</p> <i class="fa fa-angle-right"></i>
                                         </button></a>
                                      </div>
                                   </div>
                                </div>

<div class="advanceTrack--wrapper">
                                    <div class="advanceTrack--topHeader">
                                       <h5>ADVANCED TRACKING</h5>
                                       <div class="advanceTrack--status">
                                          <p>Status:<b> DELIVERED</b></p>
                                          <p>Courier partner:<b> Xpressbees</b></p>
                                          <p>AWB / Tracking Id:<b> 125841113725</b></p>
                                       </div>
                                    </div>
                                    <div class="advanceTrack--details">
                                       <ul>
                                          <li class="advanceTrack--current">
                                             <div class="advanceTrack--details-inner advanceTrack--details-date" style="border-right: 1px solid rgb(66, 162, 162);">
                                                <p>30-07-2024</p>
                                                <p><span>11:18:00</span></p>
                                             </div>
                                             <div class="advanceTrack--details-inner advanceTrack--details-place">
                                                <p>DELIVERED</p>
                                                <p><span>DEL/WZB, Delhi NCR, DELHI</span></p>
                                             </div>
                                          </li>
                                          <li class="advanceTrack--prev">
                                             <div class="advanceTrack--details-inner advanceTrack--details-date" style="border-right: 1px solid rgb(66, 162, 162);">
                                                <p>30-07-2024</p>
                                                <p><span>09:31:00</span></p>
                                             </div>
                                             <div class="advanceTrack--details-inner advanceTrack--details-place">
                                                <p>OUT FOR DELIVERY</p>
                                                <p><span>DEL/WZB, Delhi NCR, DELHI</span></p>
                                             </div>
                                          </li>
                                          <li class="advanceTrack--prev">
                                             <div class="advanceTrack--details-inner advanceTrack--details-date" style="border-right: 1px solid rgb(66, 162, 162);">
                                                <p>30-07-2024</p>
                                                <p><span>08:04:00</span></p>
                                             </div>
                                             <div class="advanceTrack--details-inner advanceTrack--details-place">
                                                <p>REACHED AT DESTINATION HUB</p>
                                                <p><span>DEL/WZB, Delhi NCR, DELHI</span></p>
                                             </div>
                                          </li>
                                          <li class="advanceTrack--prev">
                                             <div class="advanceTrack--details-inner advanceTrack--details-date" style="border-right: 1px solid rgb(66, 162, 162);">
                                                <p>26-07-2024</p>
                                                <p><span>22:38:00</span></p>
                                             </div>
                                             <div class="advanceTrack--details-inner advanceTrack--details-place">
                                                <p>IN TRANSIT</p>
                                                <p><span>Bhiwandi, Bhiwandi, MAHARASHTRA</span></p>
                                             </div>
                                          </li>
                                          <li class="advanceTrack--prev">
                                             <div class="advanceTrack--details-inner advanceTrack--details-date" style="border-right: 1px solid rgb(66, 162, 162);">
                                                <p>26-07-2024</p>
                                                <p><span>21:02:00</span></p>
                                             </div>
                                             <div class="advanceTrack--details-inner advanceTrack--details-place">
                                                <p>IN TRANSIT</p>
                                                <p><span>Bhiwandi, Bhiwandi, MAHARASHTRA</span></p>
                                             </div>
                                          </li>
                                          <li class="advanceTrack--prev">
                                             <div class="advanceTrack--details-inner advanceTrack--details-date" style="border-right: 1px solid rgb(66, 162, 162);">
                                                <p>26-07-2024</p>
                                                <p><span>21:02:00</span></p>
                                             </div>
                                             <div class="advanceTrack--details-inner advanceTrack--details-place">
                                                <p>PICKED UP</p>
                                                <p><span>Bhiwandi, Bhiwandi, MAHARASHTRA</span></p>
                                             </div>
                                          </li>
                                          <li class="advanceTrack--prev">
                                             <div class="advanceTrack--details-inner advanceTrack--details-date" style="border-right: 1px solid rgb(66, 162, 162);">
                                                <p>26-07-2024</p>
                                                <p><span>16:57:00</span></p>
                                             </div>
                                             <div class="advanceTrack--details-inner advanceTrack--details-place">
                                                <p>PICKED UP</p>
                                                <p><span>BHI/RTO, Bhiwandi, MAHARASHTRA</span></p>
                                             </div>
                                          </li>
                                          <li class="advanceTrack--prev">
                                             <div class="advanceTrack--details-inner advanceTrack--details-date" style="border-right: 1px solid rgb(66, 162, 162);">
                                                <p>26-07-2024</p>
                                                <p><span>06:20:00</span></p>
                                             </div>
                                             <div class="advanceTrack--details-inner advanceTrack--details-place">
                                                <p>OUT FOR PICKUP</p>
                                                <p><span>BHI/RTO, Bhiwandi, MAHARASHTRA</span></p>
                                             </div>
                                          </li>
                                          <li class="advanceTrack--prev">
                                             <div class="advanceTrack--details-inner advanceTrack--details-date" style="border-right: none;">
                                                <p>26-07-2024</p>
                                                <p><span>01:26:00</span></p>
                                             </div>
                                             <div class="advanceTrack--details-inner advanceTrack--details-place">
                                                <p>OUT FOR PICKUP</p>
                                                <p><span>BHI/RTO, Bhiwandi, MAHARASHTRA</span></p>
                                             </div>
                                          </li>
                                       </ul>
                                    </div>
                                 </div>

</div>
                           </div>
                        </div>
                     </div>
                  </div>
                  <div class="col-md-4 aside">
                     <div class="orders-detail_wrap">
                        <div class="shippingAddress--wrapper">
                           <h5>Shipping Details</h5>
                           <h6>Chander Mohan <label>other</label></h6>
                           <p>
                              Hshshsbb Delhi, South West Delhi 110070, Delhi, India
                           </p>
                        </div>
                        
                        <div class="sec_box">
                           <div class="orderPaymentWrapper">
                              <h4>Payment Summary</h4>
                              <div class="orderPaymentWrapper-row">
                                 <span>Cart Total</span>
                                 <span class="orderPaymentWrapper-amount">₹ 599</span>
                              </div>
                              <div class="orderPaymentWrapper-row">
                                 <span>Delivery Fee</span>
                                 <span class="orderPaymentWrapper-amount">FREE</span>
                              </div>
                              <div class="orderPaymentWrapper-row">
                                 <span>COD</span>
                                 <span class="orderPaymentWrapper-amount">FREE</span>
                              </div>
                              <div class="orderPaymentWrapper-row">
                                 <span>Order Total</span>
                                 <span class="orderPaymentWrapper-amount">₹ 599</span>
                              </div>
                              <div class="orderPaymentWrapper-row orderPaymentWrapper-totalRow">
                                 <span>Amount Paid</span>
                                 <span class="orderPaymentWrapper-amount">₹ 599</span>
                              </div>
                           </div>
                        </div>
                        
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
      <?php include 'include/footer.php'; ?>
      <style type="text/css">
         .sectionClass {
         padding: 0px 0px 50px 0px;
         position: relative;
         display: block;
         background: rgb(249, 249, 249);
         }
         .headerLine {
         width: 160px;
         height: 2px;
         display: inline-block;
         background: #101F2E;
         }
         .fullWidth {
         width: 100%;
         display: table;
         float: none;
         padding: 0;
         min-height: 1px;
         height: 100%;
         position: relative;
         }
         .padding-0{
         padding: 0px 20px !important;
         }
         /********************************/
         /*  SECTION WORK EXPERIENCE
         ********************************/
         #work-experience .sectiontitle .headerLine {
         width: 280px;
         }
         #work-experience .headerline {
         width: 280px;
         }
         .cbp_tmtimeline {
         margin: 60px 30px 0 0;
         padding: 0;
         list-style: none;
         position: relative;
         }
         .cbp_tmtimeline:before {
         content: '';
         position: absolute;
         top: 3%;
         bottom: 0;
         width: 5px;
         background: #4a4a4a;
         left: 10%;
         height: 100%;
         }
         .cbp_tmicon-phone img{
         height: 30px;
         width: 30px !important;
         }
         .cbp_tmtimeline li:last-child:before {
         content: initial;
         }
         .cbp_tmtimeline > li .cbp_tmtime {
         display: block;
         width: 25%;
         padding-right: 100px;
         position: absolute;
         }
         .cbp_tmtimeline > li .cbp_tmtime span {
         display: block;
         text-align: right;
         }
         .cbp_tmtimeline > li .cbp_tmtime span:first-child {
         font-size: 0.9em;
         color: #bdd0db;
         }
         .cbp_tmtimeline > li .cbp_tmtime span:last-child {
         font-size: 2.9em;
         color: #3594cb;
         }
         .cbp_tmtimeline > li:nth-child(odd) .cbp_tmtime span:last-child {
         color: #6cbfee;
         }
         .cbp_tmtimeline > li .cbp_tmlabel {
         margin: 0 0 15px 20%;
         background: rgb(255 255 255);
         color: #FFF;
         padding: 16px;
         font-size: 1.2em;
         font-weight: 300;
         line-height: 1.4;
         position: relative;
         border-radius: 5px;
         min-height: 150px;
         box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
         }
         .cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel {
         background: white;
         box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
         }
         .cbp_tmtimeline > li .cbp_tmlabel h3 {
         margin-top: 0px;
         color: black;
         font-size: 20px;
         margin-bottom: 5px;
         padding: 0 0 10px 0;
         border-bottom: 1px solid rgba(255, 255, 255, 0.4);
         font-family:sans-serif;
         font-weight: bold;
         }
         .cbp_tmtimeline > li .cbp_tmlabel h4 {
         opacity: 0.7;
         color: rgba(255, 255, 255, 1);
         letter-spacing: 0px;
         font-family: 'Source Sans Pro', sans-serif;
         font-size: 18px;
         line-height: 1.2em;
         font-weight: 600;
         padding: 0;
         padding-bottom: 10px;
         margin: 0;
         text-align: left;
         }
         .cbp_tmtimeline > li .cbp_tmlabel h4 i {
         margin-right: 5px;
         vertical-align: middle;
         }
         .cbp_tmtimeline > li .cbp_tmlabel:after {
         right: 100%;
         border: solid transparent;
         content: " ";
         height: 0;
         width: 0;
         position: absolute;
         pointer-events: none;
         border-right-color: rgba(50, 68, 84, 1);
         border-width: 10px;
         top: 70px;
         }
         .cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after {
         border-right-color: white;
         }
         .cbp_tmtimeline > li .cbp_tmicon {
         width: 49px;
         height: 49px;
         top: 3%;
         speak: none;
         font-style: normal;
         font-weight: normal;
         font-variant: normal;
         text-transform: none;
         font-size: 1.4em;
         line-height: 40px;
         -webkit-font-smoothing: antialiased;
         position: absolute;
         color: #151515;
         background: #d1d1d1;
         border-radius: 50%;
         text-align: center;
         left: 10%;
         margin: 0 0 0 -23px;
         }
         .cbp_tmtimeline li {
         margin-bottom: 70px;
         position: relative;
         }
         .sectionClassProject {
         position: relative;
         display: block;
         /* background: #f7f7f7; */
         margin: 0 auto;
         padding: 80px 1.875em 3.125em;
         }
         .projectParagraph {
         font-size: 18px;
         margin: 0.5em 0 0;
         font-family: 'Source Sans Pro', serif;
         }
         .projectParagraphLink {
         font-size: 15px !important;
         font-weight: 500 !important;
         margin-top: 50px !important;
         margin-bottom: 0px;
         text-align: right;
         }
         .projectParagraphLink a {
         color: white;
         text-decoration: underline;
         }
         .cbp_tmicon img {
         width: 30px;
         height: 30px;
         }
         .label {
         background-color: rgba(255, 255, 255, 0.3);
         border-radius: 3px;
         color: #FFFFFF;
         display: inline;
         font-size: 12px;
         font-weight: bold;
         margin-right: 10px;
         padding: 5px 15px;
         }
         .date {
         color: #BFC3C7;
         display: block;
         font-size: 14px;
         font-weight: 600;
         position: absolute;
         top: 30px;
         right: 20px;
         }
         .date i {
         margin-right: 8px;
         vertical-align: top;
         font-size: 18px;
         line-height: 20px;
         }
      </style>
      <script type="text/javascript">
         new WOW().init();
         
         
         /* AUTHOR LINK */
           $('.about-me-img').hover(function(){
                  $('.authorWindowWrapper').stop().fadeIn('fast').find('p').addClass('trans');
              }, function(){
                  $('.authorWindowWrapper').stop().fadeOut('fast').find('p').removeClass('trans');
              });
      </script>
      <script src="js/vendor-special/lazysizes.min.js"></script>
      <script src="js/vendor-special/ls.bgset.min.js"></script>
      <script src="js/vendor-special/ls.aspectratio.min.js"></script>
      <script src="js/vendor-special/jquery.min.js"></script>
      <script src="js/vendor-special/jquery.ez-plus.js"></script>
      <script src="js/vendor/vendor.min.js"></script>
      <script src="js/app-html.js"></script>
   </body>
</html>