<!DOCTYPE html>
<html lang="ar" dir="rtl" class="rtl">
<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://show.17sucai.com/preview/3/2022-06-29/%E6%9E%9C%E8%94%AC%E9%9B%B6%E9%A3%9F%E5%9C%A8%E7%BA%BF%E5%95%86%E5%BA%97/%E2%95%A3%E2%88%9A%E2%95%A9%E2%96%80%E2%94%B4%CF%80%E2%95%A9%E2%94%82%E2%95%98%E2%94%8C%E2%95%A7%E2%96%80%E2%95%94%E2%95%A0%E2%95%A1%CE%A9/static/picture/favicon.svg">
<!-- Template CSS -->
<link rel="stylesheet" href="assets/css/animate.min.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-16-6.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.2022</span></li>
</ul>
</div>
</div>
<!-- Detail Info -->
</div>
</div>
</div>
</div>
</div>
</div>
<header class="header-area header-style-1 header-style-5 header-height-2">
<div class="mobile-promotion">
<span>Grand opening, <strong>up to 15%</strong> off all items. Only <strong>3 days</strong> lef
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
【技术分析】 HTML,是一种制作万维网页面的标准语言,它消除了不同计算机之间信息交流的障碍; CSS,可以帮助把网页外观做得更加美观; JavaScript,是一种轻量级的解释型编程语言; jQuery,使用户能更方便地处理HTML documents、events、实现动画效果,并且方便地为网站提供AJAX交互; Bootstrap 是快速开发 Web 应用程序的前端工具包。它是一个 CSS,HTML 和 JS 的集合,它使用了最新的浏览器技术,给你的 Web 开发提供了时尚的版式; AJAX,创建交互式网页应用的网页开发技术。 【设计思路】 用户友好性:界面简洁直观,易于操作,减少用户的学习成本。 模块化设计:将系统功能模块化,每个模块负责一类功能,方便扩展和维护。 Responsiveness:后台管理系统应当是响应式设计,能够适配不同设备屏幕大小,包括电脑、平板和手机等。 权限控制:根据用户角色设定不同的权限,确保用户只能访问其权限范围内的功能。 数据安全:对用户数据进行加密存储、访问控制等措施,保护用户隐私和系统安全。 日志功能:记录关键操作日志,保留操作痕迹。
资源推荐
资源详情
资源评论
收起资源包目录
html+css+bootstrap实现电商-水果商城网站模板,精美的商城网站模板源码Nest.zip (329个子文件)
main.css 234KB
bootstrap.rtl.min.css 160KB
animate.min.css 70KB
cf.errors.css 23KB
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
slider-range.css 3KB
slick.css 2KB
uicons-regular-straight.eot 75KB
loading.gif 24KB
index-5.html 447KB
index.html 439KB
index-2.html 428KB
index-4.html 426KB
index-3.html 407KB
shop-grid-right.html 175KB
vendor-details-1.html 172KB
shop-grid-left.html 172KB
index-6.html 170KB
shop-filter.html 168KB
shop-fullwidth.html 163KB
shop-product-vendor.html 148KB
vendor-dashboard.html 147KB
shop-product-left.html 142KB
shop-product-right.html 141KB
shop-product-full.html 128KB
shop-checkout.html 126KB
vendors-grid.html 126KB
vendor-details-2.html 122KB
shop-list-left.html 122KB
shop-list-right.html 122KB
blog-category-grid.html 109KB
page-privacy-policy.html 105KB
shop-cart.html 103KB
blog-post-left.html 102KB
blog-post-right.html 102KB
blog-category-fullwidth.html 101KB
vendors-list.html 100KB
blog-category-list.html 99KB
page-about.html 84KB
page-account.html 84KB
shop-wishlist.html 84KB
blog-post-fullwidth.html 82KB
blog-category-big.html 82KB
page-terms.html 82KB
shop-compare.html 81KB
page-purchase-guide.html 80KB
page-contact.html 77KB
vendor-guide.html 76KB
page-register.html 75KB
page-login.html 71KB
page-forgot-password.html 71KB
page-reset-password.html 70KB
page-404.html 70KB
page-forgot-password.html 63KB
page-reset-password.html 62KB
shop-invoice-3.html 16KB
shop-invoice-1.html 15KB
shop-invoice-2.html 15KB
shop-invoice-6.html 13KB
shop-invoice-4.html 13KB
shop-invoice-5.html 11KB
email-protection.html 4KB
home-6-bg.jpg 781KB
product-10-2.jpg 115KB
product-10-1.jpg 103KB
product-16-7.jpg 99KB
product-15-1.jpg 91KB
product-16-6.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
header-bg-2.jpg 73KB
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
共 329 条
- 1
- 2
- 3
- 4
资源评论
枫蜜柚子茶
- 粉丝: 6242
- 资源: 4607
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功