anchor.diff:    </div><!--/span4-->
   </div><!--/row-fluid-->
   <!-- //End Information Blokcs -->
  -<!-- Our Clients -->
  -<div id="clients-flexslider" class="flexslider home clients">
  -  <div class="headline"><h3>Our Clients</h3></div>
  -  <ul class="slides">
  -    <li>
  -      <a href="#">
  -        <img src="assets/img/ace/clients/hp_grey.png" alt="" />
  -        <img src="assets/img/ace/clients/hp.png" class="color-img" alt="" />
  -      </a>
  -    </li>
  -    <li>
  -      <a href="#">
  -        <img src="assets/img/ace/clients/igneus_grey.png" alt="" />
  -        <img src="assets/img/ace/clients/igneus.png" class="color-img" alt="" />
  -      </a>
  -    </li>
  -    <li>
  -      <a href="#">
  -        <img src="assets/img/ace/clients/vadafone_grey.png" alt="" />
  -        <img src="assets/img/ace/clients/vadafone.png" class="color-img" alt="" />
  -      </a>
  -    </li>
  -    <li>
  -      <a href="#">
  -        <img src="assets/img/ace/clients/walmart_grey.png" alt="" />
  -        <img src="assets/img/ace/clients/walmart.png" class="color-img" alt="" />
  -      </a>
  -    </li>
  -    <li>
  -      <a href="#">
  -        <img src="assets/img/ace/clients/shell_grey.png" alt="" />
  -        <img src="assets/img/ace/clients/shell.png" class="color-img" alt="" />
  -      </a>
  -    </li>
  -    <li>
  -      <a href="#">
  -        <img src="assets/img/ace/clients/natural_grey.png" alt="" />
  -        <img src="assets/img/ace/clients/natural.png" class="color-img" alt="" />
  -      </a>
  -    </li>
  -    <li>
  -      <a href="#">
  -        <img src="assets/img/ace/clients/aztec_grey.png" alt="" />
  -        <img src="assets/img/ace/clients/aztec.png" class="color-img" alt="" />
  -      </a>
  -    </li>
  -    <li>
  -      <a href="#">
  -        <img src="assets/img/ace/clients/gamescast_grey.png" alt="" />
  -        <img src="assets/img/ace/clients/gamescast.png" class="color-img" alt="" />
  -      </a>
  -    </li>
  -    <li>
  -      <a href="#">
  -        <img src="assets/img/ace/clients/cisco_grey.png" alt="" />
  -        <img src="assets/img/ace/clients/cisco.png" class="color-img" alt="" />
  -      </a>
  -    </li>
  -    <li>
  -      <a href="#">
  -        <img src="assets/img/ace/clients/everyday_grey.png" alt="" />
  -        <img src="assets/img/ace/clients/everyday.png" class="color-img" alt="" />
  -      </a>
  -    </li>
  -    <li>
  -      <a href="#">
  -        <img src="assets/img/ace/clients/cocacola_grey.png" alt="" />
  -        <img src="assets/img/ace/clients/cocacola.png" class="color-img" alt="" />
  -      </a>
  -    </li>
  -    <li>
  -      <a href="#">
  -        <img src="assets/img/ace/clients/spinworkx_grey.png" alt="" />
  -        <img src="assets/img/ace/clients/spinworkx.png" class="color-img" alt="" />
  -      </a>
  -    </li>
  -    <li>
  -      <a href="#">
  -        <img src="assets/img/ace/clients/shell_grey.png" alt="" />
  -        <img src="assets/img/ace/clients/shell.png" class="color-img" alt="" />
  -      </a>
  -    </li>
  -    <li>
  -      <a href="#">
  -        <img src="assets/img/ace/clients/natural_grey.png" alt="" />
  -        <img src="assets/img/ace/clients/natural.png" class="color-img" alt="" />
  -      </a>
  -    </li>
  -    <li>
  -      <a href="#">
  -        <img src="assets/img/ace/clients/gamescast_grey.png" alt="" />
  -        <img src="assets/img/ace/clients/gamescast.png" class="color-img" alt="" />
  -      </a>
  -    </li>
  -    <li>
  -      <a href="#">
  -        <img src="assets/img/ace/clients/everyday_grey.png" alt="" />
  -        <img src="assets/img/ace/clients/everyday.png" class="color-img" alt="" />
  -      </a>
  -    </li>
  -    <li>
  -      <a href="#">
  -        <img src="assets/img/ace/clients/spinworkx_grey.png" alt="" />
  -        <img src="assets/img/ace/clients/spinworkx.png" class="color-img" alt="" />
  -      </a>
  -    </li>
  -  </ul>
  -</div><!--/flexslider-->
  -<!-- //End Our Clients -->
  +
   </div><!--/container-->
   <!-- End Content Part -->
  
positive.code: <div class="row-fluid">
    <div class="span4">
      <div class="service clearfix">
        <i class="fa fa-compress"></i>
        <div class="desc">
          <h4>Fully Beer Website</h4>
          <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus etiam sem...</p>
        </div>
      </div>
    </div>
    <div class="span4">
      <div class="service clearfix">
        <i class="fa fa-cogs"></i>
        <div class="desc">
          <h4>Profile</h4>
          <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus etiam sem...</p>
        </div>
      </div>
    </div>
    <div class="span4">
      <div class="service clearfix">
        <i class="fa fa-plane"></i>
        <div class="desc">
          <h4>Up To Date</h4>
          <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus etiam sem...</p>
        </div>
      </div>
  
negative.code: <!-- Recent Works -->
  <div class="headline"><h3>The Beers</h3></div>
  <ul class="thumbnails">
    <% @beers = Beer.all.limit(4) %>
    <% @beers.each do |beer| %>
    <li class="span3">
      <div class="thumbnail-style thumbnail-kenburn">
  