anchor.diff:  <!-- Recent Works -->
   <div class="headline"><h3>The Beers</h3></div>
   <ul class="thumbnails">
  -  <% @beers = Beer.all.limit(3) %>
  +  <% @beers = Beer.all.limit(4) %>
     <% @beers.each do |beer| %>
     <li class="span3">
       <div class="thumbnail-style thumbnail-kenburn">
  
positive.code:   </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 -->
  
negative.code: <div class="row-fluid">
    <div class="span4">
      <div class="service clearfix">
        <i class="fa fa-beer"></i>
        <div class="desc">
          <h4>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-legal"></i>
        <div class="desc">
          <h4>Rate beers</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-group"></i>
        <div class="desc">
          <h4>Share with other users</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>
  