好友
阅读权限10
听众
最后登录1970-1-1
|
<%--<%@ page import="com.yangwulang.pojo.User" %>--%>
<%@ page contentType="text/html;charset=UTF-8" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html lang="zxx" class="no-js">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="shortcut icon" href="./index/img/fav.png">
<meta name="author" content="codepixer">
<meta name="description" content="">
<meta name="keywords" content="">
<meta charset="UTF-8">
<title>网上书城</title>
<link type="text/css" >
<link type="text/css" href="./index/css/linearicons.css">
<link type="text/css" rel="stylesheet" href="./index/css/font-awesome.min.css">
<link type="text/css" rel="stylesheet" href="./index/css/bootstrap.css">
<link type="text/css" rel="stylesheet" href="./index/css/magnific-popup.css">
<link type="text/css" rel="stylesheet" href="./index/css/nice-select.css">
<link type="text/css" rel="stylesheet" href="./index/css/animate.min.css">
<link type="text/css" rel="stylesheet" href="./index/css/owl.carousel.css">
<link type="text/css" rel="stylesheet" href="./index/css/main.css">
</head>
<body>
<%@include file="head.jsp"%>
<section class="banner-area" id="home">
<div class="container">
<div class="row fullscreen d-flex align-items-center justify-content-start">
<div class="banner-content col-lg-7">
<h5 class="text-white text-uppercase">公告: </h5>
<h1 class="text-uppercase">
${requestScope.notice.title}
</h1>
<p class="text-white pt-20 pb-20">
${requestScope.notice.body}
</p>
<a href="${pageContext.request.contextPath}/searchAll" class="primary-btn text-uppercase">进入商品列表</a>
</div>
<div class="col-lg-5 banner-right">
<img class="img-fluid" src="./index/img/header-img.png" alt="">
</div>
</div>
</div>
</section>
<!-- End banner Area -->
<!-- Start about Area -->
<section class="section-gap info-area" id="about">
<div class="container">
<div class="single-info row mt-40 align-items-center">
<div class="col-lg-6 col-md-12 text-center no-padding info-left">
<div class="info-thumb">
<img src="./index/img/about-img.jpg" class="img-fluid info-img" alt="">
</div>
</div>
<div class="col-lg-6 col-md-12 no-padding info-rigth">
<div class="info-content">
<h2 class="pb-30">Dr. Travor James</h2>
<p>
inappropriate behavior is often laughed off as “boys will be boys,” women face higher conduct
standards – especially in the workplace. That’s why it’s crucial that, as women.
</p>
<br>
<p>
inappropriate behavior is often laughed off as “boys will be boys,” women face higher conduct
standards – especially in the workplace. That’s why it’s crucial that, as women. inappropriate
behavior is often laughed off as “boys will be boys,” women face higher conduct standards –
especially in the workplace. That’s why it’s crucial that, as women.
</p>
<br>
<img src="./index/img/signature.png" alt="">
</div>
</div>
</div>
</div>
</section>
<!-- End about Area -->
<!-- Start fact Area -->
<section class="fact-area relative section-gap" id="fact">
<div class="overlay overlay-bg"></div>
<div class="container">
<div class="row d-flex justify-content-center">
<div class="menu-content pb-40 col-lg-8">
<div class="title text-center">
<h1 class="mb-10">Some Features that Made us Unique</h1>
<p>Who are in extremely love with eco friendly system.</p>
</div>
</div>
</div>
</div>
</section>
<!-- End fact Area -->
<!-- Start counter Area -->
<section class="counter-area">
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-6">
<div class="single-counter">
<h1 class="counter">2536</h1>
<p>Happy Clients</p>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="single-counter">
<h1 class="counter">6784</h1>
<p>Total Projects</p>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="single-counter">
<h1 class="counter">1059</h1>
<p>Cups Coffee</p>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="single-counter">
<h1 class="counter">12239</h1>
<p>Tickets Submitted</p>
</div>
</div>
</div>
</div>
</section>
<!-- end counter Area -->
<!-- Start price Area -->
<section class="price-area section-gap" id="price">
<div class="container">
<div class="row d-flex justify-content-center">
<div class="menu-content pb-60 col-lg-8">
<div class="title text-center">
<h1 class="mb-10">Purchase whatever you want</h1>
<p>Who are in extremely love with eco friendly system.</p>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-4">
<div class="single-price no-padding">
<div class="price-top">
<h4>PDF</h4>
</div>
<p>
Who are in extremely love with <br>
eco friendly system.
</p>
<div class="price-bottom">
<h1><span>$</span> 79.99</h1>
<a href="#" class="primary-btn header-btn">Purchase Now</a>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="single-price no-padding">
<div class="price-top">
<h4>E-Book</h4>
</div>
<p>
Who are in extremely love with <br>
eco friendly system.
</p>
<div class="price-bottom">
<h1><span>$</span> 99.99</h1>
<a href="#" class="primary-btn header-btn">Purchase Now</a>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="single-price no-padding">
<div class="price-top">
<h4>Print Copy</h4>
</div>
<p>
Who are in extremely love with <br>
eco friendly system.
</p>
<div class="price-bottom">
<h1><span>$</span> 59.99</h1>
<a href="#" class="primary-btn">Purchase Now</a>
</div>
</div>
</div>
</div>
</div>
</section>
<div class="tlinks">Collect from</div>
<!-- End price Area -->
<!-- Start course Area -->
<section class="course-area section-gap" id="course">
<div class="container">
<div class="row d-flex justify-content-center">
<div class="menu-content pb-60 col-lg-9">
<div class="title text-center">
<h1 class="mb-10">Top Courses That are open for Students</h1>
<p>Who are in extremely love with eco friendly system.</p>
</div>
</div>
</div>
<div class="row">
<div class="active-course-carusel">
<div class="single-course item">
<img class="img-fluid" src="./index/img/c1.jpg" alt="">
<p class="sale-btn">For Sale</p>
<div class="details">
<a href="#"><h4>Breakthrough Thinking <span class="price float-right">$25</span></h4></a>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt
ut labore et dolore magna
</p>
</div>
</div>
<div class="single-course item">
<img class="img-fluid" src="./index/img/c2.jpg" alt="">
<p class="sale-btn">For Sale</p>
<div class="details">
<a href="#"><h4>Breakthrough Thinking <span class="price float-right">$25</span></h4></a>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt
ut labore et dolore magna
</p>
</div>
</div>
<div class="single-course item">
<img class="img-fluid" src="./index/img/c3.jpg" alt="">
<p class="sale-btn">For Sale</p>
<div class="details">
<a href="#"><h4>Breakthrough Thinking <span class="price float-right">$25</span></h4></a>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt
ut labore et dolore magna
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<div class="tlinks">Collect from </div>
<!-- End course Area -->
<!-- Start call-to-action Area -->
<section class="call-to-action-area section-gap">
<div class="container">
<div class="row justify-content-center top">
<div class="col-lg-12">
<h1 class="text-white text-center">Download Our App for all Platforms</h1>
<p class="text-white text-center mt-30">
It won’t be a bigger problem to find one video game lover in your neighbor. Since the introduction
of Virtual Game, it has been achieving great heights so far as its popularity and technological
advancement are concerned.
</p>
</div>
</div>
<div class="row justify-content-center d-flex">
<div class="download-button d-flex flex-row justify-content-center mt-30">
<div class="buttons flex-row d-flex">
<i class="fa fa-apple" aria-hidden="true"></i>
<div class="desc">
<a href="#">
<p>
<span>Available</span> <br>
on App Store
</p>
</a>
</div>
</div>
<div class="buttons flex-row d-flex">
<i class="fa fa-android" aria-hidden="true"></i>
<div class="desc">
<a href="#">
<p>
<span>Available</span> <br>
on Play Store
</p>
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End call-to-action Area -->
<!-- Start testomial Area -->
<section class="testomial-area section-gap">
<div class="container">
<div class="row d-flex justify-content-center">
<div class="menu-content pb-60 col-lg-8">
<div class="title text-center">
<h1 class="mb-10">What our Reader’s Say about us</h1>
<p>Who are in extremely love with eco friendly system.</p>
</div>
</div>
</div>
<div class="row">
<div class="active-tstimonial-carusel">
<div class="single-testimonial item">
<img class="mx-auto" src="./index/img/t1.png" alt="">
<p class="desc">
Accessories Here you can find the best computer accessory for your laptop, monitor, printer,
scanner, speaker, projector, hardware and more. laptop accessory
</p>
<h4>Mark Alviro Wiens</h4>
<p>
CEO at Google
</p>
</div>
<div class="single-testimonial item">
<img class="mx-auto" src="./index/img/t2.png" alt="">
<p class="desc">
Accessories Here you can find the best computer accessory for your laptop, monitor, printer,
scanner, speaker, projector, hardware and more. laptop accessory
</p>
<h4>Mark Alviro Wiens</h4>
<p>
CEO at Google
</p>
</div>
<div class="single-testimonial item">
<img class="mx-auto" src="img/t3.png" alt="">
<p class="desc">
Accessories Here you can find the best computer accessory for your laptop, monitor, printer,
scanner, speaker, projector, hardware and more. laptop accessory
</p>
<h4>Mark Alviro Wiens</h4>
<p>
CEO at Google
</p>
</div>
<div class="single-testimonial item">
<img class="mx-auto" src="img/t1.png" alt="">
<p class="desc">
Accessories Here you can find the best computer accessory for your laptop, monitor, printer,
scanner, speaker, projector, hardware and more. laptop accessory
</p>
<h4>Mark Alviro Wiens</h4>
<p>
CEO at Google
</p>
</div>
<div class="single-testimonial item">
<img class="mx-auto" src="img/t2.png" alt="">
<p class="desc">
Accessories Here you can find the best computer accessory for your laptop, monitor, printer,
scanner, speaker, projector, hardware and more. laptop accessory
</p>
<h4>Mark Alviro Wiens</h4>
<p>
CEO at Google
</p>
</div>
<div class="single-testimonial item">
<img class="mx-auto" src="img/t3.png" alt="">
<p class="desc">
Accessories Here you can find the best computer accessory for your laptop, monitor, printer,
scanner, speaker, projector, hardware and more. laptop accessory
</p>
<h4>Mark Alviro Wiens</h4>
<p>
CEO at Google
</p>
</div>
<div class="single-testimonial item">
<img class="mx-auto" src="img/t1.png" alt="">
<p class="desc">
Accessories Here you can find the best computer accessory for your laptop, monitor, printer,
scanner, speaker, projector, hardware and more. laptop accessory
</p>
<h4>Mark Alviro Wiens</h4>
<p>
CEO at Google
</p>
</div>
<div class="single-testimonial item">
<img class="mx-auto" src="./index/img/t2.png" alt="">
<p class="desc">
Accessories Here you can find the best computer accessory for your laptop, monitor, printer,
scanner, speaker, projector, hardware and more. laptop accessory
</p>
<h4>Mark Alviro Wiens</h4>
<p>
CEO at Google
</p>
</div>
<div class="single-testimonial item">
<img class="mx-auto" src="./index/img/t3.png" alt="">
<p class="desc">
Accessories Here you can find the best computer accessory for your laptop, monitor, printer,
scanner, speaker, projector, hardware and more. laptop accessory
</p>
<h4>Mark Alviro Wiens</h4>
<p>
CEO at Google
</p>
</div>
</div>
</div>
</div>
</section>
<!-- End testomial Area -->
<!-- start footer Area -->
<footer class="footer-area section-gap">
<div class="container">
<div class="row">
<div class="col-lg-5 col-md-6 col-sm-6">
<div class="single-footer-widget">
<h6>About Us</h6>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
labore dolore magna aliqua.
</p>
<p class="footer-text">
Copyright ©<script>document.write(new Date().getFullYear());</script>
All rights reserved | made with Colorlib - More Templates - Collect
</p>
</div>
</div>
<div class="col-lg-5 col-md-6 col-sm-6">
<div class="single-footer-widget">
<h6>Newsletter</h6>
<p>Stay update with our latest</p>
<div class="" id="mc_embed_signup">
<form target="_blank" novalidate
action="#/subscribe/post?u=1462626880ade1ac87bd9c93a&id=92a4423d01" method="get"
class="form-inline">
<input class="form-control" name="EMAIL" placeholder="Enter Email"
onfocus="this.placeholder = ''" onblur="this.placeholder = 'Enter Email '"
required="" type="email">
<button class="click-btn btn btn-default"><i class="fa fa-long-arrow-right"
aria-hidden="true"></i></button>
<div style="position: absolute; left: -5000px;">
<input name="b_36c4fd991d266f23781ded980_aefe40901a" tabindex="-1" value="" type="text">
</div>
<div class="info"></div>
</form>
</div>
</div>
</div>
<div class="col-lg-2 col-md-6 col-sm-6 social-widget">
<div class="single-footer-widget">
<h6>Follow Us</h6>
<p>Let us be social</p>
<div class="footer-social d-flex align-items-center">
<a href="#"><i class="fa fa-facebook"></i></a>
<a href="#"><i class="fa fa-twitter"></i></a>
<a href="#"><i class="fa fa-dribbble"></i></a>
<a href="#"><i class="fa fa-behance"></i></a>
</div>
</div>
</div>
</div>
</div>
</footer>
<!-- End footer Area -->
<script src="./index/js/vendor/jquery-2.2.4.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"
integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
crossorigin="anonymous"></script>
<script src="./index/js/vendor/bootstrap.min.js"></script>
<script src="./index/js/easing.min.js"></script>
<script src="./index/js/hoverIntent.js"></script>
<script src="./index/js/superfish.min.js"></script>
<script src="./index/js/jquery.ajaxchimp.min.js"></script>
<script src="./index/js/jquery.magnific-popup.min.js"></script>
<script src="./index/js/owl.carousel.min.js"></script>
<script src="./index/js/jquery.sticky.js"></script>
<script src="./index/js/jquery.nice-select.min.js"></script>
<script src="./index/js/parallax.min.js"></script>
<script src="./index/js/waypoints.min.js"></script>
<script src="./index/js/jquery.counterup.min.js"></script>
<script src="./index/js/mail-script.js"></script>
<script src="./index/js/main.js"></script>
</body>
</html>
这个是首页 |
|
发表于 2019-12-25 15:16
|
发表于 2019-12-25 16:04
|楼主
收藏
淘帖
有用
分享到朋友圈
