anchor.diff:      <meta charset="utf-8">
       <meta name="viewport" content="width=device-width, initial-scale=1">
       <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  +    <link rel="stylesheet" href="main_menucss.css">
       <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>
       <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
       <link href="https://gitcdn.github.io/bootstrap-toggle/2.2.2/css/bootstrap-toggle.min.css" rel="stylesheet">
       <script src="https://gitcdn.github.io/bootstrap-toggle/2.2.2/js/bootstrap-toggle.min.js"></script>
  -
  +    <style type="text/css">
  +        p.detail { color:#4C4C4C;font-weight:bold;font-family:Comic;font-size:19 }
  +        span.name { color:#696969;font-weight:bold;font-family:Tahoma;font-size:18 }
  +        span.title { color:#00061a;font-weight:bold;font-family:Tahoma;font-size:30 }
  +        p.gold { color:#EAC117;font-weight:bold;font-family:Comic;font-size:19 }
  +    </style>
   </head>
   
  -<body>
  -<nav class="navbar navbar-default" role="navigation">
  -    <div class="navbar-header">
  -        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
  -            <span class="icon-bar"></span>
  -            <span class="icon-bar"></span>
  -            <span class="icon-bar"></span>
  -        </button>
  -    </div>
  -
  -    <div class="navbar-collapse collapse">
  -        <ul class="nav navbar-nav">
  -            <li class="navbar-left"><a href="#">Fun Web</a></li>
  -            <li data-toggle="modal" data-target="#myModal" id="helpModalButton"><a href="#">Help</a></li>
  -            <div class="modal fade" id="myModal" role="dialog">
  -                <div class="modal-dialog">
  -
  -                    <!-- Modal content-->
  -                    <div class="modal-content">
  -                        <div class="modal-header">
  -                            <button type="button" class="close" data-dismiss="modal">&times;</button>
  -                            <h4 class="modal-title">Help</h4>
  +<body background="http://i.imgur.com/QbmsCVq.jpg">
  +<div class="navbar-wrapper">
  +    <div class="container-fluid">
  +        <nav class="navbar navbar-fixed-top">
  +            <div class="container">
  +                <div class="navbar-header">
  +                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
  +                        <span class="sr-only">Toggle navigation</span>
  +                        <span class="icon-bar"></span>
  +                        <span class="icon-bar"></span>
  +                        <span class="icon-bar"></span>
  +                    </button>
  +                    <a class="navbar-brand" href="#">FunWeb</a>
  +                </div>
  +                <div id="navbar" class="navbar-collapse collapse">
  +                    <ul class="nav navbar-nav">
  +                        <li class="active"><a href="#" class="">Home</a></li>
  +
  +                        <li class="notifications"><a href="#">Notifications</a>
  +                            <div class="messages">
  +                                <a href="#" class="message">Giani invited you to play in Arena</a>
  +                            </div>
  +                        </li>
  +                        <li><a href="#">Chat</a></li>
  +                        <li id="myBtn"><a href="#">Help</a></li>
  +                        <div id="myModal" class="modal">
  +                            <div class="modal-content">
  +                                <span class="close">&times;</span>
  +                                <p><h2>Help</h2>
  +                                Bun venit pe FunWeb! Acumuleaza cat mai multe cunostiinte despre Tehnologii Web si intrece-te cu ceilalti!</p>
  +                            </div>
  +
                           </div>
  -                        <div class="modal-body">
  -                            <h3>Tips:</h3>
  -                            <p>You should learn more from this chapter: </p>
  -                            <p id="helpModalContent"> </p>
  -                        </div>
  -                        <div class="modal-footer">
  -                            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
  -                        </div>
  -                    </div>
  +                    </ul>
  +                    <ul class="nav navbar-nav pull-right">
  +                        <li class=" dropdown"><a href="#" class="dropdown-toggle active" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Options <span class="caret"></span></a>
  +                            <ul class="dropdown-menu">
  +                                <li><a href="#">Change Password</a></li>
  +                                <li><a href="#">Admin Menu</a></li>
  +                            </ul>
  +                        </li>
  +                        <li class=""><a href="#">Logout</a></li>
  +                    </ul>
                   </div>
               </div>
  -
  -            <li><a href="#">Notifications</a></li>
  -            <li><a href="#">Chat</a></li>
  -
  -            <li class="dropdown" id="right">
  -                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Options <span class="caret"></span></a>
  -                <ul class="dropdown-menu">
  -                    <form>
  -                        <li><a href="#">Sounds</a></li>
  -                        <li role="separator" class="divider"></li>
  -                        <li><a href="#">Suport</a></li>
  -                        <li role="separator" class="divider"></li>
  -                        <li class="admin-options"><a href="/adminPannel">Admin Options </a> </li>
  -                        <li class="admin-options" role="separator" class="divider"></li>
  -                        <li><a href="#">Logout</a></li>
  -                    </form>
  -                </ul>
  -            </li>
  -        </ul>
  -    </div>
  -</nav>
  +        </nav>
  +    </div>
  +</div>
   
   
   <div class="row">
  
positive.code: <div id="footer">
      <div class="container">
          <br><br><br>
          <p class="text-center">FunWeb &#9400; 2017 <p>
      </div>
  </div>
  
      <script type="text/javascript">
          $(document).ready(function () {
  
              $("#helpModalButton").on('click', function(e) {
                  $.post("/weakestChapter", {}, function(data) {
                      data = JSON.parse(data);
  
                      $("#helpModalContent").html(data.weakestChapter);
                  });
  
              });
  
              $("#updatePasswordButton").on('click', function (e) {
                  $.post("/updatePassword", {newPassword: $("#newPassword").val()}, function (data) {
                      alert("password was updated")
                  })
              })
          });
      </script>
  </body>
  
  </html>
negative.code:             <div class="col-sm-1"> </div>
  
              <div class="col-sm-4">
                  <img id="avatar" src="http://i.imgur.com/Oj65hZF.pnghttp://i.imgur.com/Oj65hZF.png" alt="avatar" width="150" height="150">
              </div>
              <div class="verticalLine">
                  <div id = "atributes" class="col-sm-6">
  
                      <p class="detail"> Name: ${Username} </p>
                      <p class="detail"> Level: ${Level} </p>
                      <p class="detail"> Title: ${Title} </p>
                      <p class="gold"> Coins: ${Gold} </p>
                  </div>
              </div>
          </div>
      </div>
      <div class="col-sm-7"> </div>
  </div>
  <hr><br>
  <h2 id="choose" class="text-center"><span class="title"> Welcome to FunWeb !</span></h2>
  <br>
  <div class="row">
      <div class="col-sm-1"> </div>
      <div class="col-sm-5">
          <div class="grid_6">
              <div class="p1_box right cl4">
                  <div class="type"></div>
                  <a href="#" class="bot" align="left" id="arena">Arena</a>
              </div>
          </div>
      </div>
      <div class="col-sm-5">
          <div class="grid_6">
              <div class="p1_box right cl4">
                  <div class="type"></div>
                  <a href="#" class="bot" align="left" id="tutorial">Tutorial Mode</a>
              </div>
          </div>
      </div>
      <div class="col-sm-1"> </div>
  </div>
  
  
  