anchor.diff:    </div>
     <div id="search-bar">
       <input id="address" placeholder="Enter your location" type="text">
  -    <button type="submit" class="pure-button pure-button-primary">
  +    <button type="submit" class="pure-button pure-button-primary" onclick="search()">
         <i class="icon-search"></i>
       </button>
  -    <button type="submit" class="pure-button pure-button-primary">
  +    <button type="submit" class="pure-button pure-button-primary" onclick="save()">
         <i class="icon-save"></i>
       </button>
     </div>
  
positive.code:   <script src="http://use.typekit.net/gis6vng.js"></script>
    <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=AIzaSyA1l3GrctMRBhHg7V1htQvP_3_b5jggUuY&sensor=false"></script>
    <script type="text/javascript">
      try { Typekit.load(); } catch (e) {}
  
      var map;
      function initialize() {
        var mapOptions = {
          center: new google.maps.LatLng(39.908715, 116.3973889),
          zoom: 14
        };
  
        var mapDiv = document.getElementById("map-canvas");
        map = new google.maps.Map(mapDiv, mapOptions);
      }
  
      google.maps.event.addDomListener(window, 'load', initialize);
    </script>
  
    <style type="text/css">
  
negative.code:     <div class="sidebar pure-u">
        <div class="header">
          <h1 class="brand-title">Map Note</h1>
          <h3 class="brand-tagline">Evernote with Google Map</h3>
        </div>
      </div>
      <div class="pure-u-1">
  