ok
Mini Shell
<?php include 'header.php'; ?>
<style>
.vertical {
border-left: 1.5px dotted blue;
height: 50px;
position:relative;
left: 50%;
}
b, strong {
font-weight: bolder;
font-size: 14px;
}
</style>
<div class="page-wrapper">
<div class="page-content">
<div class="row">
<h5>Shipping Rate Calculator </h5>
</div>
<div class="row" style="margin-top:20px;">
<div class="col-12 col-lg-12">
<div class="row">
<div class="col-12 col-lg-1">
<p>Domestic</p>
</div>
<div class="col-12 col-lg-1">
<p>International</p>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-8">
<div class="card">
<div class="card-body">
<div class="row g-3">
<form>
<div class="col-12 col-lg-12">
<p>Shipment Type</p>
</div>
<div class="d-flex">
<div class="form-check form-check-Primary">
<input class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault1">
<label class="form-check-label" for="flexRadioDefault1">
Forward
</label>
</div>
<div class="form-check form-check-Primary">
<input class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault1">
<label class="form-check-label" for="flexRadioDefault1">
Return
</label>
</div>
</div>
<div class="row" style="margin-top: 12px;">
<div class="col-md-5">
<label for="input1" class="form-label">Pickup Pincode</label>
<input type="text" class="form-control" id="input1" placeholder="Enter 6 digit pickup area pincode">
</div>
<div class="col-md-5">
<label for="input1" class="form-label">Delivery Pincode</label>
<input type="text" class="form-control" id="input1" placeholder="Enter 6 digit delivery area pincode">
</div>
</div>
<div class="row" style="margin-top: 20px;">
<div class="col-12 col-lg-5">
<label for="FisrtName" class="form-label">Actual Weight</label>
<div class="input-group">
<input type="text" class="form-control" placeholder="0.00" aria-label="Recipient's username" aria-describedby="basic-addon2"> <span class="input-group-text" id="basic-addon2" style="color: darkgray;background-color: azure;">KG</span>
</div>
<span class="color-liht-gray" style="font-size:10px;">Note: Minimum chargeable weight is 0.5kg</span>
</div>
<div class="col-12 col-lg-7">
<div class="row">
<label for="FisrtName" class="form-label">Dimensions</label>
<div class="col-12 col-lg-4">
<div class="input-group mb-3">
<input type="text" class="form-control" placeholder="L" aria-label="Recipient's username" aria-describedby="basic-addon2"> <span class="input-group-text" id="basic-addon2" style="color: darkgray;background-color: azure;">CM</span>
</div>
</div>
<div class="col-12 col-lg-4">
<div class="input-group mb-3">
<input type="text" class="form-control" placeholder="B" aria-label="Recipient's username" aria-describedby="basic-addon2"> <span class="input-group-text" id="basic-addon2" style="color: darkgray;background-color: azure;">CM</span>
</div>
</div>
<div class="col-12 col-lg-4">
<div class="input-group mb-3">
<input type="text" class="form-control" placeholder="H" aria-label="Recipient's username" aria-describedby="basic-addon2"> <span class="input-group-text" id="basic-addon2" style="color: darkgray;background-color: azure;">CM</span>
</div>
</div>
<span class="color-liht-gray" style="font-size:10px;">Note: Dimensional value should be greater than 0.5cm</span>
</div>
</div>
<div class="row" style="margin-top:18px;">
<div class="col-12 col-lg-6">
<p>Payment Type</p>
<div class="d-flex">
<div class="form-check form-check-Primary">
<input class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault1">
<label class="form-check-label" for="flexRadioDefault1">
Cash on Delivery
</label>
</div>
<div class="form-check form-check-Primary">
<input class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault1">
<label class="form-check-label" for="flexRadioDefault1">
Prepaid
</label>
</div>
</div>
</div>
<div class="col-12 col-lg-5">
<label for="FisrtName" class="form-label">Shipment Value (₹)</label>
<div class="input-group">
<span class="input-group-text" id="basic-addon2" style="color: darkgray;background-color: azure;">₹</span>
<input type="text" class="form-control" placeholder="Enter the shipment value" aria-label="Recipient's username" aria-describedby="basic-addon2">
</div>
</div>
</div>
<div class="col-12 col-lg-12" style="margin-top:18px;">
<p class="d-flex">Shipping Dangerous Goods?
<span style="margin-top: -15px;">
<button type="button" class="btn" data-bs-container="body" data-bs-toggle="popover" data-bs-placement="top" data-bs-content="Shipments containing flammable gas, flammable liquids, oil-based paints, batteries, and other hazardous materials are not permitted in Air mode.Dangerous Goods List" aria-describedby="popover485426" style="padding: 10px 6px 0px 7px;border:none;"><i class="bi bi-question-octagon" style="font-size: 12px;"></i></button>
</span></p>
<div class="d-flex">
<div class="form-check form-check-Primary">
<input class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault1">
<label class="form-check-label" for="flexRadioDefault1">
Yes
</label>
</div>
<div class="form-check form-check-Primary">
<input class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault1">
<label class="form-check-label" for="flexRadioDefault1">
No
</label>
</div>
</div>
</div>
<div class="col-12 col-lg-12" style="margin-top:18px;">
<div class="row">
<div class="col-4">
<button type="button" class="btn btn-primary px-5">Calculate</button>
</div>
<div class="col-3">
<button type="button" class="btn btn-outline-primary px-5">Reset</button>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="card">
<div class="card-body">
<div class="row g-3">
<div class="col-md-10" style="padding: 0px;margin-left: 26px;">
<label for="input1" class="form-label" style="font-size: 15px;margin-left: 60px;"><i class="bi bi-geo-alt-fill" style="font-size: 20px;color: blue;"></i><b>Pickup Location</b></label>
<input type="text" class="form-control" id="input1" placeholder="City,State" style="height: 60px;border: dotted 1.5px darkblue;background-color: #e7e4e4;font-size: 20px;text-align: center;font-weight: 500;">
</div>
<div class = "vertical"></div>
<div class="col-md-10" style="padding: 0px;margin-left: 26px;">
<label for="input2" class="form-label" style="font-size: 15px;margin-left: 60px;"><i class="bi bi-geo-alt-fill" style="font-size: 20px;color: blue;"></i><b>Delivery Location</b></label>
<input type="text" class="form-control" id="input1" placeholder="City,State" style="height: 60px;border: dotted 1.5px darkblue;background-color: #e7e4e4;font-size: 20px;text-align: center;font-weight: 500;">
</div>
</div>
<div class="row g-3">
<div class="widgets-icons-4 rounded-circle text-white ms-auto"><img src="assets/img/rate-delivery.png" style="width: 193px;margin-left: 50px;">
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="card">
<div class="card-body">
<div class="col-lg-12">
<div class="row g-3">
<p><strong>Terms & Conditions</strong></p>
<ul style="margin-left: 2%;margin-top: 0;line-height: 210%;">
<li >Dead/Dry weight or volumetric weight whichever is higher will be
taken while calculating the freight rates.</li>
<li >Fixed COD charge or COD % of the order value whichever is higher
will be taken while calculating the COD fee.</li>
<li >Above prices are inclusive of GST.</li>
<li >The above pricing is subject to change based on fuel surcharges
and courier company base rates.</li>
<li >Return charges may apply over and above the freight fee incase
of E-com Express.</li>
<li >Volumetric weight is calculated LxBxH/5000 for all courier
companies except for Fedex Surface, Aramex, Fedex Surface Light and Gati Surface. In case
of Fedex surface, volumetric weight is calculated as LxBxH/4500, for Aramex, it is LxBxH/6000,
for Fedex Surface Light, it is LxBxH/4500 and for Gati Surface, it is LxBxH/4500 (length, breadth,
height has to be taken in Centimeters and divided by denominator, this will give the value in Kilograms).</li>
<li >The maximum liability if any is limited to whatever compensation the
logistics partner offers to Company in event of a claim by the Merchant, provided such claim is
raised by the Merchant within one (1) month from the date of such damage or loss or theft.</li>
<li >Other Charges like Octroi charges, state entry tax and fees, address
correction charges if applicable shall be charged extra.</li>
<li >RTO (return to origin) shipment will be charged differently from the
forward delivery rate.</li>
<li >For any queries a ticket has to be raised on <a href="#">support@speedconnect.in.</a></li>
<li >The maximum liability if any is limited to whatever compensation the logistics partner offers to Company in event
of a claim by the Merchant, provided such claim is raised by the Merchant within one (1) month from the date of such damage or loss or theft.</li>
<li >Speedconnect shall not assist in shipping goods that come under the category of prohibited, dangerous goods or restricted good.</li>
<li >Detailed terms and conditions can be review on <a href="#">www.speedconnect.in/merchant-agreement</a></li>
<li >Important: The standard courier RTO charge will also apply to their additional weight courier type.</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<?php include 'footer.php'; ?>
Zerion Mini Shell 1.0