diff --git a/datacenterlight/templates/datacenterlight/whydatacenterlight.html b/datacenterlight/templates/datacenterlight/whydatacenterlight.html
index b7686805..f249ea57 100644
--- a/datacenterlight/templates/datacenterlight/whydatacenterlight.html
+++ b/datacenterlight/templates/datacenterlight/whydatacenterlight.html
@@ -136,15 +136,15 @@
         </div>
         <!-- /.container -->
     </div>
-        <!-- /.content-section-b -->
+    <!-- /.content-section-b -->
     <div class="content-section-a pricing-section" id="price">
 
         <div class="container">
         <!-- Page Features -->
             <div class="row text-center">
                 <div class="col-xs-12 col-md-6 text">
-                    <h2 class="section-heading">{% trans "Starting from only 15CHF per month. Try now." %}</h2>
-                    <p class="lead">{% trans "Actions speak louder than words. Let's do it, try our VM now." %}</p>
+                    <h2 class="section-heading">{% trans "Simple and affordable: Try our virtual machine with featherlight price." %}</h2>
+                    <p class="lead">{% trans "Affordable VM hosting based in Switzerland" %}</p>
                 </div>
 
                 <div class="col-xs-12 col-md-6 hero-feature">
@@ -152,7 +152,7 @@
                         <div class="landing card">
                             <img class="img-beta" src="{% static 'datacenterlight/img/beta-img.png' %}" alt="">
                             <div class="caption">
-                                <form id="order_form" method="POST" action="">
+                                <form id="order_form" method="POST" action="" data-toggle="validator" role="form">
                                     {% csrf_token %}
                                     <div class="title">
                                        <h3>{% trans "VM hosting" %} </h3>
@@ -165,28 +165,37 @@
                                         </div>
                                     </div>
                                     <div class="descriptions">
-                                        <div class="description">
+                                        <div class="description form-group">
                                             <p>{% trans "Hosted in Switzerland" %}</p>
                                         </div>
-                                        <div class="description">
+                                        <div class="form-group">
+                                            <div class="description input">
                                             <i class="fa fa-minus-circle left" data-minus="cpu" aria-hidden="true"></i>
-                                            <input class="input-price" type="number"  min="1" max="42" id="coreValue" name="cpu">
+                                            <input class="input-price select-number" type="number"  min="1" max="42" id="coreValue" name="cpu" data-error="{% trans 'Please enter a value greater than or equal to 1.' %}" required>
                                             <span> Core</span>
                                             <i class="fa fa-plus-circle right" data-plus="cpu"  aria-hidden="true"></i>
+                                            </div>
+                                            <div class="help-block with-errors"></div>
                                         </div>
-                                        <div class="description">
+                                        <div class="form-group">
+                                            <div class="description input">
                                             <i class="fa fa-minus-circle left" data-minus="ram" aria-hidden="true"></i>
-                                            <input id="ramValue" class="input-price" type="number"  min="2" max="200"  name="ram">
+                                            <input id="ramValue" class="input-price select-number" type="number"  min="2" max="200"  name="ram" data-error="{% trans 'Please enter a value greater than or equal to 2.' %}" required>
                                             <span> GB RAM</span>
                                             <i class="fa fa-plus-circle right" data-plus="ram"  aria-hidden="true"></i>
+                                            </div>
+                                            <div class="help-block with-errors"></div>
                                         </div>
-                                        <div class="description">
+                                        <div class="form-group">
+                                            <div class="description input">
                                             <i class="fa fa-minus-circle left" data-minus="storage" aria-hidden="true"></i>
-                                            <input id="storageValue" class="input-price" type="number"  min="10" max="500" step="10" name="storage">
+                                            <input id="storageValue" class="input-price select-number" type="number"  min="10" max="500" step="10" name="storage" data-error="{% trans 'Please enter a value greater than or equal to 10.' %}" required>
                                             <span>{% trans "GB Storage (SSD)" %}</span>
                                             <i class="fa fa-plus-circle right" data-plus="storage"  aria-hidden="true"></i>
+                                            </div>
+                                            <div class="help-block with-errors"></div>
                                         </div>
-                                        <div class="description select-configuration input">
+                                        <div class="description select-configuration input form-group justify-center">
                                             <label for="config">OS</label>
                                             <select name="config" id="">
                                                 {% for template in templates %}
@@ -198,21 +207,40 @@
                                         <!--<div class="description check-ip">
                                             <input type="checkbox" name="ipv6"> Ipv6 Only<br>
                                         </div>-->
-                                        <div class="description input">
-                                            <label for="name">{% trans "Name"%}</label>
-                                            <input type="text" name="name" placeholder="{% trans "Your Name" %}">
-                                        </div>
-                                        <div class="description input">
-                                            <label for="email">{% trans "Email" %}</label>
-                                            <input type="email" name="email" placeholder="{% trans "Your Email" %}">
-                                        </div>
+                                            <div class="form-group">
+                                                <div class="description input justify-center">
+                                                <label for="name" class="control-label">{% trans "Name"%}</label>
+                                                <input type="text" name="name" class="form-control" placeholder="{% trans 'Your Name'%}" data-minlength="3" data-error="{% trans 'Please enter your name' %}" required>
+                                                </div>
+                                                <div class="help-block with-errors">
+                                                    {% for message in messages %}
+                                                        {% if 'name' in message.tags %}
+                                                        <ul class="list-unstyled"><li>
+                                                            {{ message|safe }}
+                                                        </li></ul>
+                                                        {% endif %}
+                                                    {% endfor %}
+                                                </div>
+                                            </div>
+                                            <div class="form-group">
+                                                <div class="description input justify-center">
+                                                <label for="email" class="control-label">{% trans "Email"%}</label>
+                                                <input name="email" type="email" pattern="^[^@\s]+@([^@\s]+\.)+[^@\s]+$" class="form-control" placeholder="{% trans 'Your Email' %}" data-error="{% trans 'Please enter a valid email address' %}" required>
+                                                </div>
+                                                <div class="help-block with-errors">
+                                                    {% for message in messages %}
+                                                        {% if 'email' in message.tags %}
+                                                         <ul class="list-unstyled"><li>
+                                                            {{ message|safe }}
+                                                        </li></ul>
+                                                        {% endif %}
+                                                    {% endfor %}
+                                                </div>
+                                            </div>
                                     </div>
                                     <input type="submit" class="btn btn-primary" value="{% trans 'Order Now!' %}"></input>
                                 </form>
                             </div>
-                            <div>
-                                <div id="error_message_box" class="error-message-box"></div>
-                            </div>
                         </div>
                     </div>