Fix layout

app/assets/stylesheets/custom.scss

@@ -19,3 +19,7 @@ footer {
   background-color: $eee;
   border-color: $color888;
 }
+
+.total_jobs {
+  text-align: center;
+}

app/views/categories/show.html.erb

 <%- provide('title', 'Industries') -%>
-<div class="center jumbotron">
-  <div class="well">
+<div class="well">
   <p> Industry list </p>
   <div class="list_categories">
     <div class="row">
@@ -14,5 +13,4 @@
       <%- end -%>
     </div>
   </div>
-  </div>
 </div>

app/views/cities/show.html.erb

 <%- provide(:title, 'Cities') -%>
-<div class="center jumbotron">
-  <div class="well">
+<div class="well">
   <p> City list </p>
   <div class="list_areas">
     <div class="row">
@@ -11,8 +10,8 @@
       <%- end -%>
     </div>
   </div>
-  </div>
-  <%- @areas.each do |area| -%>
+</div>
+<%- @areas.each do |area| -%>
   <div class="well">
     <p> <%= area.name %> </p>
     <div class="row">
@@ -26,5 +25,4 @@
       <%- end -%>
     </div>
   </div>
-  <%- end -%>
-</div>
+<%- end -%>

app/views/static_pages/home.html.erb

 <%- provide(:title, 'Home') -%>
-<div class="center jumbotron">
-  <div class="well">
-    <div class="banner"> TODO
+<div class="well">
+  <div class="banner">
+    <%= image_tag('http://images.careerbuilder.vn/background/ok_cb_vipbn_vtlc_1440x430_1496992170.jpg', width: '100px')%>
   </div>
   <div class="total_jobs"> Total jobs: <%= @total_jobs %>
   </div>
-  </div>
-  <div class="well">
+</div>
+<div class="well">
   <div class="search_box">
 
   </div>
-  </div>
-  <div class="well">
+</div>
+<div class="well">
   <p> Latest Jobs </p>
   <div class="latest_jobs">
     <%- @latest_jobs.limit(5).each do |job| -%>
@@ -26,13 +26,13 @@
           <%= job.city.name %>
         </div>
         <div class="col-md-4">
-            <%= truncate(job.description, length: 100) %>
+          <%= truncate(job.description, length: 250) %>
         </div>
       </div>
     <%- end -%>
   </div>
-  </div>
-  <div class="well">
+</div>
+<div class="well">
   <p> Top cities <%= link_to 'All cities', cities_path %> </p>
   <div class="top_cities">
     <div class="row">
@@ -44,8 +44,8 @@
       <%- end -%>
     </div>
   </div>
-  </div>
-  <div class="well">
+</div>
+<div class="well">
   <p> Top industries <%= link_to 'All industries', categories_path -%> </p>
   <div class="top_industries">
     <div class="row">
@@ -57,6 +57,4 @@
       <%- end -%>
   </div>
   </div>
-  </div>
-
 </div>