<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><meta name="description" content=""><title>Zonan - eCommerce Bootstrap 5 Template</title><link rel="stylesheet" href="assets/css/vendor.min.css"><link rel="stylesheet" href="assets/css/plugins.min.css"><link rel="stylesheet" href="assets/css/style.min.css"></head><body><div class="offcanvas-overlay"></div><div id="offcanvas-mobile-menu" class="offcanvas theme1 offcanvas-mobile-menu"><div class="inner"><div class="border-bottom mb-4 pb-4 text-right"><button class="offcanvas-close">×</button></div><div class="offcanvas-head mb-4"><nav class="offcanvas-top-nav"><ul class="d-flex justify-content-center align-items-center"><li class="mx-3"><a href="compare.html"><i class="ion-ios-loop-strong"></i>Compare <span>(0)</span></a></li><li class="mx-3"><a href="wishlist.html"><i class="ion-android-favorite-outline"></i>Wishlist <span>(0)</span></a></li></ul></nav></div><nav class="offcanvas-menu"><ul><li><a href="#"><span class="menu-text">Home</span></a><ul class="offcanvas-submenu"><li><a href="index.html">Home 1</a></li><li><a href="">Home 2</a></li><li><a href="index-3.html">Home 3</a></li></ul></li><li><a href="#"><span class="menu-text">Shop</span></a><ul class="offcanvas-submenu"><li><a href="#"><span class="menu-text">Shop Grid</span></a><ul class="offcanvas-submenu"><li><a href="shop-grid-3-column.html">Shop Grid 3 Column</a></li><li><a href="shop-grid-4-column.html">Shop Grid 4 Column</a></li><li><a href="shop-grid-left-sidebar.html">Shop Grid Left Sidebar</a></li><li><a href="shop-grid-right-sidebar.html">Shop Grid Right Sidebar</a></li></ul></li><li><a href="#"><span class="menu-text">Shop List</span></a><ul class="offcanvas-submenu"><li><a href="shop-grid-list.html">Shop List</a></li><li><a href="shop-grid-list-left-sidebar.html">Shop List Left Sidebar</a></li><li><a href="shop-grid-list-right-sidebar.html">Shop List Right Sidebar</a></li></ul></li><li><a href="#"><span class="menu-text">Shop Single</span></a><ul class="offcanvas-submenu"><li><a class="d-block" href="single-product.html">Shop Single</a></li><li><a href="single-product-configurable.html">Shop Variable</a></li><li><a href="single-product-affiliate.html">Shop Affiliate</a></li><li><a href="single-product-group.html">Shop Group</a></li></ul></li><li><a href="#"><span class="menu-text">other pages</span></a><ul class="offcanvas-submenu"><li><a href="about-us.html">About Page</a></li><li><a href="cart.html">Cart Page</a></li><li><a href="checkout.html">Checkout Page</a></li><li><a href="compare.html">Compare Page</a></li><li><a href="login.html">Login &Register Page</a></li><li><a href="myaccount.html">Account Page</a></li><li><a href="wishlist.html">Wishlist Page</a></li></ul></li></ul></li><li><a href="#"><span class="menu-text">Pages</span></a><ul class="offcanvas-submenu"><li><a href="about-us.html">About Page</a></li><li><a href="cart.html">Cart Page</a></li><li><a href="checkout.html">Checkout Page</a></li><li><a href="compare.html">Compare Page</a></li><li><a href="login.html">Login &Register Page</a></li><li><a href="myaccount.html">Account Page</a></li><li><a href="wishlist.html">Wishlist Page</a></li></ul></li><li><a href="#"><span class="menu-text">Blog</span></a><ul class="offcanvas-submenu"><li><a href="#"><span class="menu-text">Blog Grid</span></a><ul class="offcanvas-submenu"><li><a href="blog-grid-3-column.html">Blog Grid 3 column</a></li><li><a href="blog-grid-4-column.html">Blog Grid 4 column</a></li><li><a href="blog-grid-left-sidebar.html">Blog Grid Left Sidebar</a></li><li><a href="blog-grid-right-sidebar.html">Blog Grid Right Sidebar</a></li></ul></li><li><a href="#"><span class="menu-text">Blog List</span></a><ul class="offcanvas-submenu"><li><a href="blog-list-left-sidebar.html">Blog List Left Sidebar</a></li><li><a href="blog-list-right-sidebar.html">Blog List Right Sidebar</a></li></ul></li><li><a href="#"><span class="menu-text">Blog Single</span></a><ul class="offcanvas-submenu"><li><a href="single-blog.html">Single Blog</a></li><li><a href="blog-single-left-sidebar.html">Blog Single Left Sidebar</a></li><li><a href="blog-single-right-sidebar.html">Blog Single Right Sidbar</a></li></ul></li></ul></li><li><a href="contact.html">Contact Us</a></li></ul></nav><div class="offcanvas-social py-30"><ul><li><a href="#"><i class="icon-social-facebook"></i></a></li><li><a href="#"><i class="icon-social-twitter"></i></a></li><li><a href="#"><i class="icon-social-instagram"></i></a></li><li><a href="#"><i class="icon-social-google"></i></a></li><li><a href="#"><i class="icon-social-instagram"></i></a></li></ul></div></div></div><div id="offcanvas-wishlist" class="offcanvas offcanvas-wishlist theme1"><div class="inner"><div class="head d-flex flex-wrap justify-content-between"><span class="title">Wishlist</span><button class="offcanvas-close">×</button></div><ul class="minicart-product-list"><li><a href="single-product.html" class="image"><img src="assets/picture/4.jpg" alt="Cart product Image"></a><div class="content"><a href="single-product.html" class="title">Walnut Cutting Board</a><span class="quantity-price">1 x <span class="amount">$100.00</span></span><a href="#" class="remove">×</a></div></li><li><a href="single-product.html" class="image"><img src="assets/picture/5.jpg" alt="Cart product Image"></a><div class="content"><a href="single-product.html" class="title">Lucky Wooden Elephant</a><span class="quantity-price">1 x <span class="amount">$35.00</span></span><a href="#" class="remove">×</a></div></li><li><a href="single-product.html" class="image"><img src="assets/picture/6.jpg" alt="Cart product Image"></a><div class="content"><a href="single-product.html" class="title">Fish Cut Out Set</a><span class="quantity-price">1 x <span class="amount">$9.00</span></span><a href="#" class="remove">×</a></div></li></ul><a href="wishlist.html" class="btn theme--btn1 btn--lg text-uppercase d-block d-sm-inline-block mt-30">view wishlist</a></div></div><div id="offcanvas-cart" class="offcanvas offcanvas-cart theme1"><div class="inner"><div class="head d-flex flex-wrap justify-content-between"><span class="title">Cart</span><button class="offcanvas-close">×</button></div><ul class="minicart-product-list"><li><a href="single-product.html" class="image"><img src="assets/picture/1.jpg" alt="Cart product Image"></a><div class="content"><a href="single-product.html" class="title">Walnut Cutting Board</a><span class="quantity-price">1 x <span class="amount">$100.00</span></span><a href="#" class="remove">×</a></div></li><li><a href="single-product.html" class="image"><img src="assets/picture/2.jpg" alt="Cart product Image"></a><div class="content"><a href="single-product.html" class="title">Lucky Wooden Elephant</a><span class="quantity-price">1 x <span class="amount">$35.00</span></span><a href="#" class="remove">×</a></div></li><li><a href="single-product.html" class="image"><img src="assets/picture/3.jpg" alt="Cart product Image"></a><div class="content"><a href="single-product.html" class="title">Fish Cut Out Set</a><span class="quantity-price">1 x <span class="amount">$9.00</span></span><a href="#" class="remove">×</a></div></li></ul><div class="sub-total d-flex flex-wrap justify-content-between"><strong>Subtotal:</strong><span class="amount">$144.00</span></div><a href="cart.html" class="btn theme--btn1 btn--lg text-uppercase d-block d-sm-inline-block mr-sm-2">view cart</a><a href="checkout.html" class="btn theme--btn1 btn--lg text-uppercase d-block d-sm-inline-block mt-4 mt-sm-0">checkout</a><p class="minicart-message">Free Shipping on All Orders Over $100!</p></div></div><div id="offcanvas-setting" class="offcanvas offcanvas-cart theme1"><div class="inner"><div class="head d-flex justify-content-between"><span class="title">Setting</span><button class="offcanvas-close">×</bu
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
【技术分析】 HTML,是一种制作万维网页面的标准语言,它消除了不同计算机之间信息交流的障碍; CSS,可以帮助把网页外观做得更加美观; JavaScript,是一种轻量级的解释型编程语言; jQuery,使用户能更方便地处理HTML documents、events、实现动画效果,并且方便地为网站提供AJAX交互; Bootstrap 是快速开发 Web 应用程序的前端工具包。它是一个 CSS,HTML 和 JS 的集合,它使用了最新的浏览器技术,给你的 Web 开发提供了时尚的版式; AJAX,创建交互式网页应用的网页开发技术。 【设计思路】 用户友好性:界面简洁直观,易于操作,减少用户的学习成本。 模块化设计:将系统功能模块化,每个模块负责一类功能,方便扩展和维护。 Responsiveness:后台管理系统应当是响应式设计,能够适配不同设备屏幕大小,包括电脑、平板和手机等。 权限控制:根据用户角色设定不同的权限,确保用户只能访问其权限范围内的功能。 数据安全:对用户数据进行加密存储、访问控制等措施,保护用户隐私和系统安全。 日志功能:记录关键操作日志,保留操作痕迹。
资源推荐
资源详情
资源评论
收起资源包目录
html+css+bootstrap-化妆品电子商城css代码,美妆网页设计模板必备Zonan.zip (189个子文件)
vendor.min.css 288KB
style.min.css 81KB
plugins.min.css 59KB
css2.css 17KB
fa-solid-900.eot 188KB
fa-brands-400.eot 127KB
ionicons.eot 118KB
Simple-Line-Icons.eot 53KB
fa-regular-400.eot 34KB
index-2.html 76KB
shop-grid-left-sidebar.html 76KB
shop-grid-list-left-sidebar.html 76KB
shop-grid-right-sidebar.html 76KB
shop-grid-list-right-sidebar.html 76KB
index.html 76KB
shop-grid-list.html 71KB
shop-grid-3-column.html 71KB
shop-grid-4-column.html 70KB
index-3.html 64KB
single-product-group.html 54KB
single-product-configurable.html 53KB
single-product-affiliate.html 53KB
single-product.html 52KB
blog-list-left-sidebar.html 29KB
blog-list-right-sidebar.html 29KB
blog-grid-right-sidebar.html 29KB
blog-grid-left-sidebar.html 29KB
checkout.html 28KB
blog-grid-3-column.html 26KB
blog-grid-4-column.html 26KB
blog-single-left-sidebar.html 24KB
blog-single-right-sidebar.html 24KB
single-blog.html 23KB
myaccount.html 23KB
cart.html 22KB
wishlist.html 22KB
contact.html 20KB
about-us.html 20KB
compare.html 20KB
login.html 19KB
1.jpg 123KB
slide5.jpg 92KB
large-blog.jpg 87KB
slide3.jpg 81KB
11.jpg 70KB
slide2.jpg 69KB
slide1.jpg 56KB
slide4.jpg 52KB
slide6.jpg 47KB
31.jpg 41KB
53.jpg 35KB
23.jpg 33KB
21.jpg 30KB
3.11.jpg 29KB
1.1.jpg 29KB
8.jpg 28KB
33.jpg 28KB
14.jpg 25KB
5.jpg 24KB
4.jpg 22KB
24.jpg 22KB
44.jpg 21KB
6.jpg 21KB
51.jpg 19KB
41.jpg 18KB
42.jpg 18KB
7.1.jpg 17KB
22.jpg 17KB
5.1.jpg 17KB
82.jpg 16KB
16.jpg 16KB
13.jpg 15KB
3.jpg 15KB
10.jpg 15KB
2.12.jpg 15KB
52.jpg 15KB
4.1.jpg 15KB
71.jpg 15KB
1.jpg 15KB
2.1.jpg 15KB
8.1.jpg 15KB
34.jpg 15KB
9.jpg 14KB
81.jpg 14KB
2.jpg 14KB
2.11.jpg 14KB
12.jpg 14KB
43.jpg 13KB
32.jpg 13KB
1.11.jpg 12KB
3.1.jpg 11KB
61.jpg 11KB
7.jpg 10KB
15.jpg 9KB
4.11.jpg 8KB
stodio.jpg 5KB
slide7.jpg 3KB
logo-dark.jpg 1KB
avatar.jpg 864B
france.jpg 555B
共 189 条
- 1
- 2
资源评论
枫蜜柚子茶
- 粉丝: 7295
- 资源: 5100
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 基于C++的二叉排序树(免费提供源码)
- demo(1).zip
- 网页版扫雷image文件
- matlab+数据预处理+ARIMA预测+异常值+检测+适用于各种类型的数据集
- mubanyuanshizhan-0604-24
- Python旅游数据爬虫及可视化展示源码
- 基于MFC恶意PE,Android签名流检测系统框架 vs2022 + c/c++ + mfc + PE + APK
- 基于MFC恶意文件检测系统 框架 vs2022 + c/c++ + hook + PE + inject + 动态调试工具Imm
- 基于MFC恶意文件检测系统框架 vs2022 + c/c++ + hook + PE + inject + 动态调试工具Imm
- 八路抢答器电子工艺实习报告
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功