Add input fields (email, name) in Calculator (Pricing page)

This commit is contained in:
Henry Bravo 2017-06-05 14:30:41 -05:00
parent ba03cf232e
commit b44ab0ce0a
2 changed files with 36 additions and 3 deletions

View file

@ -696,11 +696,32 @@ h6 {
height: 40px; height: 40px;
width: 200px; width: 200px;
text-align: center; text-align: center;
font-size: 18px; font-size: 16px;
margin-left: 10px;
} }
.price-calc-section .card .check-ip{ .price-calc-section .card .check-ip{
font-size: 18px; font-size: 18px;
} }
.price-calc-section .card .description.input{
justify-content: center;
}
.price-calc-section .card .description.input label{
font-size: 15px;
font-weight: 800;
font-family: 'Lato-Regular';
margin-bottom: 0;
width: 40px;
}
.price-calc-section .card .description.input input{
width: 200px;
font-size: 14px;
text-align: left;
padding: 5px 10px;
border-radius: 4px;
border: 1px solid #d0d0d0;
background: #fff;
margin-left: 10px;
}
.price-calc-section .card .check-ip input[type=checkbox]{ .price-calc-section .card .check-ip input[type=checkbox]{
font-size: 17px; font-size: 17px;

View file

@ -144,9 +144,11 @@
<span>{% trans "GB Storage (SSD)" %}</span> <span>{% trans "GB Storage (SSD)" %}</span>
<i class="fa fa-plus-circle right" data-plus="storage" aria-hidden="true"></i> <i class="fa fa-plus-circle right" data-plus="storage" aria-hidden="true"></i>
</div> </div>
<div class="description select-configuration">
<div class="description select-configuration input">
<label for="name">OS</label>
<select name="config" id=""> <select name="config" id="">
{% for template in templates %} {% for template in templates %}
<option value="{{template.id}}">{{template.name}} </option> <option value="{{template.id}}">{{template.name}} </option>
@ -154,6 +156,16 @@
</select> </select>
</div> </div>
<input type="hidden" name="total"> <input type="hidden" name="total">
<div class="description input">
<label for="name">Name</label>
<input type="text" name="name" placeholder="Your Name">
</div>
<div class="description input">
<label for="email">Email</label>
<input type="email" name="email" placeholder="Your Email">
</div>
<!--<div class="description check-ip"> <!--<div class="description check-ip">
<input type="checkbox" name="ipv6"> Ipv6 Only<br> <input type="checkbox" name="ipv6"> Ipv6 Only<br>
</div>--> </div>-->