anchor.diff:  <title>Home</title>
   <link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
   <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
  -<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
  +<script
  +	src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
   <!-- Custom Theme files -->
   <link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
   <!-- Custom Theme files -->
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  -<meta name="keywords" content="Eshop Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
  +<meta name="keywords"
  +	content="Eshop Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
   Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
  -<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
  +<script type="application/x-javascript">
  +	 addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } 
  +</script>
   <!--webfont-->
   <!-- for bootstrap working -->
  -	<script type="text/javascript" src="js/bootstrap-3.1.1.min.js"></script>
  +<script type="text/javascript" src="js/bootstrap-3.1.1.min.js"></script>
   <!-- //for bootstrap working -->
   <!-- cart -->
  -	<script src="js/simpleCart.min.js"> </script>
  +<script src="js/simpleCart.min.js">
  +	
  +</script>
   <!-- cart -->
  -<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" />
  +<link rel="stylesheet" href="css/flexslider.css" type="text/css"
  +	media="screen" />
   </head>
   
   
  
positive.code: 	<jsp:include page="top.jsp"></jsp:include>
  	<div class="banner">
  		<div class="container">
  <div class="banner-bottom">
  	<div class="banner-bottom-right">
  		<div  class="callbacks_container">
  					<ul class="rslides" id="slider4">
  					<li>
  								<div class="banner-info">
  									<h3>ù° </h3>
  									<p>1</p>
  
