目 录
摘 要 I
ABSTRACT II
第1章 绪论 1
1.1 选题背景 1
1.2 现状分析 1
1.3 研究主要内容 1
第2章 系统工具 3
2.1 B/S结构 3
2.1.1 什么是B/S结构 3
2.1.2 B/S架构软件的优势与劣势 3
2.2 Java的介绍 4
2.3 SSM框架 4
2.4 MySql简介 8
第3章 系统分析 9
3.1 系统功能分析 9
3.1.1 用户需求分析 9
3.1.2 系统的功能模块图 9
3.2 系统业务流程分析 10
3.3 系统数据流程分析 11
第4章 系统设计 12
4.1 数据字典 12
4.2 数据表设计 13
4.3 代码设计 15
4.4 安全设计 15
第5章 系统实现 17
5.1 前台设计 17
5.1.1 前台首页 17
5.1.2 招聘列表页 17
5.1.3 招聘详情页 18
5.2 后台设计 18
5.2.1 登陆 18
5.2.3 后台首页 19
5.2.3 企业管理 19
5.2.4 简历管理 20
5.2.5 招聘管理 20
5.2.6 投递管理 21
5.2.7 用户管理 21
5.2.8 角色管理 22
5.2.9 创业信息 22
第6章 系统测试 23
6.1 单元测试 23
6.2 功能测试 24
6.3 性能测试 24
总 结 26
参考文献 27
致 谢 29
3.1 系统功能分析
高校就业创业信息管理系统是面向企业和求职者的高校就业创业信息管理系统。总体任务是：面向企业，能够缩减企业人事部查看求职者简历花费的时间；面对求职者，能够根据系统所提供各个企业的要求条件，修改自己简历，增大录用的概率。
3.1.1 用户需求分析
对于求职者，他们目的是能够找到一份满意的工作。如今招聘形式的多样化，提供了大量的招聘信息，在有限的时间内找到最合适用户的工作才是最重要的。因此他们的需求有：
（1）众多招聘信息中能够筛选出合适自己的岗位
（2）制作有特色的简历
对于企业招聘部门，参与招聘的人员增多，随之而来投送的简历也逐渐增多，需要在有限的时间内找到合适的人选。招聘部门的要求有：
（1）有效地筛选符合该岗位要求的应聘者
（2）尽可能花费较少的时间，并保证筛选的质量
（3）能够发布招聘信息，增添新的应聘信息发布渠道
3.1.2 系统的功能模块图
图3-1 总体功能结构图
3.2 系统业务流程分析
业务流程是以达到或者完成某个目标由不同的人分别共同进行一系列有逻辑活动的相关活动的集合[1]。流程管理以流程为中心，通过优化企业的组织机构，灵活易变的流程设计，来提高企业的运行效率，优化资源利用率。高校就业创业信息管理系统面向企业子系统业务流程图，如图3-2所示：
http://www.biyezuopin.vip/onews.asp?id=12060
图3-2高校就业创业信息管理系统面向企业子系统业务流程图
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>"/>
<title>高校就业创业信息网站</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Favicon -->
<link rel="shortcut icon" type="image/x-icon" href="img/favicon.png">
<!-- all css here -->
<!-- bootstrap v3.3.6 css -->
<link rel="stylesheet" href="<%=basePath%>home/css/bootstrap.min.css">
<!-- animate css -->
<link rel="stylesheet" href="<%=basePath%>home/css/animate.css">
<!-- meanmenu css -->
<link rel="stylesheet" href="<%=basePath%>home/css/meanmenu.min.css">
<!-- owl.carousel css -->
<link rel="stylesheet" href="<%=basePath%>home/css/owl.carousel.css">
<!-- font-awesome css -->
<link rel="stylesheet" href="<%=basePath%>home/css/font-awesome.min.css">
<!-- flexslider.css-->
<link rel="stylesheet" href="<%=basePath%>home/css/flexslider.css">
<!-- chosen.min.css-->
<link rel="stylesheet" href="<%=basePath%>home/css/chosen.min.css">
<!-- style css -->
<link rel="stylesheet" href="<%=basePath%>home/css/style.css">
<!-- responsive css -->
<link rel="stylesheet" href="<%=basePath%>home/css/responsive.css">
<!-- modernizr css -->
<script src="<%=basePath%>home/js/vendor/modernizr-2.8.3.min.js"></script>
<script src="<%=basePath%>home/js/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
$(function(){
getfenlei();
}
)
function getfenlei()
{
var html = "";
$.ajax({
url: "qiye.action?list&page=0&rows=10",
type: "POST",
async: false,
contentType: "application/x-www-form-urlencoded;charset=UTF-8",
success: function (data) {
$.each(data.rows, function (i, val) {
if(i==0)
{
html += ' <li class="active"><a href="'+val.id+'" data-toggle="tab">'+val.a1+' </a></li>';
}
else
{
html += ' <li ><a href="'+val.id+'" data-toggle="tab">'+val.a1+' </a></li>';
}
})
}
});
$("#fenlei").html(html);
}
function top2()
{
var html = "";
$.ajax({
url: "qiye.action?list&page=0&rows=10",
type: "POST",
async: false,
success: function (data) {
$.each(data.rows, function (i, valmm) {
if(i==0)
{
html += '<div class="tab-pane active" id="'+valmm.id+'"><div class="tab-active owl-carousel">';
}
else
{
html += '<div class="tab-pane fade" id="'+valmm.id+'"><div class="tab-active owl-carousel">';
}
$.ajax({
url: "vzhaopin.action?list&page=0&rows=10",
type: "POST",
async: false,
data: { fenlei:valmm.id },
success: function (data) {
$.each(data.rows, function (i, val) {
var item=' <!-- single-product-start -->'+
' <div class="product-wrapper">'+
'<div class="product-img">'+
' <a href="home/details.jsp?ids='+val.id+'">'+
' <img style="width:212px;height:271px;" src="<%=basePath%>'+val.a5+'" alt="book" class="primary" />'+
'</a>'+
' <div class="quick-view">'+
' <a class="action-view" href="home/details.jsp?ids='+val.id+'" " title="Quick View">'+
' <i class="fa fa-search-plus"></i>'+
'</a>'+
'</div>'+
'<div class="product-flag">'+
' <ul>'+
' <li><span class="sale">new</span></li>'+
'<li><span class="discount-percentage">-5%</span></li>'+
'</ul>'+
'</div>'+
' </div>'+
' <div class="product-details text-center">'+
'<div class="product-rating">'+
' <ul>'+
' <li><a href="home/details.jsp?ids='+val.id+'"><i class="fa fa-star"></i></a></li>'+
'<li><a href="home/details.jsp?ids='+val.id+'"><i class="fa fa-star"></i></a></li>'+
' <li><a href="home/details.jsp?ids='+val.id+'"><i class="fa fa-star"></i></a></li>'+
' <li><a href="home/details.jsp?ids='+val.id+'"><i class="fa fa-star"></i></a></li>'+
' <li><a href="home/details.jsp?ids='+val.id+'"><i class="fa fa-star"></i></a></li>'+
'</ul>'+
' </div>'+
' <h4><a href="home/details.jsp?ids='+val.id+'">'+val.a1+'</a></h4>'+
'<div class="product-price">'+
'<ul>'+
' <li></li>'+
'</ul>'+
'</div>'+
'</div>'+
'<div class="product-link">'+
' <div class="product-button">'+
' <a href="home/details.jsp?ids='+val.id+'" title="详细"><i class="fa fa-shopping-cart"></i>详细</a>'+
' </div>'+
'<div class="add-to-link">'+
'<ul>'+
' <li><a href="details.jsp?ids='+val.id+'" title="Details"><i class="fa fa-external-link"></i></a></li>'+
' </ul>'+
' </div>'+
' </div>'+
'</div>';
html+=item;
})
}
})
html+= ' </div></div>';
})
}
});
$("#top2").html(html);
}
function gettop3()
{
var html = "";
$.ajax({
url: "vzhaopin.action?list&page=0&rows=10",
type: "POST",
async: false,
contentType: "application/x-www-form-urlencoded;charset=UTF-8",
success: function (data) {
$.each(data.rows, function (i, val) {
html+='<div class="bestseller-total">'+
'<div class="single-bestseller mb-25">'+
'<div class="bestseller-img">'+
'<a href="home/details.jsp?ids='+val.id+'">'+
'<img src="<%=basePath%>'+val.a5+'" alt="book" /></a>'+
' <div class="product-flag">'+
' <ul>'+
' <li><span class="sale">new</span></li>'+
' <li><span class="discount-percentage">-5%</span></li>'+
' </ul>'+
' </div>'+
' </div>'+
'<div class="bestseller-text text-center">'+
'<h3><a href="home/details.jsp?ids='+val.id+'">'+val.a1+'</a></h3>'+
'<div class="price">'+
'<ul>'+
'<li><span class="new-price"></span></li>'+
'<li><span class="old-price"> </span></li>'+
'</ul>'+
'</div>'+
'</div>'+
'</div>'+
' </div>';
})
}
});
$("#top3").html(html);
}
function gettop4()
{
var html = "";
$.ajax({
url: "vzhaopin.action?list&page=0&rows=10",
type: "POST",
async: false,
contentType: "application/x-www-form-urlencoded;charset=UTF-8",
success: function (data) {
$.each(data.rows, function (i, val) {
html+=' <div class="tab-total">'+
<!-- single-product-start -->
'<div class="product-wrapper mb-40">'+
'<div class="product-img">'+
' <a href="home/details.jsp?ids='+val.id+'">'+
'<img style="width:212px;height:271px;" src="<%=basePath%>'+val.a5+'" alt="book" class="primary" />'+
'</a>'+
' <div class="quick-view">'+
' <a class="action-view" href="home/details.jsp?ids='+val.id+'" title="Quick View">'+
' <i class="fa fa-search-plus"></i>'+
' </a>'+
' </div>'+
'<div class="product-flag">'+
' <ul>'+
'<li><span class="sale">new</span> </li>'+
'<li><span class="discount-percentage">-5%</span></li>'+
'</ul>'+
'</div>'+
' </div>'+
'<div class="product-details text-center">'+
'<div class="product-rating">'+
'<ul>'+
' <li><a href="home/details.jsp?ids='+val.id+'"><i class="fa fa-star"></i></a></li>'+
' <li><a href="home/details.jsp?ids='+val.id+'"><i class="fa fa-star"></i></a></li>'+
' <li><a href="home/details.jsp?ids='+val.id+'"><i class="fa fa-star"></i></a></li>'+
' <li><a href="home/details.jsp?ids='+val.id+'"><i class="fa fa-star"></i></a></li>'+
' <li><a href="home/details.jsp?ids='+val.id+'"><i class="fa fa-star"></i></a></li>'+
' </ul>'+
' </div>'+
'<h4><a href="home/details.jsp?ids='+val.id+'">'+val.a1+'</a></h4>'+
'<div class="product-price">'+
'<ul>'+
'<li></li>'+
' </ul>'+
'</div>'+
'</div>'+
'<div class="product-link">'+
'<div class="product-button">'+
' <a href="home/details.jsp?ids='+val.id+'" title="Add to cart"><i class="fa fa-shopping-cart"></i>购买</a>'+
' </div>'+
'<div class="add-to-link">'+
' <ul>'+
' <li><a href="details.jsp?ids='+val.id+'" title="Details"><i class="fa fa-external-link"></i></a></li>'+
'</ul>'+
'</div>'+
' </div>'+
'</div></div>';
})
}
});
$("#top4").html(html);
}
</script>
</head>
<body>
<jsp:include page="${basePath}/home/head.jsp" flush="true"/>
<!-- banner-area-start -->
<div class="banner-area banner-res-large ptb-35">
<div class="container">
<!-- <div class="row">
<div class="col-lg-3 col-md-3 col-sm-4 col-xs-12">
<div class="single-banner">
<div class="banner-img">
<a href="#">
<img src="<%=basePath%>home/img/banner/1.png" alt="banner" /></a>
</div>
<div class="banner-text">
<h4>免费送货到家</h4>
<p>消费超过 $500</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-4 col-xs-12">
<div class="single-banner">
<div class="banner-img">
<a href="#">
<img src="<%=basePath%>home/img/banner/2.png" alt="banner" /></a>
</div>
<div class="banner-text">
<h4>退款保证</h4>
<p>商品有问题 100% 退换货 </p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 hidden-sm col-xs-12">
<div class="single-banner">
<div class="banner-img">
<a href="#">
<img src="<%=basePath%>home/img/banner/3.png" alt="banner" /></a>
</div>
<div class="banner-text">
<h4>货到付款</h4>
<p>先验货后付款</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-4 col-xs-12">
<div class="single-banner mrg-none-xs">
<div class="banner-img">
<a href="#">
<img src="<%=basePath%>home/img/banner/4.png" alt="banner" /></a>
</div>
<div class="banner-text">
<h4>帮助和支持</h4>
<p>电话 : + 0123.4567.89</p>
</div>
</div>
</div>
</div>
-->
</div>
</div>
<!-- banner-area-end -->
<!-- slider-area-start -->
<div class="slider-area">
<div class="slider-active owl-carousel">
<div class="single-slider pt-125 pb-130 bg-img" style="background-image: url(<%=basePath%>home/img/slider/1.jpg);">
<div class="container">
<div class="row">
<div class="col-md-5">
<div class="slider-content slider-animated-1 text-center">
<h1>高校就业创业信息网站</h1>
<h2>各种咨询</h2>
<h3>天下趣闻</h3>
<!-- <a href="home/search.jsp?ids=">Shop now</a> -->
</div>
</div>
</div>
</div>
</div>
<div class="single-slider slider-h1-2 pt-215 pb-100 bg-img" style="background-image: url(<%=basePath%>home/img/slider/2.jpg);">
<div class="container">
<div class="slider-content slider-content-2 slider-animated-1">
<h1>每天更新</h1>
<h2>实时要问</h2>
<h3>应有尽有</h3>
<a href="javascript:void(0)">联系我们吧!</a>
</div>
</div>
</div>
</div>
</div>
<!-- slider-area-end -->
<!-- product-area-start -->
<div class="product-area pt-95 xs-mb">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="section-title text-center mb-50">
<h2>各种招聘</h2>
<p>真实可靠
<br />
一定会有您关注的。。
</p>
</div>
</div>
<div class="col-lg-12">
<!-- tab-menu-start -->
<div class="tab-menu mb-40 text-center">
<ul id="fenlei">
<!-- <li class="active"><a href="#Audiobooks" data-toggle="tab">New Arrival </a></li>
<li><a href="#books" data-toggle="tab">OnSale</a></li>
<li><a href="#bussiness" data-toggle="tab">Featured Products</a></li> -->
</ul>
</div>
<!-- tab-menu-end -->
</div>
</div>
<!-- tab-area-start -->
<div class="tab-content" id="top2">
<div class="tab-pane active" id="Audiobooks">
<div class="tab-active owl-carousel">
<!-- single-product-start -->
<div class="product-wrapper">
<div class="product-img">
<a href="#">
<img src="<%=basePath%>home/img/product/1.jpg" alt="book" class="primary" />
</a>
<div class="quick-view">
<a class="action-view" href="#" data-target="#productModal" data-toggle="modal" title="Quick View">
<i class="fa fa-search-plus"></i>
</a>
</div>
<div class="product-flag">
<ul>
<li><span class="sale">new</span></li>
<li><span class="discount-percentage">-5%</span></li>
</ul>
</div>
</div>
<div class="product-details text-center">
<div class="product-rating">
<ul>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
</ul>
</div>
<h4><a href="#">Joust Duffle Bag</a></h4>
<div class="product-price">
<ul>
<li>$60.00</li>
</ul>
</div>
</div>
<div class="product-link">
<div class="product-button">
<a href="#" title="Add to cart"><i class="fa fa-shopping-cart"></i>Add to cart</a>
</div>
<div class="add-to-link">
<ul>
<li><a href="product-details.html" title="Details"><i class="fa fa-external-link"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="books">
<div class="tab-active owl-carousel">
<!-- single-product-start -->
<div class="product-wrapper">
<div class="product-img">
<a href="#">
<img src="<%=basePath%>/img/product/5.jpg" alt="book" class="primary" />
</a>
<div class="quick-view">
<a class="action-view" href="#" data-target="#productModal" data-toggle="modal" title="Quick View">
<i class="fa fa-search-plus"></i>
</a>
</div>
<div class="product-flag">
<ul>
<li><span class="sale">new</span></li>
</ul>
</div>
</div>
<div class="product-details text-center">
<div class="product-rating">
<ul>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
</ul>
</div>
<h4><a href="#">Strive Shoulder Pack</a></h4>
<div class="product-price">
<ul>
<li>$30.00</li>
<li class="old-price">$32.00</li>
</ul>
</div>
</div>
<div class="product-link">
<div class="product-button">
<a href="#" title="Add to cart"><i class="fa fa-shopping-cart"></i>Add to cart</a>
</div>
<div class="add-to-link">
<ul>
<li><a href="product-details.html" title="Details"><i class="fa fa-external-link"></i></a></li>
</ul>
</div>
</div>
</div>
<!-- single-product-end -->
<!-- single-product-start -->
<div class="product-wrapper">
<div class="product-img">
<a href="#">
<img src="<%=basePath%>home/img/product/7.jpg" alt="book" class="primary" />
</a>
<div class="quick-view">
<a class="action-view" href="#" data-target="#productModal" data-toggle="modal" title="Quick View">
<i class="fa fa-search-plus"></i>
</a>
</div>
<div class="product-flag">
<ul>
<li><span class="sale">new</span></li>
</ul>
</div>
</div>
<div class="product-details text-center">
<div class="product-rating">
<ul>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
</ul>
</div>
<h4><a href="#">Strive Shoulder Pack</a></h4>
<div class="product-price">
<ul>
<li>$30.00</li>
<li class="old-price">$32.00</li>
</ul>
</div>
</div>
<div class="product-link">
<div class="product-button">
<a href="#" title="Add to cart"><i class="fa fa-shopping-cart"></i>Add to cart</a>
</div>
<div class="add-to-link">
<ul>
<li><a href="product-details.html" title="Details"><i class="fa fa-external-link"></i></a></li>
</ul>
</div>
</div>
</div>
<!-- single-product-end -->
<!-- single-product-start -->
<div class="product-wrapper">
<div class="product-img">
<a href="#">
<img src="<%=basePath%>home/img/product/1.jpg" alt="book" class="primary" />
</a>
<div class="quick-view">
<a class="action-view" href="#" data-target="#productModal" data-toggle="modal" title="Quick View">
<i class="fa fa-search-plus"></i>
</a>
</div>
<div class="product-flag">
<ul>
<li><span class="sale">new</span></li>
</ul>
</div>
</div>
<div class="product-details text-center">
<div class="product-rating">
<ul>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
</ul>
</div>
<h4><a href="#">Joust Duffle Bag</a></h4>
<div class="product-price">
<ul>
<li>$60.00</li>
</ul>
</div>
</div>
<div class="product-link">
<div class="product-button">
<a href="#" title="Add to cart"><i class="fa fa-shopping-cart"></i>Add to cart</a>
</div>
<div class="add-to-link">
<ul>
<li><a href="product-details.html" title="Details"><i class="fa fa-external-link"></i></a></li>
</ul>
</div>
</div>
</div>
<!-- single-product-end -->
<!-- single-product-start -->
<div class="product-wrapper">
<div class="product-img">
<a href="#">
<img src="<%=basePath%>home/img/product/3.jpg" alt="book" class="primary" />
</a>
<div class="quick-view">
<a class="action-view" href="#" data-target="#productModal" data-toggle="modal" title="Quick View">
<i class="fa fa-search-plus"></i>
</a>
</div>
<div class="product-flag">
<ul>
<li><span class="sale">new</span>
<br>
</li>
<li><span class="discount-percentage">-5%</span></li>
</ul>
</div>
</div>
<div class="product-details text-center">
<div class="product-rating">
<ul>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
</ul>
</div>
<h4><a href="#">Chaz Kangeroo Hoodie</a></h4>
<div class="product-price">
<ul>
<li>$52.00</li>
</ul>
</div>
</div>
<div class="product-link">
<div class="product-button">
<a href="#" title="Add to cart"><i class="fa fa-shopping-cart"></i>Add to cart</a>
</div>
<div class="add-to-link">
<ul>
<li><a href="product-details.html" title="Details"><i class="fa fa-external-link"></i></a></li>
</ul>
</div>
</div>
</div>
<!-- single-product-end -->
<!-- single-product-start -->
<div class="product-wrapper">
<div class="product-img">
<a href="#">
<img src="<%=basePath%>home/img/product/9.jpg" alt="book" class="primary" />
</a>
<div class="quick-view">
<a class="action-view" href="#" data-target="#productModal" data-toggle="modal" title="Quick View">
<i class="fa fa-search-plus"></i>
</a>
</div>
<div class="product-flag">
<ul>
<li><span class="sale">new</span>
<br>
</li>
<li><span class="discount-percentage">-5%</span></li>
</ul>
</div>
</div>
<div class="product-details text-center">
<div class="product-rating">
<ul>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
</ul>
</div>
<h4><a href="#">Wayfarer Messenger Bag</a></h4>
<div class="product-price">
<ul>
<li>$35.00</li>
<li class="old-price">40.00</li>
</ul>
</div>
</div>
<div class="product-link">
<div class="product-button">
<a href="#" title="Add to cart"><i class="fa fa-shopping-cart"></i>Add to cart</a>
</div>
<div class="add-to-link">
<ul>
<li><a href="product-details.html" title="Details"><i class="fa fa-external-link"></i></a></li>
</ul>
</div>
</div>
</div>
<!-- single-product-end -->
<!-- single-product-start -->
<div class="product-wrapper">
<div class="product-img">
<a href="#">
<img src="<%=basePath%>home/img/product/11.jpg" alt="book" class="primary" />
</a>
<div class="quick-view">
<a class="action-view" href="#" data-target="#productModal" data-toggle="modal" title="Quick View">
<i class="fa fa-search-plus"></i>
</a>
</div>
<div class="product-flag">
<ul>
<li><span class="discount-percentage">-5%</span></li>
</ul>
</div>
</div>
<div class="product-details text-center">
<div class="product-rating">
<ul>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
</ul>
</div>
<h4><a href="#">Impulse Duffle</a></h4>
<div class="product-price">
<ul>
<li>$74.00</li>
<li class="old-price">78.00</li>
</ul>
</div>
</div>
<div class="product-link">
<div class="product-button">
<a href="#" title="Add to cart"><i class="fa fa-shopping-cart"></i>Add to cart</a>
</div>
<div class="add-to-link">
<ul>
<li><a href="product-details.html" title="Details"><i class="fa fa-external-link"></i></a></li>
</ul>
</div>
</div>
</div>
<!-- single-product-end -->
</div>
</div>
<div class="tab-pane fade" id="bussiness">
<div class="tab-active owl-carousel">
<!-- single-product-start -->
<div class="product-wrapper">
<div class="product-img">
<a href="#">
<img src="<%=basePath%>home/img/product/9.jpg" alt="book" class="primary" />
</a>
<div class="quick-view">
<a class="action-view" href="#" data-target="#productModal" data-toggle="modal" title="Quick View">
<i class="fa fa-search-plus"></i>
</a>
</div>
<div class="product-flag">
<ul>
<li><span class="sale">new</span>
<br>
</li>
<li><span class="discount-percentage">-5%</span></li>
</ul>
</div>
</div>
<div class="product-details text-center">
<div class="product-rating">
<ul>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
</ul>
</div>
<h4><a href="#">Wayfarer Messenger Bag</a></h4>
<div class="product-price">
<ul>
<li>$35.00</li>
<li class="old-price">40.00</li>
</ul>
</div>
</div>
<div class="product-link">
<div class="product-button">
<a href="#" title="Add to cart"><i class="fa fa-shopping-cart"></i>Add to cart</a>
</div>
<div class="add-to-link">
<ul>
<li><a href="product-details.html" title="Details"><i class="fa fa-external-link"></i></a></li>
</ul>
</div>
</div>
</div>
<!-- single-product-end -->
<!-- single-product-start -->
<div class="product-wrapper">
<div class="product-img">
<a href="#">
<img src="<%=basePath%>home/img/product/11.jpg" alt="book" class="primary" />
</a>
<div class="quick-view">
<a class="action-view" href="#" data-target="#productModal" data-toggle="modal" title="Quick View">
<i class="fa fa-search-plus"></i>
</a>
</div>
<div class="product-flag">
<ul>
<li><span class="sale">new</span></li>
</ul>
</div>
</div>
<div class="product-details text-center">
<div class="product-rating">
<ul>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
</ul>
</div>
<h4><a href="#">Impulse Duffle</a></h4>
<div class="product-price">
<ul>
<li>$74.00</li>
<li class="old-price">78.00</li>
</ul>
</div>
</div>
<div class="product-link">
<div class="product-button">
<a href="#" title="Add to cart"><i class="fa fa-shopping-cart"></i>Add to cart</a>
</div>
<div class="add-to-link">
<ul>
<li><a href="product-details.html" title="Details"><i class="fa fa-external-link"></i></a></li>
</ul>
</div>
</div>
</div>
<!-- single-product-end -->
<!-- single-product-start -->
<div class="product-wrapper">
<div class="product-img">
<a href="#">
<img src="<%=basePath%>home/img/product/1.jpg" alt="book" class="primary" />
</a>
<div class="quick-view">
<a class="action-view" href="#" data-target="#productModal" data-toggle="modal" title="Quick View">
<i class="fa fa-search-plus"></i>
</a>
</div>
<div class="product-flag">
<ul>
<li><span class="sale">new</span>
<br>
</li>
<li><span class="discount-percentage">-5%</span></li>
</ul>
</div>
</div>
<div class="product-details text-center">
<div class="product-rating">
<ul>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
</ul>
</div>
<h4><a href="#">Joust Duffle Bag</a></h4>
<div class="product-price">
<ul>
<li>$60.00</li>
</ul>
</div>
</div>
<div class="product-link">
<div class="product-button">
<a href="#" title="Add to cart"><i class="fa fa-shopping-cart"></i>Add to cart</a>
</div>
<div class="add-to-link">
<ul>
<li><a href="product-details.html" title="Details"><i class="fa fa-external-link"></i></a></li>
</ul>
</div>
</div>
</div>
<!-- single-product-end -->
<!-- single-product-start -->
<div class="product-wrapper">
<div class="product-img">
<a href="#">
<img src="<%=basePath%>home/img/product/3.jpg" alt="book" class="primary" />
</a>
<div class="quick-view">
<a class="action-view" href="#" data-target="#productModal" data-toggle="modal" title="Quick View">
<i class="fa fa-search-plus"></i>
</a>
</div>
<div class="product-flag">
<ul>
<li><span class="sale">new</span></li>
</ul>
</div>
</div>
<div class="product-details text-center">
<div class="product-rating">
<ul>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
</ul>
</div>
<h4><a href="#">Chaz Kangeroo Hoodie</a></h4>
<div class="product-price">
<ul>
<li>$52.00</li>
</ul>
</div>
</div>
<div class="product-link">
<div class="product-button">
<a href="#" title="Add to cart"><i class="fa fa-shopping-cart"></i>Add to cart</a>
</div>
<div class="add-to-link">
<ul>
<li><a href="product-details.html" title="Details"><i class="fa fa-external-link"></i></a></li>
</ul>
</div>
</div>
</div>
<!-- single-product-end -->
<!-- single-product-start -->
<div class="product-wrapper">
<div class="product-img">
<a href="#">
<img src="<%=basePath%>home/img/product/5.jpg" alt="book" class="primary" />
</a>
<div class="quick-view">
<a class="action-view" href="#" data-target="#productModal" data-toggle="modal" title="Quick View">
<i class="fa fa-search-plus"></i>
</a>
</div>
<div class="product-flag">
<ul>
<li><span class="sale">new</span></li>
</ul>
</div>
</div>
<div class="product-details text-center">
<div class="product-rating">
<ul>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
</ul>
</div>
<h4><a href="#">Set of Sprite Yoga Straps</a></h4>
<div class="product-price">
<ul>
<li>$34.00</li>
</ul>
</div>
</div>
<div class="product-link">
<div class="product-button">
<a href="#" title="Add to cart"><i class="fa fa-shopping-cart"></i>Add to cart</a>
</div>
<div class="add-to-link">
<ul>
<li><a href="product-details.html" title="Details"><i class="fa fa-external-link"></i></a></li>
</ul>
</div>
</div>
</div>
<!-- single-product-end -->
<!-- single-product-start -->
<div class="product-wrapper">
<div class="product-img">
<a href="#">
<img src="<%=basePath%>home/img/product/7.jpg" alt="book" class="primary" />
</a>
<div class="quick-view">
<a class="action-view" href="#" data-target="#productModal" data-toggle="modal" title="Quick View">
<i class="fa fa-search-plus"></i>
</a>
</div>
<div class="product-flag">
<ul>
<li><span class="discount-percentage">-5%</span></li>
</ul>
</div>
</div>
<div class="product-details text-center">
<div class="product-rating">
<ul>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
</ul>
</div>
<h4><a href="#">Strive Shoulder Pack</a></h4>
<div class="product-price">
<ul>
<li>$30.00</li>
<li class="old-price">$32.00</li>
</ul>
</div>
</div>
<div class="product-link">
<div class="product-button">
<a href="#" title="Add to cart"><i class="fa fa-shopping-cart"></i>Add to cart</a>
</div>
<div class="add-to-link">
<ul>
<li><a href="product-details.html" title="Details"><i class="fa fa-external-link"></i></a></li>
</ul>
</div>
</div>
</div>
<!-- single-product-end -->
</div>
</div>
</div>
<script type="text/javascript">
top2();
</script>
<!-- tab-area-end -->
</div>
</div>
<!-- product-area-end -->
<!-- banner-area-start -->
<div class="banner-area-5 mtb-95">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="banner-img-2">
<a href="javascript:void(0)">
<img src="<%=basePath%>home/img/banner/5.jpg" alt="banner" /></a>
<div class="banner-text">
<h3>G. Meyer cars & Spiritual Traveler Press</h3>
<h2>Sale up to 30% off</h2>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- banner-area-end -->
<!-- bestseller-area-start -->
<div class="bestseller-area pb-100">
<div class="container">
<div class="row">
<div class="col-lg-8 col-md-8 col-sm-12 col-xs-12">
<div class="bestseller-content">
<h1>最热门招聘人</h1>
<h2>J. K.
<br />
Rowling</h2>
<p class="categories">categories:<a href="javascript:void(0)">Books</a> , <a href="javascript:void(0)">Audiobooks</a></p>
<p>招聘过很多优秀员工，</p>
<div class="social-author">
<ul>
<li><a href="javascript:void(0)"><i class="fa fa-facebook"></i></a></li>
<li><a href="javascript:void(0)"><i class="fa fa-twitter"></i></a></li>
</ul>
</div>
</div>
<div class="banner-img-2">
<a href="javascript:void(0)">
<img src="<%=basePath%>home/img/banner/6.jpg" alt="banner" /></a>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
<div class="bestseller-active owl-carousel" id="top3">
<div class="bestseller-total">
<div class="single-bestseller mb-25">
<div class="bestseller-img">
<a href="#">
<img src="<%=basePath%>home/img/product/13.jpg" alt="book" /></a>
<div class="product-flag">
<ul>
<li><span class="sale">new</span></li>
<li><span class="discount-percentage">-5%</span></li>
</ul>
</div>
</div>
<div class="bestseller-text text-center">
<h3><a href="#">Rival Messenger</a></h3>
<div class="price">
<ul>
<li><span class="new-price">$40.00</span></li>
<li><span class="old-price">$45.00</span></li>
</ul>
</div>
</div>
</div>
<div class="single-bestseller">
<div class="bestseller-img">
<a href="#">
<img src="<%=basePath%>home/img/product/14.jpg" alt="book" /></a>
<div class="product-flag">
<ul>
<li><span class="sale">new</span></li>
</ul>
</div>
</div>
<div class="bestseller-text text-center">
<h3><a href="#">Impulse Duffle</a></h3>
<div class="price">
<ul>
<li><span class="new-price">$70.00</span></li>
<li><span class="old-price">$74.00</span></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
gettop3();
</script>
</div>
</div>
</div>
</div>
<!-- bestseller-area-end -->
<!-- new-book-area-start -->
<div class="new-book-area pb-100">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="section-title bt text-center pt-100 mb-30 section-title-res">
<h2>热门招聘</h2>
</div>
</div>
</div>
<div class="tab-active owl-carousel" id="top4">
<div class="tab-total">
<!-- single-product-start -->
<div class="product-wrapper mb-40">
<div class="product-img">
<a href="#">
<img src="<%=basePath%>home/img/product/1.jpg" alt="book" class="primary" />
</a>
<div class="quick-view">
<a class="action-view" href="#" data-target="#productModal" data-toggle="modal" title="Quick View">
<i class="fa fa-search-plus"></i>
</a>
</div>
<div class="product-flag">
<ul>
<li><span class="sale">new</span> </li>
<li><span class="discount-percentage">-5%</span></li>
</ul>
</div>
</div>
<div class="product-details text-center">
<div class="product-rating">
<ul>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
</ul>
</div>
<h4><a href="#">Joust Duffle Bag</a></h4>
<div class="product-price">
<ul>
<li>$60.00</li>
</ul>
</div>
</div>
<div class="product-link">
<div class="product-button">
<a href="#" title="Add to cart"><i class="fa fa-shopping-cart"></i>Add to cart</a>
</div>
<div class="add-to-link">
<ul>
<li><a href="product-details.html" title="Details"><i class="fa fa-external-link"></i></a></li>
</ul>
</div>
</div>
</div>
<!-- single-product-end -->
<!-- single-product-start -->
<div class="product-wrapper">
<div class="product-img">
<a href="javascript:void(0)">
<img src="<%=basePath%>home/img/product/18.jpg" alt="book" class="primary" />
</a>
<div class="quick-view">
<a class="action-view" href="#" data-target="#productModal" data-toggle="modal" title="Quick View">
<i class="fa fa-search-plus"></i>
</a>
</div>
<div class="product-flag">
<ul>
<li><span class="sale">new</span>
<br>
</li>
</ul>
</div>
</div>
<div class="product-details text-center">
<div class="product-rating">
<ul>
<li><a href="javascript:void(0)"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
</ul>
</div>
<h4><a href="#">Driven Backpack</a></h4>
<div class="product-price">
<ul>
<li>$34.00</li>
<li class="old-price">$36.00</li>
</ul>
</div>
</div>
<div class="product-link">
<div class="product-button">
<a href="#" title="Add to cart"><i class="fa fa-shopping-cart"></i>Add to cart</a>
</div>
<div class="add-to-link">
<ul>
<li><a href="product-details.html" title="Details"><i class="fa fa-external-link"></i></a></li>
</ul>
</div>
</div>
</div>
<!-- single-product-end -->
</div>
</div>
<script type="text/javascript">
gettop4();
</script>
</div>
</div>
<!-- new-book-area-start -->
<!-- banner-static-area-start -->
<!-- banner-static-area-end -->
<!-- most-product-area-start -->
<!--
<div class="most-product-area pt-90 pb-100">
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-3 col-sm-4 col-xs-12 xs-mb">
<div class="section-title-2 mb-30">
<h3>Book</h3>
</div>
<div class="product-active-2 owl-carousel">
<div class="product-total-2">
<div class="single-most-product bd mb-18">
<div class="most-product-img">
<a href="#">
<img src="<%=basePath%>home/img/product/20.jpg" alt="book" /></a>
</div>
<div class="most-product-content">
<div class="product-rating">
<ul>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
</ul>
</div>
<h4><a href="#">Endeavor Daytrip</a></h4>
<div class="product-price">
<ul>
<li>$30.00</li>
<li class="old-price">$33.00</li>
</ul>
</div>
</div>
</div>
<div class="single-most-product bd mb-18">
<div class="most-product-img">
<a href="#">
<img src="<%=basePath%>home/img/product/21.jpg" alt="book" /></a>
</div>
<div class="most-product-content">
<div class="product-rating">
<ul>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
</ul>
</div>
<h4><a href="#">Savvy Shoulder Tote</a></h4>
<div class="product-price">
<ul>
<li>$30.00</li>
<li class="old-price">$35.00</li>
</ul>
</div>
</div>
</div>
<div class="single-most-product">
<div class="most-product-img">
<a href="#">
<img src="<%=basePath%>home/img/product/22.jpg" alt="book" /></a>
</div>
<div class="most-product-content">
<div class="product-rating">
<ul>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
</ul>
</div>
<h4><a href="#">Compete Track Tote</a></h4>
<div class="product-price">
<ul>
<li>$35.00</li>
</ul>
</div>
</div>
</div>
</div>
<div class="product-total-2">
<div class="single-most-product bd mb-18">
<div class="most-product-img">
<a href="#">
<img src="<%=basePath%>home/img/product/23.jpg" alt="book" /></a>
</div>
<div class="most-product-content">
<div class="product-rating">
<ul>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
</ul>
</div>
<h4><a href="#">Voyage Yoga Bag</a></h4>
<div class="product-price">
<ul>
<li>$30.00</li>
<li class="old-price">$33.00</li>
</ul>
</div>
</div>
</div>
<div class="single-most-product bd mb-18">
<div class="most-product-img">
<a href="#">
<img src="<%=basePath%>home/img/product/24.jpg" alt="book" /></a>
</div>
<div class="most-product-content">
<div class="product-rating">
<ul>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
</ul>
</div>
<h4><a href="#">Impulse Duffle</a></h4>
<div class="product-price">
<ul>
<li>$70.00</li>
<li class="old-price">$74.00</li>
</ul>
</div>
</div>
</div>
<div class="single-most-product">
<div class="most-product-img">
<a href="#">
<img src="<%=basePath%>home/img/product/22.jpg" alt="book" /></a>
</div>
<div class="most-product-content">
<div class="product-rating">
<ul>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
</ul>
</div>
<h4><a href="#">Fusion Backpack</a></h4>
<div class="product-price">
<ul>
<li>$59.00</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-4 col-xs-12 xs-mb">
<div class="section-title-2 mb-30">
<h3>Audio books </h3>
</div>
<div class="product-active-2 owl-carousel">
<div class="product-total-2">
<div class="single-most-product bd mb-18">
<div class="most-product-img">
<a href="#">
<img src="<%=basePath%>home/img/product/23.jpg" alt="book" /></a>
</div>
<div class="most-product-content">
<div class="product-rating">
<ul>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
</ul>
</div>
<h4><a href="#">Voyage Yoga Bag</a></h4>
<div class="product-price">
<ul>
<li>$30.00</li>
<li class="old-price">$33.00</li>
</ul>
</div>
</div>
</div>
<div class="single-most-product bd mb-18">
<div class="most-product-img">
<a href="#">
<img src="<%=basePath%>home/img/product/24.jpg" alt="book" /></a>
</div>
<div class="most-product-content">
<div class="product-rating">
<ul>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
</ul>
</div>
<h4><a href="#">Impulse Duffle</a></h4>
<div class="product-price">
<ul>
<li>$70.00</li>
<li class="old-price">$74.00</li>
</ul>
</div>
</div>
</div>
<div class="single-most-product">
<div class="most-product-img">
<a href="#">
<img src="<%=basePath%>home/img/product/26.jpg" alt="book" /></a>
</div>
<div class="most-product-content">
<div class="product-rating">
<ul>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
</ul>
</div>
<h4><a href="#">Driven Backpack1</a></h4>
<div class="product-price">
<ul>
<li>$40.00</li>
</ul>
</div>
</div>
</div>
</div>
<div class="product-total-2">
<div class="single-most-product bd mb-18">
<div class="most-product-img">
<a href="#">
<img src="<%=basePath%>home/img/product/20.jpg" alt="book" /></a>
</div>
<div class="most-product-content">
<div class="product-rating">
<ul>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
</ul>
</div>
<h4><a href="#">Endeavor Daytrip</a></h4>
<div class="product-price">
<ul>
<li>$30.00</li>
<li class="old-price">$33.00</li>
</ul>
</div>
</div>
</div>
<div class="single-most-product bd mb-18">
<div class="most-product-img">
<a href="#">
<img src="<%=basePath%>home/img/product/21.jpg" alt="book" /></a>
</div>
<div class="most-product-content">
<div class="product-rating">
<ul>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
</ul>
</div>
<h4><a href="#">Savvy Shoulder Tote</a></h4>
<div class="product-price">
<ul>
<li>$30.00</li>
<li class="old-price">$35.00</li>
</ul>
</div>
</div>
</div>
<div class="single-most-product">
<div class="most-product-img">
<a href="#">
<img src="<%=basePath%>home/img/product/22.jpg" alt="book" /></a>
</div>
<div class="most-product-content">
<div class="product-rating">
<ul>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
</ul>
</div>
<h4><a href="#">Compete Track Tote</a></h4>
<div class="product-price">
<ul>
<li>$35.00</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-4 col-xs-12">
<div class="section-title-2 mb-30">
<h3>children’s books</h3>
</div>
<div class="product-active-2 owl-carousel">
<div class="product-total-2">
<div class="single-most-product bd mb-18">
<div class="most-product-img">
<a href="#">
<img src="<%=basePath%>home/img/product/27.jpg" alt="book" /></a>
</div>
<div class="most-product-content">
<div class="product-rating">
<ul>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
</ul>
</div>
<h4><a href="#">Crown Summit</a></h4>
<div class="product-price">
<ul>
<li>$36.00</li>
<li class="old-price">$38.00</li>
</ul>
</div>
</div>
</div>
<div class="single-most-product bd mb-18">
<div class="most-product-img">
<a href="#">
<img src="<%=basePath%>home/img/product/28.jpg" alt="book" /></a>
</div>
<div class="most-product-content">
<div class="product-rating">
<ul>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
</ul>
</div>
<h4><a href="#">Driven Backpack</a></h4>
<div class="product-price">
<ul>
<li>$34.00</li>
<li class="old-price">$36.00</li>
</ul>
</div>
</div>
</div>
<div class="single-most-product">
<div class="most-product-img">
<a href="#">
<img src="<%=basePath%>home/img/product/29.jpg" alt="book" /></a>
</div>
<div class="most-product-content">
<div class="product-rating">
<ul>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
</ul>
</div>
<h4><a href="#">Endeavor Daytrip</a></h4>
<div class="product-price">
<ul>
<li>$30.00</li>
<li class="old-price">$33.00</li>
</ul>
</div>
</div>
</div>
</div>
<div class="product-total-2">
<div class="single-most-product bd mb-18">
<div class="most-product-img">
<a href="#">
<img src="<%=basePath%>home/img/product/23.jpg" alt="book" /></a>
</div>
<div class="most-product-content">
<div class="product-rating">
<ul>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
</ul>
</div>
<h4><a href="#">Voyage Yoga Bag</a></h4>
<div class="product-price">
<ul>
<li>$30.00</li>
<li class="old-price">$33.00</li>
</ul>
</div>
</div>
</div>
<div class="single-most-product bd mb-18">
<div class="most-product-img">
<a href="#">
<img src="<%=basePath%>home/img/product/24.jpg" alt="book" /></a>
</div>
<div class="most-product-content">
<div class="product-rating">
<ul>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
</ul>
</div>
<h4><a href="#">Impulse Duffle</a></h4>
<div class="product-price">
<ul>
<li>$70.00</li>
<li class="old-price">$74.00</li>
</ul>
</div>
</div>
</div>
<div class="single-most-product">
<div class="most-product-img">
<a href="#">
<img src="<%=basePath%>home/img/product/22.jpg" alt="book" /></a>
</div>
<div class="most-product-content">
<div class="product-rating">
<ul>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
<li><a href="#"><i class="fa fa-star"></i></a></li>
</ul>
</div>
<h4><a href="#">Fusion Backpack</a></h4>
<div class="product-price">
<ul>
<li>$59.00</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
<div class="block-newsletter">
<h2>Sign up for send newsletter</h2>
<p>You can be always up to date with our company new!</p>
<form action="#">
<input type="text" placeholder="Enter your email address" />
</form>
<a href="#">Send Email</a>
</div>
</div>
</div>
</div>
</div>
-->
<!-- most-product-area-end -->
<!-- testimonial-area-start -->
<!-- testimonial-area-end -->
<!-- recent-post-area-start -->
<!-- recent-post-area-end -->
<!-- social-group-area-start -->
<!-- social-group-area-end -->
<jsp:include page="${basePath}/home/foot.jsp" flush="true"/>
</body>
</html>
