anchor.diff:                      Menu <i class="fa fa-bars"></i>
                   </button>
                   <a class="navbar-brand page-scroll" href="#page-top">
  -                    <i class="fa fa-play-circle"></i> <span class="light">Start</span> Bootstrap
  +                    <i class="fa fa-play-circle"></i> <span class="light">The Diner</span> 
                   </a>
               </div>
   
  
positive.code:     <%= yield %>
      <footer>
          <div class="container text-center">
              <p>Copyright © Your Website 2016</p>
          </div>
      </footer>
    </body>
  
negative.code:                         <a class="page-scroll" href="#about">About</a>
                      </li>
                      <li class="">
                          <a class="page-scroll" href="#download">login</a>
                      </li>
                       <li class="">
                          <a class="page-scroll" href="#contact">logout</a>
                      </li>
                      <li class="">
                          <a class="page-scroll" href="#contact">Contact</a>
  