anchor.diff:  
   <!--Let browser know website is optimized for mobile-->
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  +
  +<style>
  +.icon-block .material-icons {
  +	font-size: inherit;
  +}
  +</style>
   
   <title>MoveVote - Movie recommendation</title>
   </head>
  
positive.code: 			</div>
  		</div>
  
  		<div class="spacer"></div>
  
  		<span id="features" class="scrollspy"></span>
  		<div class="spacer"></div>
  		<div class="spacer"></div>
  		<div class="row center">
  			<h3 class="thin">Features</h3>
  		</div>
  		<div class="row">
  			<div class="col s12 l4">
  				<h5 class="center thin">Individual</h5>
  			</div>
  
  			<div class="col s12 l4">
  				<h5 class="center thin">Friends</h5>
  			</div>
  
  			<div class="col s12 l4">
  				<h5 class="center thin">Couple</h5>
  			</div>
  		</div>
  
  		<div class="spacer"></div>
  
  		<span id="team" class="scrollspy"></span>
  		<div class="spacer"></div>
  		<div class="spacer"></div>
  		<div class="row center">
  			<h3 class="thin">Meet the Team</h3>
  			<p class="caption">We are a team of students from National
  				University of Singapore.</p>
  		</div>
  		<div class="spacer"></div>
  		<div class="row">
  			<div class="col s12 m6 center">
  				<div class="col s6 offset-s3">
  
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>
  
  