ok
Mini Shell
<?php include('header.php'); ?>
<div class="page-wrapper">
<div class="page-content">
<div class="row">
<div class="col-12 col-lg-4">
<!--AWB number Start-->
<div class="card">
<div class="card-body">
<div class="row g-3" style="min-height: 200px;">
<div class="col-12 col-lg-12">
<b>Order Tracking</b>
</div>
<div class="d-flex">
<div class="form-check form-check-success">
<input class="form-check-input" type="radio" name="check_order_id" id="check_order_id" checked>
<label class="form-check-label" for="check_order_id">
Order ID
</label>
</div>
<div class="form-check form-check-success">
<input class="form-check-input" type="radio" name="check_order_id" id="check_awb_no">
<label class="form-check-label" for="check_awb_no">
Tracking (AWB) Number
</label>
</div>
</div>
<div class="row" style="margin-top: 12px;">
<div class="col-md-12">
<label for="input1" class="form-label">Tracking Number</label>
<input type="text" class="form-control" id="input1" placeholder="Enter Your Tracking Number...">
</div>
</div>
<center><button class="btn btn-sm btn" type="submit" name="track_now">
Track Now</button></center>
</div>
</div>
</div>
<!--AWB number Edn-->
</div>
<div class="col-12 col-lg-8">
<div class="card">
<div class="card-body">
<div class="row g-3" style="min-height: 200px;">
<div class="col-md-6">
<b>Billing Address</b><br>
Name : <span class="blue">S.YASHODA</span> <br>
Mobile Number : <span class="blue">8095036985</span><br>
Address : <span class="blue">MODICARE LTD,9980037711
BANGALORE-562123,KARNATAKA,INDIA</span><br>
Pincode : <span class="blue">456545</span> City : <span class="blue">Bangalore</span> <br>
State : <span class="blue">Karnataka Country : <span class="blue">India</span> <br>
</div>
<div class="col-md-6">
<b>Shipping Address</b><br>
Name : <span class="blue">S.YASHODA</span> <br>
Mobile Number : <span class="blue">8095036985</span><br>
Address : <span class="blue">MODICARE LTD,9980037711
BANGALORE-562123,KARNATAKA,INDIA</span><br>
Pincode : <span class="blue">456545</span> City : <span class="blue">Bangalore</span> <br>
State : <span class="blue">Karnataka Country : <span class="blue">India</span> <br>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<center><h5 style="font-weight:bolder;color: #7c45d5;">YOUR TRACKING AWB NO : B00032</h5></center>
<div class="ft-funfact-content-2 position-relative">
<div class="ft-funfact-inner-items-wrapper position-relative">
<div class="row">
<div class="col-lg-2 col-md-6">
<div class="ft-funfact-inner-items text-center">
<div class="ft-funfact-inner-icon d-flex align-items-center justify-content-center position-relative" style="background: #f09031;">
<img src="image/file-upload.png" style="width:30px;height:33px;"> <!--<i class="bi bi-upload" style="color: #592e55;;font-size: 41px;"></i>-->
</div>
<div class="ft-funfact-inner-text headline pera-content">
<hr style="border: 1px dashed #ffffff;margin-top: -15%;margin-left: 14%;height: 12px;background: #2d0858;width: 114%;">
<p>SOFT DATA UPLOAD</p>
</div>
</div>
</div>
<div class="col-lg-2 col-md-6">
<div class="ft-funfact-inner-items text-center">
<div class="ft-funfact-inner-icon d-flex align-items-center justify-content-center position-relative" style="background: #f09031;">
<img src="image/trolley.png" style="width:30px;height:33px;"><!--<i class="bi bi-dropbox" style="color: #592e55;font-size: 41px;"></i>-->
</div>
<div class="ft-funfact-inner-text headline pera-content">
<hr style="border: 1px dashed #ffffff;margin-top: -15%;margin-left: 14%;height: 12px;background: #2d0858;width: 114%;">
<p>PICKED</p>
</div>
</div>
</div>
<div class="col-lg-2 col-md-6">
<div class="ft-funfact-inner-items text-center">
<div class="ft-funfact-inner-icon d-flex align-items-center justify-content-center position-relative" style="background: #f09031;">
<img src="image/location.png" style="width:30px;height:33px;"><!--<i class="bi bi-geo-alt" style="color: #592e55;font-size: 41px;"></i>-->
</div>
<div class="ft-funfact-inner-text headline pera-content">
<hr style="border: 1px dashed #ffffff;margin-top: -15%;margin-left: 14%;height: 12px;background: #2d0858;width: 114%;">
<p>FORWARDED TO DESTINATION</p>
</div>
</div>
</div>
<div class="col-lg-2 col-md-6">
<div class="ft-funfact-inner-items text-center">
<div class="ft-funfact-inner-icon d-flex align-items-center justify-content-center position-relative" style="background: #f09031;">
<img src="image/destination.png" style="width:30px;height:33px;"><!--<i class="flaticon-compliance" style="color: #592e55;font-size: 41px;"></i>-->
</div>
<div class="ft-funfact-inner-text headline pera-content">
<hr style="border: 1px dashed #ffffff;margin-top: -15%;margin-left: 14%;height: 12px;background: #2d0858;width: 114%;">
<p>RECEIVED AT DESTINATION</p>
</div>
</div>
</div>
<div class="col-lg-2 col-md-6">
<div class="ft-funfact-inner-items text-center">
<div class="ft-funfact-inner-icon d-flex align-items-center justify-content-center position-relative" style="background: #f09031;">
<img src="image/delivery-truck.png" style="width:30px;height:33px;"><!--<i class="bi bi-truck" style="color: #592e55;font-size: 41px;"></i>-->
</div>
<div class="ft-funfact-inner-text headline pera-content">
<hr style="border: 1px dashed #ffffff;margin-top: -15%;margin-left: 14%;height: 12px;background: #2d0858;width: 114%;">
<p>OUT FOR DELIVERY</p>
</div>
</div>
</div>
<div class="col-lg-2 col-md-6">
<div class="ft-funfact-inner-items text-center">
<div class="ft-funfact-inner-icon d-flex align-items-center justify-content-center position-relative" style="background: #f09031;">
<img src="image/transport.png" style="width:30px;height:33px;"><!--<i class="flaticon-delivery-truck" style="color: #592e55;font-size: 41px;"></i>-->
</div>
<div class="ft-funfact-inner-text headline pera-content">
<hr style="border: 1px dashed #ffffff;margin-top: -15%;margin-left: 14%;height: 12px;background: #2d0858;width: 114%;">
<p>Delivered</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="col-md-12">
<center>Tracking Details</center>
<table style="width:100%;" id="tracking-table">
<tr>
<td><b>AWB NO : B00012</b></td>
<td><b>Booking Date : 30-06-202</b></td>
<td><b>AWB NO : B00012</b></td>
</tr>
<tr>
<td><b>Customer Name : SUMITRA ARUN KUSUGAL</b></td>
<td><b>Address : PLOT NO 2190, SECTOR NO.11 MANATESH NAGAR,</b></td>
<td><b>Phone Number : 9448390500</b></td>
</tr>
</table>
<table style="width:100%;border:1px solid black;border-top:none;" id="tracking-table1">
<tr>
<th style="width:15%;text-align:center;"><b>S.No</b></th>
<th style="width:15%;text-align:center;"><b>Status</b></th>
<th style="width:15%;text-align:center;"><b>Date</b></th>
<th style="width:15%;text-align:center;"><b>Location</b></th>
<th style="width:60%;text-align:center;"><b>Description</b></th>
</tr>
<tr>
<td style="text-align:center">1</td>
<td style="text-align:center">Pending</td>
<td style="text-align:center">30-06-2023</td>
<td style="text-align:center">Bangalore</td>
<td style="text-align:center">Shipment booked successfully</td>
</tr>
<tr>
<td style="text-align:center">2</td>
<td style="text-align:center">Pending</td>
<td style="text-align:center">30-06-2023</td>
<td style="text-align:center">Bangalore</td>
<td style="text-align:center">Shipment booked successfully</td>
</tr>
<tr>
<td style="text-align:center">3</td>
<td style="text-align:center">Pending</td>
<td style="text-align:center">30-06-2023</td>
<td style="text-align:center">Bangalore</td>
<td style="text-align:center">Shipment booked successfully</td>
</tr>
</table>
</div>
</div><br>
</div>
<style>
.ft-funfact-content-2 {
z-index: 1;
padding-top: 24px;
}
.position-relative {
position: relative!important;
}
*, ::after, ::before {
box-sizing: border-box;
}
.ft-funfact-content-2 .map-bg {
top: 0;
left: 0;
right: 0;
opacity: 0.5;
z-index: -1;
}
.ft-funfact-inner-items .ft-funfact-inner-icon {
width: 65px;
height: 65px;
margin: 0 auto;
margin-bottom: 40px;
border-radius: 100%;
background-color: #3b6aff;
}
.align-items-center {
align-items: center!important;
}
.ft-funfact-inner-items .ft-funfact-inner-icon:after {
left: 25px;
bottom: -8px;
content: "";
position: absolute;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-top: 10px solid #3b6aff;
}
hr {
margin: 1rem 0;
color: inherit;
border: 0;
border-top: var(--bs-border-width) solid;
opacity: 0.5;
}
.ft-funfact-inner-items .ft-funfact-inner-icon:after {
border-top: 10px solid #4c1da5!important;
}
</style>
<style>
.blue{
color:blue;
}
.tracking-after{
background: gray;
}td{
padding: 2px 10px;
}
</style>
<style>
table,td {
border:1px solid gray;
border-collapse: collapse;
}
</style>
<?php include('footer.php'); ?>
Zerion Mini Shell 1.0