create class for panel

Signed-off-by: Matheus Agio Nerone <man13@inf.ufpr.br>

app/assets/stylesheets/application/welcome.scss

+.panel-wrapper{
+  position: relative;
+  min-height: 500px;
+  min-width: 350px;
+  margin-top: 30px;
+  background-color: #2178F5;
+  color: white;
+}
+.divider{
+  height: 5px;
+  background-color: red;
+}
 .general-highlights {
   padding-left: 0px;
   padding-right: 0px;

app/views/welcome/index.html.erb

@@ -57,14 +57,22 @@
     </div>
   </div>
   <div class="col-md-3 col-md-offset-1 hidden-xs hidden-sm">
-    <div style="position: relative; height: 500px; width: 350px; margin-top: 30px; background-color: #2178F5; padding: 5px 30px 30px 30px; color: white">
-      <h2>Cadastre-se!</h2>
-      <h2>Vantagens de cadastrar:</h2>
-      <h2>Tem Muitas!</h2>
-      <%= form_tag(new_user_registration_path, method: 'get') do %>
-        <%= text_field_tag :email, '', placeholder: "Seu email", class: 'form-control', style: 'position: absolute; bottom: 75px ;right: 30px; width: 290px;' %>
-        <%= button_to "Cadastrar-se", new_user_registration_path,class: "btn btn-danger", style: 'position: absolute; bottom: 30px ;right: 30px; width: 230px; background-color: #FF2134;' %>
-      <% end %>
+    <div class="panel-wrapper">
+      <div style="padding: 5px 30px 30px 30px;">
+        <h2>Cadastre-se!</h2>
+        <h2>Vantagens de cadastrar:</h2>
+        <h2>Tem Muitas!</h2>
+        <h2>Tem Muitas!</h2>
+        <h2>Tem Muitas!</h2>
+      </div>
+      <div class="divider">
+      </div>
+      <div style="width: 100%; padding: 5px 30px 30px 30px;">
+        <%= form_tag(new_user_registration_path, method: 'get') do %>
+          <%= text_field_tag :email, '', placeholder: "Seu email", class: 'form-control'%>
+          <%= button_to "Cadastrar-se", new_user_registration_path,class: "btn btn-danger", style: 'margin-top: 10px; width: 230px; background-color: #FF2134;'%>
+        <% end %>
+      </div>
     </div>
   </div>
 </div>