anchor.diff:  							</li>
   							<li>
   								<div class="banner-info">
  -								   <h3>ι° </h3>
  +									<h3>ι° </h3>
   									<p>2</p>
   								</div>
   							</li>
   							<li>
   								<div class="banner-info">
  -								  <h3>° </h3>
  +									<h3>° </h3>
   									<p>Start your shopping here...</p>
  -								</div>								
  +								</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>
  +					<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>
  -	<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>
  +	<!-- 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="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 class="shipping-text">
  +						<h3></h3>
  +						<p>50,000 ̻ Խ</p>
   					</div>
   					<div class="clearfix"></div>
   				</div>
  -				<div class="products-grid">
  +				<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>
  +					<h3 class="head text-center">N e w &nbsp; &nbsp; P r o d u c t
  +						s</h3>
   				</header>
  -			
  -			
  -<!-- 			 ǰ new -->
  -					<c:choose>
  +
  +
  +				<!-- 			 ǰ 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//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>
  +							<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: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>
  +					</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 class="other-products">
  +
  +	</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/padding/padding4-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>
  -						<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
  -					    		}
  -					    	}
  -					    });
  -					    
  +			<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>
  +
  +				});
  +			</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>
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: <%@page import="vo.Product"%>
  <%@page import="vo.ProductList"%>
  
  <%@ page language="java" contentType="text/html; charset=EUC-KR"
  	pageEncoding="EUC-KR"%>
  <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
  <%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
  
  <!--
  Author: W3layouts
  