fix css

app/assets/stylesheets/custom.scss

 @import 'bootstrap';
 
+$eee: #eee;
+$color888: #888;
+
 body {
   padding-top: 60px;
 }
@@ -7,7 +10,12 @@ body {
 footer {
   text-align: right;
 
-  small {
-    float: left;
+  p {
+    margin-bottom: 50px;
   }
 }
+
+.navbar-inverse {
+  background-color: $eee;
+  border-color: $color888;
+}

app/views/layouts/_footer.html.erb

 <footer>
-  <small>ZIGExN VeNtura <%= Date.today.year %></small>
+  <p>ZIGExN VeNtura <%= Date.today.year %></p>
 </footer>

app/views/layouts/_header.html.erb

 <header class="navbar navbar-fixed-top navbar-inverse">
   <div class="container">
-    <%= link_to "veNJOB", root_path, id: 'logo' %>
+    <%= link_to image_tag('', alt: 'veNJOB'), root_path, id: 'logo' %>
     <nav>
       <ul class="nav navbar-nav navbar-right">
         <li> <%= link_to 'Login', '#' %> </li>

app/views/static_pages/home.html.erb

@@ -15,36 +15,48 @@
     <p> Latest Jobs </p>
     <div class="latest_jobs">
       <%- @latest_jobs.limit(5).each do |job| -%>
-        <div>
+        <div class="row">
+          <div class="col-md-3">
             <%= job.name %>
+          </div>
+          <div class="col-md-2">
             <%= job.salary %>
           </div>
+          <div class="col-md-3">
+            <%= job.city.name %>
+          </div>
+          <div class="col-md-4">
+            <%= truncate(job.description, length: 100) %>
+          </div>
+        </div>
       <%- end -%>
     </div>
   </div>
   <div class="well">
-    <p> Top cities </p>
+    <p> Top cities </p><%= link_to 'All cities', '#' %>
     <div class="top_cities">
+      <div class="row">
         <%- @top_cities.limit(9).each do |city| -%>
-        <div>
+            <div class="col-md-4">
               <%= city.name %>
-          <%= city.job.count %>
+              (<%= pluralize(city.job.count, 'job') %>)
             </div>
         <%- end -%>
       </div>
-    <%= link_to 'All cities', '#' %>
+    </div>
   </div>
   <div class="well">
-    <p> Top industries </p>
+    <p> Top industries </p><%= link_to 'All industries', '#' -%>
     <div class="top_industries">
+      <div class="row">
         <%- @top_categories.limit(9).each do |category| -%>
-        <div>
+          <div class="col-md-4">
             <%= category.name %>
-          <%= category.job_category.count %>
+            (<%= pluralize(category.job_category.count, 'job') %>)
           </div>
         <%- end -%>
     </div>
-    <%- link_to 'All industries', '#' -%>
+    </div>
   </div>
 
 </div>