negative.code: 							</li>
  							<li>
  								<div class="banner-info">
  									<h3>ι° </h3>
  									<p>2</p>
  								</div>
  							</li>
  							<li>
  								<div class="banner-info">
  									<h3>° </h3>
  									<p>Start your shopping here...</p>
  								</div>
  							</li>
  						</ul>
  					</div>
  					<!--banner-->
  					<script src="js/responsiveslides.min.js"></script>
  					<script>
  						// You can also use "$(window).load(function() {"
  						$(function() {
  							// Slideshow 4
  							$("#slider4")
  									.responsiveSlides(
  											{
  												auto : true,
  												pager : true,
  												nav : false,
  												speed : 500,
  												namespace : "callbacks",
  												before : function() {
  													$('.events')
  															.append(
  																	"<li>before event fired.</li>");
  												},
  												after : function() {
  													$('.events')
  															.append(
  																	"<li>after event fired.</li>");
  												}
  											});
  
  						});
  					</script>
  				</div>
  				<div class="clearfix"></div>
  			</div>
  		</div>
  	</div>
  	<!-- content-section-starts-here -->
  	<div class="container">
  		<div class="main-content">
  			<div class="online-strip">
  				<div class="col-md-4 follow-us">
  					<h3>
  						Facebook : <a class="facebook" href="#"></a>
  					</h3>
  				</div>
  				<div class="col-md-4 shipping-grid">
  					<div class="shipping">
  						<img src="images/shipping.png" alt="" />
  					</div>
  					<div class="shipping-text">
  						<h3></h3>
  						<p>50,000 ̻ Խ</p>
  					</div>
  					<div class="clearfix"></div>
  				</div>
  				<div class="col-md-4 online-order">
  					<p>Phone Num</p>
  					<h3>Tel : 000 0000 0000</h3>
  				</div>
  				<div class="clearfix"></div>
  			</div>
  			<div class="products-grid">
  				<header>
  					<h3 class="head text-center">N e w &nbsp; &nbsp; P r o d u c t
  						s</h3>
  				</header>
  
  
  				<!-- 			 ǰ new -->
  				<c:choose>
  					<c:when test="${empty ProductList.productList}">
  						<div class="banner-info">
  							<h3>ǰ  ʽϴ.</h3>
  						</div>
  					</c:when>
  					<c:otherwise>
  						<c:forEach var="product" items="${ProductList.productList}">
  							<div class="col-md-4 product simpleCart_shelfItem text-center">
  								<a href="single.jsp"><img
  									src="images/outer/coat/coat1-1.JPG" alt="" /></a>
  								<div class="mask">
  
  									<a href="single.jsp/product?task=">Quick View</a>
  								</div>
  								<a class="product_name" href="single.jsp">е1</a>
  								<p>
  									<a class="item_add" href="#"><i></i> <span
  										class="item_price">30,000</span></a>
  								</p>
  							</div>
  						</c:forEach>
  					</c:otherwise>
  				</c:choose>
  
  				<!-- 					⼭  ǰ -->
  				<!-- 					<div class="col-md-4 product simpleCart_shelfItem text-center"> -->
  				<!-- 						<a href="single.jsp"><img src="images/top/long_sleeve/long-sleeve2-1.JPG" alt="" /></a> -->
  				<!-- 						<div class="mask"> -->
  				<!-- 							<a href="single.jsp">Quick View</a> -->
  				<!-- 						</div> -->
  				<!-- 						<a class="product_name" href="single.jsp">е2</a> -->
  				<!-- 						<p><a class="item_add" href="#"><i></i> <span class="item_price">50,000</span></a></p> -->
  				<!-- 					</div> -->
  
  				<!-- 					<div class="col-md-4 product simpleCart_shelfItem text-center"> -->
  				<!-- 						<a href="single.jsp"><img src="images/padding/padding3-1.jpg" alt="" /></a> -->
  				<!-- 						<div class="mask"> -->
  				<!-- 							<a href="single.jsp">Quick View</a> -->
  				<!-- 						</div> -->
  				<!-- 						<a class="product_name" href="single.jsp">е3</a> -->
  				<!-- 						<p><a class="item_add" href="#"><i></i> <span class="item_price">60,000</span></a></p> -->
  				<!-- 					</div> -->
  				<!-- 						 -->
  
  				<div class="clearfix"></div>
  			</div>
  		</div>
  
  	</div>
  	<div class="other-products">
  		<div class="container">
  			<h3 class="like text-center">B e s t &nbsp; &nbsp; P r o d u c t
  				s</h3>
  			<ul id="flexiselDemo3">
  				<li><a href="single.jsp"><img
  						src="images/bottom/slacks/slacks1-1.JPG" class="img-responsive"
  						alt="" /></a>
  					<div class="product liked-product simpleCart_shelfItem">
  						<a class="like_name" href="single.jsp">е123123</a>
  						<p>
  							<a class="item_add" href="#"><i></i> <span
  								class=" item_price">70,000</span></a>
  						</p>
  					</div></li>
  				<!-- 						best ǰ ߺǴºκ -->
  				<!-- 						<li><a href="single.jsp"><img src="images/padding/padding5-1.jpg" class="img-responsive" alt="" /></a>						 -->
  				<!-- 							<div class="product liked-product simpleCart_shelfItem"> -->
  				<!-- 							<a class="like_name" href="single.jsp">е3422342</a> -->
  				<!-- 							<p><a class="item_add" href="#"><i></i> <span class=" item_price">69,000</span></a></p> -->
  				<!-- 							</div> -->
  				<!-- 						</li> -->
  				<!-- 						<li><a href="single.jsp"><img src="images/padding/padding6-1.jpg" class="img-responsive" alt="" /></a> -->
  				<!-- 							<div class="product liked-product simpleCart_shelfItem"> -->
  				<!-- 							<a class="like_name" href="single.jsp">е1929328298</a> -->
  				<!-- 							<p><a class="item_add" href="#"><i></i> <span class=" item_price">90,000</span></a></p> -->
  				<!-- 							</div> -->
  				<!-- 						</li> -->
  				<!-- 						<li><a href="single.jsp"><img src="images/padding/padding1-1.jpg" class="img-responsive" alt="" /></a> -->
  				<!-- 							<div class="product liked-product simpleCart_shelfItem"> -->
  				<!-- 							<a class="like_name" href="single.jsp">е987967</a> -->
  				<!-- 							<p><a class="item_add" href="#"><i></i> <span class=" item_price">50,000</span></a></p> -->
  				<!-- 							</div> -->
  				<!-- 						</li> -->
  				<!-- 						 ߺ -->
  			</ul>
  			<script type="text/javascript">
  				$(window).load(function() {
  					$("#flexiselDemo3").flexisel({
  						visibleItems : 4,
  						animationSpeed : 1000,
  						autoPlay : true,
  						autoPlaySpeed : 3000,
  						pauseOnHover : true,
  						enableResponsiveBreakpoints : true,
  						responsiveBreakpoints : {
  							portrait : {
  								changePoint : 480,
  								visibleItems : 1
  							},
  							landscape : {
  								changePoint : 640,
  								visibleItems : 2
  							},
  							tablet : {
  								changePoint : 768,
  								visibleItems : 3
  							}
  						}
  					});
  
  				});
  			</script>
  			<script type="text/javascript" src="js/jquery.flexisel.js"></script>
  		</div>
  	</div>
  	<!-- content-section-ends-here -->
  	<jsp:include page="bottom.jsp"></jsp:include>
  </body>
  </html>