'Finished fix'

app/views/top_pages/_city.html.erb

+<a href="#" class="titlejob">
+  <p>
+    <%= city.location %>
+  </p>
+</a>
+<li class="total_jobs">
+  <%= city.jobs.count %> Jobs
+</li>
\ No newline at end of file

app/views/top_pages/_industr.html.erb

+<div class="col-md-4 column_set">
+  <a href="#" class="titlejob">
+    <p>
+      <%= industr.industry_name %>
+    </p>
+  </a>
+</div>
\ No newline at end of file

app/views/top_pages/_industries.html.erb

+<% @industries.each do |industry| %>
+  <%= render partial: "industr",locals: {industr: industry} %>
+<% end %>
+<div>
+    <button type="button" class="btn btn-success" id="cities_button">All Industry</button>
+</div>
\ No newline at end of file

app/views/top_pages/_job.html.erb

+<a href="#">
+  <p>
+    <%= job.job_title %>
+  </p>
+</a>
+<li class="detail_description"> <%= truncate job.short_description,length: 160%>
+  <%= link_to 'read more', '#' %> </li>
+<li class="detail_description"> <%= job.salary %> </li>
+  <% job.cities.each do |city| %>
+  <li class="detail_description"> <%= city.location %> </li>
+<% end %>
\ No newline at end of file

app/views/top_pages/top_page.html.erb

+<div class="row">
+    <div class="col">
+        <h1 id="fontwords">Total jobs: <em> <%= @total_job %> </em>job</h1>
+  </div>
+</div>
+
+<div class="row">
+  <input type="text" name="search" placeholder="Search...." id="search_box">
+  <button type="button" class="btn btn-success" id="search_button">Search</button>
+</div>
+
+<p class="text-success line_job"> Latest Jobs</p>
+<div class="row">
+  <%= render 'index' %>
+</div>
+
+<p class="text-success line_job">Top Cities</p>
+<div class="row cities">
+  <%= render 'cities' %>
+</div>
+
+<p class="text-success line_job">Top Industry</p>
+<div class="row cities">
+  <%= render 'industries' %>
+</div>
\ No newline at end of file