<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="BookStore HTML5 Template">
<title>BookStore - Find your favorite books</title>
<!-- Favicon -->
<!-- All CSS files -->
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/font-awesome.css">
<link rel="stylesheet" href="assets/css/slick.css">
<link rel="stylesheet" href="assets/css/slick-theme.css">
<link rel="stylesheet" href="assets/css/app.css">
</head>
<body>
<!-- Preloader-->
<div id="preloader">
<div class="loader">
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
</div>
<!-- Back To Top Start -->
<a href="#main-wrapper" id="backto-top" class="back-to-top"><i class="fas fa-angle-up"></i></a>
<!-- Main Wrapper Start -->
<div id="main-wrapper" class="main-wrapper overflow-hidden">
<!-- Header Area Start -->
<header class="header">
<div class="container-fluid">
<nav class="navbar upper d-lg-flex d-none">
<a class="navbar-brand" href="">
<img alt="" src="assets/images/brand-logo.png">
</a>
<div class="search-bar">
<form method="get" action="javascript:;">
<div class="form-group header-search">
<button type="submit" class="fa fa-search form-control-search"></button>
<input type="text" class="form-control" placeholder="Find the book you like...">
</div>
</form>
</div>
<div class="right-content">
<a href=""><img src="assets/images/wish-list.png" alt=""></a>
<a href="cart.html"><img src="assets/images/shopping-cart.png" alt=""></a>
<ul class="unstyled">
<li>
<a href="login.html" class="login-border active">
<h6>Login</h6>
</a>
</li>
<li>
<a href="signup.html">
<h6>Register</h6>
</a>
</li>
</ul>
</div>
</nav>
</div>
<nav class="navbar navbar-expand-lg">
<a class="navbar-brand d-lg-none" href="">
<img alt="" src="assets/images/brand-logo.png">
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#mynavbar">
<i class="fas fa-bars"></i>
</button>
<div class="collapse navbar-collapse" id="mynavbar">
<ul class="navbar-nav mainmenu m-0">
<li class="menu-item-has-children">
<h6><a href="javascript:void(0);" class="active">Home</a></h6>
<ul class="submenu">
<li><a href="" class="active">Home 1</a></li>
<li><a href="index-2.html">Home 2</a></li>
</ul>
</li>
<li class="menu-item-has-children">
<h6><a href="javascript:void(0);">Shop</a></h6>
<ul class="submenu">
<li><a href="shop-listing.html">Shop Listing</a></li>
<li><a href="shop-listing-2.html">Shop Listing 2</a></li>
<li><a href="product-detail.html">Product Detail</a></li>
<li><a href="product-detail_2.html">Product Detail 2</a></li>
<li><a href="cart.html">Cart</a></li>
<li><a href="checkout.html">Checkout</a></li>
</ul>
</li>
<li class="menu-item-has-children">
<h6><a href="javascript:void(0);">Blog</a></h6>
<ul class="submenu">
<li><a href="blogs.html">Blogs</a></li>
<li><a href="blog-detail.html">Blog Detail</a></li>
</ul>
</li>
<li class="menu-item-has-children">
<h6><a href="javascript:void(0);">Pages</a></h6>
<ul class="submenu">
<li><a href="about.html">About Us</a></li>
<li><a href="contact.html">Contact Us</a></li>
<li><a href="faqs.html">FAQ's</a></li>
<li><a href="login.html">Login</a></li>
<li><a href="signup.html">Signup</a></li>
</ul>
</li>
</ul>
</div>
</nav>
</header>
<!-- Header Area end -->
<!-- Hero-Banner Start -->
<div class="hero-banner-1 p-40">
<div class="container">
<div class="content">
<div class="row align-items-center">
<div class="col-xl-6 col-lg-6 col-12">
<div class="text-block mb-48 mb-lg-0">
<h1 class="mb-16">
Find Your <br>
Favorite Books
</h1>
<p class="mb-64 dark-gray">
Lorem ipsum dolor sit amet consectetur. Viverra velit nibh
<br>
diam nulla sagittis congue. Faucibus rhoncus lobortis.
</p>
<h6>
<a href="shop-listing.html" class="cus-btn"><span class="icon"><img src="assets/images/btn-book.png" alt=""></span>Shop Now</a>
</h6>
</div>
</div>
<div class="col-xl-2 offset-xl-0 col-md-3 offset-md-4 col-sm-3 offset-sm-3 col-3 offset-2 d-xl-block d-lg-none">
<div class="img-block-sm">
<img src="assets/images/image-2.png" alt="">
</div>
</div>
<div class="col-xl-4 col-lg-4 col-md-5 offset-xl-0 offset-lg-2 col-sm-6 col-7">
<div class="img-block-lg">
<div class="discount-block">
<div class="block">
<h3 class="color-white">50%</h3>
<h4 class="color-white">Discount</h4>
</div>
</div>
<img src="assets/images/hero-image.png" alt="">
</div>
</div>
</div>
<div class="our-community">
<div class="community-block">
<h6>Our Community</h6>
<div class="community-img">
<img src="assets/images/com-1.png" alt="">
<img src="assets/images/com-2.png" alt="">
<img src="assets/images/com-3.png" alt="">
<img src="assets/images/com-4.png" alt="">
</div>
</div>
<div class="downloads">
<h2 class="color-primary">20K+</h2>
<h6>Books Download</h6>
</div>
</div>
</div>
</div>
</div>
<!-- Hero-Banner End -->
<!-- Benifits Start -->
<div class="mt-40 mb-40">
<div class="container">
<div class="benifits bg-lightest-gray">
<div class="row">
<div class="col-xl-3 col-sm-6">
<div class="benifits-block mb-32 mb-xl-0">
<img src="assets/images/return.png" alt="">
<h5>Easy Return</h5>
</div>
</div>
<div class="col-xl-3 col-sm-6">
<div class="benifits-block mb-32 mb-xl-0">
<img src="assets/images/delivery.png" alt="">
<h5>Free Delivery</h5>
</div>
</div>
<div class="col-xl-3 col-sm-6">
<div class="benifits-block mb-32 mb-sm-0">
<img src="assets/images/pricing.png" alt="">
<h5>Best Price and Offer</h5>
</div>
</div>
<div class="col-xl-3 col-sm-6">
<div class="benifits-block">
<img src="assets/images/deals.png" alt="">
<h5>Great Daily Deal</h5>
</div>
</div>
</div>
</div>
</di
html+css+bootstrap实现电商网页设计，图书网购html网页设计模板 Bookstore.zip
版权申诉
2 浏览量
2024-02-27
17:58:33
上传
评论 1
收藏 15.55MB ZIP 举报
html+css+bootstrap实现电商网页设计，图书网购html网页设计模板 Bookstore.zip （221个子文件） 
bootstrap.min.css 216KB font-awesome.css 154KB app.css 118KB smart_wizard_all.min.css 19KB ionrangeslider.css 14KB css2.css 10KB slick-theme.css 4KB slick.css 2KB fa-duotone-900.eot 490KB fa-brands-400.eot 127KB
ajax-loader.gif 4KB
index.html 58KB index-2.html 53KB shop-listing.html 49KB shop-listing-grid.html 45KB shop-listing-2.html 43KB shop-listing-grid_2.html 33KB product-detail.html 29KB blog-detail.html 26KB about.html 26KB product-detail_2.html 25KB blogs.html 23KB checkout.html 21KB contact.html 19KB cart.html 19KB faqs.html 18KB signup.html 5KB login.html 5KB embed.html 2KB init_embed.js 226KB js.js 198KB jquery-3.6.3.min.js 88KB bootstrap.min.js 76KB jquery-validator.js 50KB ionrangeslider.js 45KB slick.min.js 42KB jquery.smartWizard.min.js 16KB app.js 10KB jquery.countdown.min.js 5KB jquery-appear.js 4KB
grid-img-4.png 1018KB grid-img-2.png 716KB grid-img-3.png 504KB bp-6.png 497KB bp-9.png 468KB bp-3.png 465KB bp-7.png 430KB our-story.png 409KB bp-1.png 401KB bp-2.png 373KB bp-4.png 361KB grid-img-1.png 360KB product-1.png 284KB list-img-3.png 252KB bp-8.png 244KB bp-5.png 226KB list-img-6.png 209KB book-1.png 207KB our-value.png 207KB big-image.png 195KB our-vision.png 194KB horror-main.png 154KB sign-up.png 149KB list-img-8.png 142KB list-img-11.png 132KB blog-1.png 131KB list-img-12.png 130KB blog-3.png 128KB blog-2.png 126KB list-img-5.png 121KB hero-image.png 120KB list-img-7.png 118KB list-img-2.png 114KB lower-banner-2.png 113KB book-3.png 101KB list-img-10.png 94KB group-img.png 91KB list-img-9.png 91KB book-2.png 86KB silder-image-3.png 85KB lower-banner.png 80KB list-img-4.png 78KB silder-image-9.png 78KB Phil-main.png 77KB cs-3.png 77KB silder-image-2.png 76KB silder-image-10.png 76KB deal-1.png 73KB silder-image-7.png 73KB silder-image-6.png 73KB list-img-1.png 71KB silder-image-1.png 62KB horror-2.png 61KB silder-image-8.png 59KB cs-2.png 58KB b2-4.png 57KB horror-3.png 53KB silder-image-4.png 53KB horror-4.png 51KB Phil-3.png 51KB共 221 条
- 1
- 2
- 3
资源评论
