anchor.diff:                  <a href="#top"  onclick = $("#menu-close").click(); >Widget Store</a>
               </li>
               <li>
  -                <a href="#top" onclick = $("#menu-close").click(); data-toggle="modal" data-target="#login-modal">Sign in</a>
  +                <a href="#Sign In" onclick = $("#menu-close").click(); data-toggle="modal" data-target="#login-modal">Sign in</a>
               </li>
               <li>
  -                <a href="#about" onclick = $("#menu-close").click(); >Store</a>
  +                <a href="#Store" onclick = $("#menu-close").click(); >Store</a>
               </li>
               <li>
  -                <a href="#services" onclick = $("#menu-close").click(); >Custom</a>
  +                <a href="#Custom" onclick = $("#menu-close").click(); data-toggle="modal" data-target="#Register-edit-modal">Custom</a>
               </li>
               <li>
  -                <a href="#portfolio" onclick = $("#menu-close").click(); >Setting</a>
  +                <a href="#Setting" onclick = $("#menu-close").click(); >Setting</a>
               </li>
               <li>
  -                <a href="#contact" onclick = $("#menu-close").click(); >About</a>
  +                <a href="#About" onclick = $("#menu-close").click(); >About</a>
               </li>
           </ul>
       </nav>
  
positive.code:                 }
                  return false;
                  break;
              default:
                  return false;
          }
  
negative.code: 	</div>
      <!-- END # MODAL LOGIN -->
  
  	<div class="modal fade" id="Register-edit-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display: none;">
      	<div class="modal-dialog">
  			<div class="modal-content">
  				<div class="modal-header" align="center">
  					<img class="img-circle" id="img_logo2" src="WidgetClientPage/img/test1.jpg">
  					<button type="button" class="close" data-dismiss="modal" aria-label="Close">
  						<span class="glyphicon glyphicon-remove" aria-hidden="true"></span>
  					</button>
  				</div>
                  
                  <!-- Begin # DIV Form -->
                  <div id="div-forms">
  					<!-- Begin | Register Edit Form -->
  					<form id="register-edit-form"  method="GET" ACTION="join.do">
              		    <div class="modal-body">
  		    				<div id="div-edit-register-msg">
                                  <div id="icon-edit-register-msg" class="glyphicon glyphicon-chevron-right"></div>
                                  <span id="text-register-msg">Edit User info</span>
                              </div>
                              <input id="register_edit_password" class="form-control" title="minimum is 8 characters. and contain special character, numeric" type="password" placeholder="Password" required>
              			</div>
  		    		    <div class="modal-footer">
                              <div>
                                  <button type="submit" class="btn btn-primary btn-lg btn-block">Register</button>
                              </div>
  		    		    </div>
                      </form>
  					<!-- End | Register Edit Form -->
                  </div>
                  <!-- End # DIV Form -->
  			</div>
  		</div>
  	</div>
  
  	<form method="GET" ACTION="verify.do" id="nickname_chk_form">
  				<input type = "hidden" name = "nickname" value = "" >
  	</form>
      <!-- jQuery -->
      <script src="WidgetClientPage/js/jquery.js"></script>
  
  