anchor.diff:  
           <div class="col-md-8">
               <% Story topStory = request.getAttribute("topStory");%>
  -
  -            <img class="img-responsive" src="<%out.print(topStory.mainPhotoUrl);%>" alt="">
  +            <% out.print("<img src=\"" + topStory.mainPhotoUrl + "\" class=\"img-responsive\" alt=\"\">");%>
           </div>
   
           <div class="col-md-4">
               <% String title = topStory.title; %>
               <% String content = topStory.content; %>
  -            <h3><% out.print(title); %></h3>
  +            <h3><% out.print("<a href=\"" + topStory.getUrl + ">" + title + "</a>");%></h3>
               <p><% out.print(content); %></p>
           </div>
   
  
positive.code:         <% for (int i = 0; i < popular.length; i++) { %>
          <div class="col-md-3 col-sm-6 hero-feature">
              <div class="thumbnail">
  
                  <img src="<%out.print(popular[i].mainPhotoUrl);%>" alt="">
                  <div class="caption">
                      <% String popularTitle = popular[i].title; %>
                      <h3><% out.print(popularTitle); %></h3>
                      <% String popularContent = popular[i].content; %>
                      <p><% out.print(popularContent); %></p>
                      <p>
                          <a href="#" class="btn btn-primary">Read More</a>
                      </p>
                  </div>
              </div>
  
negative.code: 
  
  
      <!-- LOGIN -->
      <div class="modal fade" id="modal-login" tabindex="-1" role="dialog" aria-labelledby="modal-login-label" aria-hidden="true">
          <div class="modal-dialog">
              <div class="modal-content">
  
                  <div class="modal-header">
                      <button type="button" class="close" data-dismiss="modal">
                          <span aria-hidden="true">&times;</span><span class="sr-only">Close</span>
                      </button>
                      <h3 class="modal-title" id="modal-login-label">Sign in to Sculture</h3>
                      <p>Enter your username and password to sign in:</p>
                  </div>
  
                  <div class="modal-body">
  
                      <form role="form" action="/login" method="post" class="login-form">
                          <div class="form-group">
                              <label class="sr-only" for="form-username">E-mail</label>
                              <input type="text" name="form-username" placeholder="Username..." class="form-email form-control" id="form-username">
                          </div>
                          <div class="form-group">
                              <label class="sr-only" for="form-password">Password</label>
                              <input type="password" name="form-password" placeholder="Password..." class="form-password form-control" id="form-password">
                          </div>
                          <button type="submit" class="btn">Sign in!</button>
                          <div style="text-align: center;">
                              <br> Or sign in using: <br>
                              <a class="btn btn-link-1" href="#">
                                  <i class="fa fa-facebook"></i> Facebook
                              </a>
                          </div>
                      </form>
  
                  </div>
  
              </div>
          </div>
      </div>
  
      <!-- REGISTER -->
      <div class="modal fade" id="modal-register" tabindex="-1" role="dialog" aria-labelledby="modal-register-label" aria-hidden="true">
          <div class="modal-dialog">
              <div class="modal-content">
  
                  <div class="modal-header">
                      <button type="button" class="close" data-dismiss="modal">
                          <span aria-hidden="true">&times;</span><span class="sr-only">Close</span>
                      </button>
                      <h3 class="modal-title" id="modal-register-label">Register to Sculture</h3>
                      <p>Fill out the fields below:</p>
                  </div>
  
                  <div class="modal-body">
  
                      <form role="form" action="/signup" method="post" class="register-form">
                          <div class="form-group">
                              <label class="sr-only" for="form-email">E-mail</label>
                              <input type="text" name="form-email" placeholder="Enter your email" class="form-email form-control" id="form-email">
                          </div>
                          <div class="form-group">
                              <label class="sr-only" for="form-username">Username</label>
                              <input type="text" name="form-username" placeholder="Enter your username" class="form-bane form-control" id="form-username">
                          </div>
                          <div class="form-group">
                              <label class="sr-only" for="form-password">Password</label>
                              <input type="password" name="form-password" placeholder="Enter your password" class="form-password form-control" id="form-password">
                          </div>
                          <div class="form-group">
                              <label class="sr-only" for="form-retypedpassword">Password</label>
                              <input type="password" name="form-retypedpassword" placeholder="Retype your password..." class="form-retypedpassword form-control" id="form-retypedpassword">
                          </div>
                          <button type="submit" class="btn">Sign up!</button>
                          <div style="text-align: center;">
                              <br> Or sign up using: <br>
                              <a class="btn btn-link-1" href="#">
                                  <span><i class="fa fa-facebook"></i> Facebook</span>
                              </a>
                          </div>
                      </form>
  
                  </div>
  
              </div>
          </div>
      </div>
      <script>
          $(document).ready(function(){
              // Add smooth scrolling to all links in navbar + footer link
              $(".navbar a, footer a[href='#myPage']").on('click', function(event) {
  
                  // Prevent default anchor click behavior
                  //   event.preventDefault();
  
                  // Store hash
                  var hash = this.hash;
  
                  // Using jQuery's animate() method to add smooth page scroll
                  // The optional number (900) specifies the number of milliseconds it takes to scroll to the specified area
                  $('html, body').animate({
                      scrollTop: $(hash).offset().top
                  }, 900, function(){
  
                      // Add hash (#) to URL when done scrolling (default click behavior)
                      window.location.hash = hash;
                  });
              });
  
              // Slide in elements on scroll
              $(window).scroll(function() {
                  $(".slideanim").each(function(){
                      var pos = $(this).offset().top;
  
                      var winTop = $(window).scrollTop();
                      if (pos < winTop + 600) {
                          $(this).addClass("slide");
                      }
                  });
              });
          })
      </script>
  
  
  
  