From b44ab0ce0a1b9fceba5733034863fa557a6fc432 Mon Sep 17 00:00:00 2001
From: Henry Bravo <henry.bravo89@gmail.com>
Date: Mon, 5 Jun 2017 14:30:41 -0500
Subject: [PATCH] Add input fields (email, name) in Calculator (Pricing page)

---
 .../datacenterlight/css/landing-page.css      | 23 ++++++++++++++++++-
 .../templates/datacenterlight/pricing.html    | 16 +++++++++++--
 2 files changed, 36 insertions(+), 3 deletions(-)

diff --git a/datacenterlight/static/datacenterlight/css/landing-page.css b/datacenterlight/static/datacenterlight/css/landing-page.css
index 7def2805..56739c71 100755
--- a/datacenterlight/static/datacenterlight/css/landing-page.css
+++ b/datacenterlight/static/datacenterlight/css/landing-page.css
@@ -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;
diff --git a/datacenterlight/templates/datacenterlight/pricing.html b/datacenterlight/templates/datacenterlight/pricing.html
index 6c1be74c..8d88682c 100644
--- a/datacenterlight/templates/datacenterlight/pricing.html
+++ b/datacenterlight/templates/datacenterlight/pricing.html
@@ -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>-->