aatish/dynamicweb
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

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

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

23
datacenterlight/static/datacenterlight/css/landing-page.css
View file

@ -696,11 +696,32 @@ h6 {
height: 40px;
width: 200px;
text-align: center;
font-size: 18px;
font-size: 16px;
margin-left: 10px;
}
.price-calc-section .card .check-ip{
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]{
font-size: 17px;

16
datacenterlight/templates/datacenterlight/pricing.html
View file

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