<!DOCTYPE html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
<title>Nest - Multipurpose eCommerce HTML Template</title>
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Favicon -->
<link rel="shortcut icon" type="image/x-icon" href="https://www.17sucai.com/2021/9/748ip11321/assets/imgs/theme/favicon.svg">
<!-- Template CSS -->
<link rel="stylesheet" href="assets/css/main.css">
</head>
<body>
<!-- Quick view -->
<div class="modal fade custom-modal" id="quickViewModal" tabindex="-1" aria-labelledby="quickViewModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
<div class="modal-body">
<div class="row">
<div class="col-md-6 col-sm-12 col-xs-12 mb-md-0 mb-sm-5">
<div class="detail-gallery">
<span class="zoom-icon"><i class="fi-rs-search"></i></span>
<!-- MAIN SLIDES -->
<div class="product-image-slider">
<figure class="border-radius-10">
<img src="assets/picture/product-16-2.jpg" alt="product image">
</figure>
<figure class="border-radius-10">
<img src="assets/picture/product-16-1.jpg" alt="product image">
</figure>
<figure class="border-radius-10">
<img src="assets/picture/product-16-3.jpg" alt="product image">
</figure>
<figure class="border-radius-10">
<img src="assets/picture/product-16-4.jpg" alt="product image">
</figure>
<figure class="border-radius-10">
<img src="assets/picture/product-16-5.jpg" alt="product image">
</figure>
<figure class="border-radius-10">
<img src="assets/picture/product-5-1.jpg" alt="product image">
</figure>
<figure class="border-radius-10">
<img src="assets/picture/product-16-7.jpg" alt="product image">
</figure>
</div>
<!-- THUMBNAILS -->
<div class="slider-nav-thumbnails">
<div><img src="assets/picture/thumbnail-3.jpg" alt="product image"></div>
<div><img src="assets/picture/thumbnail-4.jpg" alt="product image"></div>
<div><img src="assets/picture/thumbnail-5.jpg" alt="product image"></div>
<div><img src="assets/picture/thumbnail-6.jpg" alt="product image"></div>
<div><img src="assets/picture/thumbnail-7.jpg" alt="product image"></div>
<div><img src="assets/picture/thumbnail-8.jpg" alt="product image"></div>
<div><img src="assets/picture/thumbnail-9.jpg" alt="product image"></div>
</div>
</div>
<!-- End Gallery -->
</div>
<div class="col-md-6 col-sm-12 col-xs-12">
<div class="detail-info pr-30 pl-30">
<span class="stock-status out-stock">
Sale Off
</span>
<h3 class="title-detail"><a href="shop-product-right.html" class="text-heading">Seeds of Change Organic Quinoa, Brown</a></h3>
<div class="product-detail-rating">
<div class="product-rate-cover text-end">
<div class="product-rate d-inline-block">
<div class="product-rating" style="width:90%">
</div>
</div>
<span class="font-small ml-5 text-muted"> (32 reviews)</span>
</div>
</div>
<div class="clearfix product-price-cover">
<div class="product-price primary-color float-left">
<span class="current-price text-brand">$38</span>
<span>
<span class="save-price font-md color3 ml-15">26% Off</span>
<span class="old-price font-md ml-15">$52</span>
</span>
</div>
</div>
<div class="detail-extralink mb-30">
<div class="detail-qty border radius">
<a href="#" class="qty-down"><i class="fi-rs-angle-small-down"></i></a>
<span class="qty-val">1</span>
<a href="#" class="qty-up"><i class="fi-rs-angle-small-up"></i></a>
</div>
<div class="product-extra-link2">
<button type="submit" class="button button-add-to-cart"><i class="fi-rs-shopping-cart"></i>Add to cart</button>
</div>
</div>
<div class="font-xs">
<ul>
<li class="mb-5">Vendor: <span class="text-brand">Nest</span></li>
<li class="mb-5">MFG:<span class="text-brand"> Jun 4.2021</span></li>
</ul>
</div>
</div>
<!-- Detail Info -->
</div>
</div>
</div>
</div>
</div>
</div>
<header class="header-area header-style-1 header-height-2">
<div class="mobile-promotion"><span>Grand opening, <strong>up to 15%</strong> off all items. Only <strong>3 days</strong> left</span></div>
<div class="header-middle header-middle-ptb-1 d-none d-lg-block">
<div class="container">
<div class="header-wrap">
<div class="logo logo-width-1">
<a href="index.html"><img src="assets/picture/logo.svg" alt="logo"></a>
</div>
<div class="header-right">
<div class="search-style-2">
<form action="#">
<select class="select-active">
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
【技术分析】 HTML,是一种制作万维网页面的标准语言,它消除了不同计算机之间信息交流的障碍; CSS,可以帮助把网页外观做得更加美观; JavaScript,是一种轻量级的解释型编程语言; jQuery,使用户能更方便地处理HTML documents、events、实现动画效果,并且方便地为网站提供AJAX交互; Bootstrap 是快速开发 Web 应用程序的前端工具包。它是一个 CSS,HTML 和 JS 的集合,它使用了最新的浏览器技术,给你的 Web 开发提供了时尚的版式; AJAX,创建交互式网页应用的网页开发技术。 【设计思路】 用户友好性:界面简洁直观,易于操作,减少用户的学习成本。 模块化设计:将系统功能模块化,每个模块负责一类功能,方便扩展和维护。 Responsiveness:后台管理系统应当是响应式设计,能够适配不同设备屏幕大小,包括电脑、平板和手机等。 权限控制:根据用户角色设定不同的权限,确保用户只能访问其权限范围内的功能。 数据安全:对用户数据进行加密存储、访问控制等措施,保护用户隐私和系统安全。 日志功能:记录关键操作日志,保留操作痕迹。
资源推荐
资源详情
资源评论
收起资源包目录
html+css+bootstrap实现电商-食品网页设计模板,美食网站html源代码Nest.zip (251个子文件)
main.css 210KB
bootstrap.min.css 150KB
jquery-ui.css 32KB
uicons-regular-straight.css 18KB
leaflet.css 14KB
select2.min.css 10KB
css2.css 6KB
normalize.css 6KB
magnific-popup.css 5KB
perfect-scrollbar.css 3KB
slick.css 2KB
loading.gif 24KB
index-2.html 394KB
index.html 393KB
index-4.html 390KB
index-3.html 372KB
shop-grid-left.html 148KB
shop-grid-right.html 148KB
shop-filter.html 145KB
shop-fullwidth.html 141KB
shop-product-left.html 118KB
shop-product-right.html 117KB
shop-checkout.html 114KB
shop-product-full.html 106KB
shop-list-left.html 101KB
shop-list-right.html 101KB
shop-cart.html 91KB
blog-category-grid.html 89KB
page-privacy-policy.html 85KB
blog-category-fullwidth.html 82KB
blog-post-left.html 81KB
blog-post-right.html 81KB
blog-category-list.html 79KB
blog-post-fullwidth.html 69KB
page-account.html 67KB
shop-wishlist.html 67KB
page-about.html 65KB
blog-category-big.html 64KB
page-terms.html 64KB
shop-compare.html 63KB
page-purchase-guide.html 62KB
page-contact.html 60KB
page-register.html 57KB
page-login.html 55KB
page-404.html 52KB
product-10-2.jpg 115KB
product-10-1.jpg 103KB
product-16-7.jpg 99KB
product-15-1.jpg 91KB
product-5-1.jpg 90KB
product-3-2.jpg 88KB
product-6-2.jpg 87KB
product-16-4.jpg 85KB
product-9-2.jpg 83KB
product-1-2.jpg 79KB
product-3-1.jpg 77KB
product-9-1.jpg 77KB
product-1-1.jpg 75KB
product-4-2.jpg 75KB
product-16-2.jpg 73KB
product-6-1.jpg 73KB
product-12-1.jpg 71KB
product-16-3.jpg 70KB
product-7-2.jpg 70KB
product-12-2.jpg 70KB
product-15-2.jpg 69KB
product-7-1.jpg 65KB
product-14-1.jpg 63KB
product-2-2.jpg 63KB
thumbnail-6.jpg 62KB
product-16-5.jpg 58KB
product-16-1.jpg 58KB
product-4-1.jpg 57KB
product-2-1.jpg 55KB
product-14-2.jpg 52KB
product-11-2.jpg 45KB
product-11-1.jpg 45KB
product-8-1.jpg 40KB
thumbnail-10.jpg 34KB
product-8-2.jpg 33KB
product-13-2.jpg 33KB
product-13-1.jpg 32KB
thumbnail-8.jpg 31KB
app-store.jpg 29KB
google-play.jpg 29KB
thumbnail-1.jpg 28KB
thumbnail-12.jpg 28KB
thumbnail-7.jpg 25KB
thumbnail-5.jpg 24KB
thumbnail-9.jpg 23KB
thumbnail-11.jpg 21KB
thumbnail-4.jpg 16KB
thumbnail-3.jpg 15KB
thumbnail-2.jpg 14KB
jquery-ui.js 248KB
leaflet.js 139KB
jquery-3.6.0.min.js 87KB
bootstrap.bundle.min.js 78KB
select2.min.js 65KB
jquery.elevatezoom.js 57KB
共 251 条
- 1
- 2
- 3
资源评论
枫蜜柚子茶
- 粉丝: 6792
- 资源: 5104
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功