<h2>Pricing Calculator</h2>		
			<h2>Pricing<br> Calculator</h2>		
    <style>
        .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.demo {
    margin: 33px auto;
    overflow: hidden;
    width: 700px;
}
.resp-tabs-container {
    box-sizing: border-box;
    clear: left;
    color: #672812;
    float: left;
    width: 100%;
}
.form-outer-info {
    background-color: #ececec;
    border-radius: 0;
    box-sizing: border-box;
    clear: left;
    color: #672812;
    float: left;
    padding: 15px;
    width: 100%;
}
.fild-wrap {
    background: #f3f3f3 none repeat scroll 0 0;
    box-sizing: border-box;
    float: left;
    margin: 14px 0 0;
    padding: 15px;
    width: 100%;
}
.input-outer {
    float: left;
    margin: 0 0 9px 0px;
    text-align: center;
    width: 100%;
}
.col-fm-1 {
    float: left;
    font-size: 15px;
    font-style: italic;
    width: 35%;
    clear: both;
}
.col-fm-2 {
    float: left;
    width: 44%;
}
input:not([type=range]) {
    width: 100%;
    padding: 5px
}
button, input, optgroup, select, textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
[role=button], a, area, button, input:not([type=range]), label, select, summary, textarea {
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    color: #989898;
}
label {
    display: block;
    margin-bottom: 5px;
    font-weight: normal;
    line-height: 20px;
}
[role=button], a, area, button, input:not([type=range]), label, select, summary, textarea {
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    color: #989898;
}
.col-sm-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}
@media screen and (max-width: 360px) {   
    .col-sm-4 {
     flex: 100%;
    max-width:100%;
}
}
    </style>
<form action="" method="post">
<label>Country</label>
<input type="text" name="country" id="country" value="Qatar" disabled="disabled">
<label>No of Vehicles</label>
<input type="text" min="0" name="noofveh" id="noofveh" onkeypress="return (event.which >= 48 &amp;&amp; event.which <= 57) || event.which == 8 || event.which == 46 || event.which == 37 || event.which == 39" onchange="ValueChanged()" required=""><br>
<label style="font-size:17px;font-style:italic;">Contract Based<input id="c_based" type="radio" name="device_category" value="Contract Based" checked="checked" required="">
</label>
<label style="font-size:17px;font-style:italic;">Non-Contract Based<input id="nc_based" type="radio" name="device_category" value="Non-Contract Based" required="">
</label>
<label style="font-size:17px;font-style:italic;">Mobile Based Solution<input id="mob_based" type="radio" name="device_category" value="Mobile Based Solution" required="">
</label>
<input type="text" name="hide_device_category" id="hide_device_category">
<label>Subscription Cost</label>
5
<input type="text" name="hide_subscribe_cost" id="hide_subscribe_cost">
<label>Total Cost</label>
0
<input type="text" name="hide_total_cost" id="hide_total_cost">
<input type="input" name="email" placeholder="Enter your mail ID" style="width:67%;margin-top:15px; margin-left: 25px;" required="">
<input type="submit" value="Send Quote" style="margin-top:15px;" name="submit_a">
</form>

YII

Pricing Calculator

Pricing
Calculator

About

Our Sister Sites

Ecommerce

Industries

Hire Link Developer

App Cost Calculator

Contact Us

Our Services

Our Blogs

Quick Contact

Probytes in Social Media