anchor.diff:                  </li>
                   <li><a href="https://github.com/W3CBrasil/OD4D" target="blank"><%= image_tag("github32.png", :alt => "contribute on github") %></a></li>
               </ul>
  -          </section>
  +          </div>
           </nav>
         </div>
  -    </section>
  +    </div>
     </header>
   
     <%= yield %>
   
     <footer class="inner-shadow clear" role="contentinfo">
  -    <section class="center-box out-shadow">
  -        <div class="center-align">
  -          <p class="footbar">
  +    <div class="center-box out-shadow">
  +      <div class="center-align">
  +        <p class="footbar">
             <%= link_to("Terms and conditions", controller: "pages", action: "terms_and_conditions") %>
           </p>
           <p class="copyright">
             © 2014 Open Data for Development - All Rights Reserved.
           </p>
         </div>
  -    </section>
  +    </div>
     </footer>
   </body>
   </html>
  
positive.code:              <!-- Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon alone -->
              <li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></li>
            </ul>
            <section class="top-bar-section">
              <ul class="right">
                <li><%= link_to("ABOUT THE PROJECT", controller: "pages", action: "about") %></li>
                <li><%= link_to("CONNECTED NETWORK", controller: "articles") %></li>
  
negative.code: <head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <link href='http://fonts.googleapis.com/css?family=Exo:100,200,300,400,500,600,700,800,900,100italic,200italic,300italic,400italic,500italic,600italic,700italic,800italic,900italic' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900,200italic,300italic,400italic,600italic,700italic,900italic' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Exo+2:900italic,100,200,300,400,500,600,700,800,900,100italic,200italic,300italic,400italic,500italic,600italic,700italic,800italic' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:300italic,400italic,700italic,400,700,300' rel='stylesheet' type='text/css'>
    <%= csrf_meta_tags %>
    <%= stylesheet_link_tag    'application', media: 'all' %>
    <%= javascript_include_tag 'application' %>
    <%= yield :head %>
  </head>
  <body prefix="schema: http://schema.org/">
    <header role="banner">
      <div class="center-align">
        <div class="logo">
          <a href="/"><%= image_tag("logo-od4d2.png", :alt => "Open Data for Development") %></a>
        </div>
  