ok
Mini Shell
<?php include 'header.php' ?>
<style>
.popover-body {
padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
color: var(--bs-popover-body-color);
font-size: 12px;
font-weight: 500;
}
.btn i {
font-size: 22px;
}
</style>
<div class="page-wrapper">
<div class="page-content">
<div class="row">
<div class="col-xl-12 mx-auto">
<h6 class="mb-0 text-uppercase">Pincode Zone Mapping</h6>
<hr/>
<div class="container">
<div class="row">
<div class="col-xl-1">
<ul style="list-style: none;display: flex;">
<li style="font-size:12px;border-bottom: 2px solid #e3e30d;">Domestic</li>
<li style="font-size:12px;padding-left: 22px;">International</li>
</ul>
<!--<h6 class="mb-0 text" style="">Domestic</h6>-->
<!-- <h6 class="mb-0 text" style="font-size:12px;">International</h6>-->
</div>
</div>
<div class="row">
<div class="card">
<div class="card-body">
<div class="row g-3">
<div class="col-12">
<div class="row">
<div class="col-lg-6">
<div class="row">
<div class="col-md-6">
<label for="InputShipment Type" class="form-label required">Shipment Type</label>
<select class="form-select" id="InputShipment Type" aria-label="Default select example" style="line-height:1;font-size: 13px;">
<option value="1">Forward</option>
<option value="2">Return</option>
</select>
</div>
</div>
<div class="row" style="margin-top: 32px;">
<div class="col-md-6">
<label for="InputPick-up Area Pincode" class="form-label required">Pick-up Area Pincode </label>
<div class="input-group">
<input type="text" class="form-control" placeholder="6 digits Pick-up Area Pincode" aria-label="Recipient's username" aria-describedby="button-addon2" style="line-height: 0; font-size: 12px;"><button class="btn btn-outline-secondary" type="button" id="button-addon2" style="width: 19px; border-radius: 0px 6px 6px 0px;height: 28px;border-color: #f1ecec;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-check text-primary" style="width: 13px;margin-left: -6px;line-height: 1;"><polyline points="20 6 9 17 4 12"></polyline></svg></button>
<span><i class="lni lni-arrow-right-circle" style="font-size: 26px;padding-left: 10px;"></i></span>
</div>
</div>
<div class="col-md-6">
<label for="InputDelivery Area Pincode" class="form-label required">Delivery Area Pincode </label>
<input type="text" class="form-control" id="Delivery Area Pincode" placeholder="6 digits Delivery Area Pincode" style="font-size: 12px;">
</div>
</div>
<div class="row" style="margin-top: 32px;">
<div class="col-md-6">
<label for="InputApproximate Weight" class="form-label required">Approximate Weight </label><span><button type="button" class="btn" data-bs-container="body" data-bs-toggle="popover" data-bs-placement="right" data-bs-content="Note: The minimum chargeable weight is 0.50 Kg" aria-describedby="popover485426" style="padding: 10px 6px 0px 7px;border:none; margin-top: -14px;"><i class="bi bi-question-octagon" style="font-size: 12px;"></i></button></span>
<div class="input-group">
<span class="input-group-text" style="height:30px;font-size: 12px;">Kg</span>
<input type="text" class="form-control" id="inputApproximate Weight" placeholder="Eg. 0.5" style="height:30px;">
</div>
</div>
<div class="col-md-6">
<label for="InputDimensions" class="form-label">Dimensions </label>
<div class="row">
<div class="col-md-12">
<div class="input-group">
<span class="input-group-text" style="height:30px;font-size: 12px;border-radius: 6px 6px 6px 6px;">CM</span>
<input type="text" class="form-control" id="Dimensions" placeholder="L" style="font-size: 12px;border-radius: 6px 6px 6px 6px;">
<input type="text" class="form-control" id="Dimensions" placeholder="B" style="font-size: 12px;border-radius: 6px 6px 6px 6px;">
<input type="text" class="form-control" id="Dimensions" placeholder="H" style="font-size: 12px;border-radius: 6px 6px 6px 6px;">
</div>
</div>
</div>
</div>
</div>
<div class="row" style="margin-top: 32px;">
<div class="col-md-6">
<label for="Inputcod" class="form-label">COD</label>
<select class="form-select" id="Inputcod" aria-label="Default select example" style="line-height:1;font-size: 13px;">
<option value="1">No</option>
<option value="2">Yes</option>
</select>
</div>
<div class="col-md-6">
<label for="InputDelivery Area Pincode" class="form-label required">Declared Value in INR </label>
<div class="input-group">
<span class="input-group-text" style="height:30px;font-size: 12px;">₹</span>
<input type="text" class="form-control" id="inputApproximate Weight" placeholder="Declared Value" style="height:30px;">
</div>
</div>
</div>
<div class="row" style="margin-top: 32px;">
<div class="col">
<div class="font-22 text-primary">
<button type="button" class="btn btn-primary px-5" style="padding-right: 1rem!important;padding-left: 1rem!important;letter-spacing: -0.5px;"><i class="fadeIn animated bx bx-calculator"></i>Calculate</button>
</div>
</div>
</div>
<div class="row" style="margin-top: 32px;">
<div class="col-md-12">
<h6 class="mb-0 text-uppercase">Pickup-Zone Serviceability Sheet</h6>
<hr/>
</div>
<div class="col-md-6">
<label for="Inputpickup Pincode" class="form-label required">Pickup Pincode </label>
<input type="text" class="form-control" id="Pickup Pincode" placeholder="6 digits Pickup Area Pincode" style="font-size: 12px;">
</div>
<div class="col-md-12">
<div class="font-22 text-primary">
<button type="button" class="btn btn-primary px-5" style="padding-right: 1rem!important;padding-left: 1rem!important;letter-spacing: -0.5px;"><i class="fadeIn animated bx bx-calculator"></i>Export</button>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d497698.7749129721!2d77.3012592389825!3d12.954459539394117!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3bae1670c9b44e6d%3A0xf8dfc3e8517e4fe0!2sBengaluru%2C%20Karnataka!5e0!3m2!1sen!2sin!4v1688555857100!5m2!1sen!2sin" width="550" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<h6 class="mb-0 text-uppercase" style=" margin-top: 25px;">Plan-wise Shipping Rates</h6>
<hr/>
<hr/>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<?php include 'footer.php' ?>
Zerion Mini Shell 1.0