transticsshippingcalculator

<div class="row">
    <div class="col-md-4 col-sm-4">
        <label>Distance(km)</label>
        [text* distance class:form-control]
    </div>
    <div class="col-md-4 col-sm-4">
        <label>Weight(kgs)</label>
        [text* weight class:form-control]
    </div>
    <div class="col-md-4 col-sm-4">
        <label class="mr-sm-2" for="inlineFormCustomSelect">Fragility</label>
        [select* fragility class:custom-select class:mr-sm-2 "Ship" "Truck" "Plane"]
    </div>
</div>
<div class="row">
    <div class="col-md-4 col-sm-4">
        <label>Lenght(m)</label>
        [number* lenght class:form-control]
    </div>
    <div class="col-md-4 col-sm-4">
        <label>Height(m)</label>
        [number* height class:form-control]
    </div>
    <div class="col-md-4 col-sm-4">
        <label>Width(m)</label>
        [number* width class:form-control]
    </div>
</div>
<div class="row">
    <div class="col-md-12 col-sm-12">
    <label>Your Email</label>
    [email* email class:form-control]
    </div>
</div>
<div class="driver"></div>
<div class="d-flex justify-content-between submit-area align-self-center">
    <div class="chec-box">
        <div class="custom-control custom-checkbox float-left">
            [checkbox quotation class:custom-control-input "Apply Quotation"]
        </div>
    </div>
    <div class="c-button">
        [submit class:btn class:btnn class:float-right "Calculate"]
    </div>
</div>