anchor.diff:  
   	<div class="container">
   		<span id="showing" class="scrollspy"></span>
  -		<div class="spacer"></div>
  -		<div class="spacer"></div>
  +		<div class="spacer-thick"></div>
   		<div class="row center">
   			<h3 class="thin">Now Showing</h3>
   			<i class="fa fa-map-marker" aria-hidden="true"></i><span
  -				class="medium"> Singapore</span>
  +				class="caption-normal thin"> Singapore</span>
   		</div>
   		<div class="row">
   			<div class="owl-carousel">
  -				<c:forEach items="${ movieList }" var="movie">
  +				<c:forEach items="${movieList}" var="movie">
   					<div class="item">
   						<div class="card-panel teal row">
   							<div class="col s12">
  
positive.code: 							</div>
  
  							<div class="col s12">
  								<div class="spacer-small"></div>
  								<a href="" class="medium white-text"><c:out
  										value="${movie.title}"></c:out></a>
  								<div class="spacer-small"></div>
  							</div>
  						</div>
  					</div>
  
negative.code: 					<h3 class="thin">Recommend movie to you and your friends</h3>
  				</div>
  			</div>
  			<div class="spacer-normal"></div>
  			<div class="row">
  				<div class="col s12 center">
  					<a href="#" class="btn btn-large red lighten-1">Get Started</a>
  				</div>
  			</div>
  			<div class="spacer-thick"></div>
  			<div class="spacer-thick"></div>
  		</div>
  	</div>
  
  