anchor.diff:      <section id="about" class="container content-section text-center">
           <div class="row">
               <div class="col-lg-8 col-lg-offset-2">
  -                <h2>About The Diner</h2>
  -               
  +                <h2>About The Pop-up Diner</h2>
  +               <p>This web app allows user to search for pop-up event, add them and to find ones that are close to their location </p>
               </div>
           </div>
       </section>
  
positive.code:             <div class="container">
                  <div class="row">
                      <div class="col-md-8 col-md-offset-2">
                          <h1 class="brand-heading">The Diner</h1>
              
                          <a href="#about" class="btn btn-circle page-scroll">
                              <i class="fa fa-angle-double-down animated"></i>
  
negative.code:             </div>
          </div>
      </section>
      <div id="map" style="position: relative; overflow: hidden;"><div style="height: 100%; width: 100%; position: absolute; background-color: rgb(229, 227, 223);"><div class="gm-err-container">
              <%= image_tag("/spain-image.jpg")%>
      <div class="gm-err-content"><div class="gm-err-icon"></div></div></div></div></div></div>