<!doctype html><html lang="en"><head><title>EG Shop - Grocery eCommerce HTML Template</title><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" href="assets/css/all.css"><link rel="stylesheet" href="assets/css/boxicons.min.css"><link rel="stylesheet" href="assets/css/bootstrap.min.css"><link rel="stylesheet" href="assets/css/bootstrap-icons.css"><link rel="stylesheet" href="assets/css/line-awesome.css"><link rel="stylesheet" href="assets/css/slick-theme.css"><link rel="stylesheet" href="assets/css/slick.css"><link rel="stylesheet" href="assets/css/nice-select.css"><link rel="stylesheet" href="assets/css/magnific-popup.css"><link rel="stylesheet" href="assets/css/style.css"></head><body><div class="mobile-search"><div class="container"><div class="row"><div class="col-11"><label>What are you lookking for?</label><input type="text" placeholder="Search Products, Category, Brand"></div><div class="col-1 d-flex justify-content-end align-items-center"><div class="search-cross-btn"><i class="las la-times"></i></div></div></div></div></div><div class="main-cart-sidebar"><div class="cart-top mb-50"><div class="cart-close-icon"><i class="las la-times"></i></div><ul class="cart-product-grid"><li class="single-cart-product d-flex justify-content-between align-items-center"><div class="cart-product-info d-flex justify-content-start align-items-center"><div class="product-img"><img src="assets/picture/guava3.png" alt="" class="img-fluid"></div><div class="product-info"><a href="product-details.html"><h5 class="product-title">Guava</h5></a><ul class="product-review"><li><i class="bi bi-star-fill"></i></li><li><i class="bi bi-star-fill"></i></li><li><i class="bi bi-star-fill"></i></li><li><i class="bi bi-star-fill"></i></li><li><i class="bi bi-star-fill"></i></li></ul><p class="product-price"><span>1</span>x <span class="p-price">$10.32</span></p></div></div><div class="cart-product-delete-btn"><a href="javascript:void(0)"><i class="las la-times"></i></a></div></li><li class="single-cart-product d-flex justify-content-between align-items-center"><div class="cart-product-info d-flex justify-content-start align-items-center"><div class="product-img"><img src="assets/picture/product-sm3.png" alt="" class="img-fluid"></div><div class="product-info"><a href="product-details.html"><h5 class="product-title">Nut</h5></a><ul class="product-review"><li><i class="bi bi-star-fill"></i></li><li><i class="bi bi-star-fill"></i></li><li><i class="bi bi-star-fill"></i></li><li><i class="bi bi-star-fill"></i></li><li><i class="bi bi-star-fill"></i></li></ul><p class="product-price"><span>1</span>x <span class="p-price">$10.32</span></p></div></div><div class="cart-product-delete-btn"><a href="javascript:void(0)"><i class="las la-times"></i></a></div></li><li class="single-cart-product d-flex justify-content-between align-items-center"><div class="cart-product-info d-flex justify-content-start align-items-center"><div class="product-img"><img src="assets/picture/product-sm16.png" alt="" class="img-fluid"></div><div class="product-info"><a href="product-details.html"><h5 class="product-title">Strwberry</h5></a><ul class="product-review"><li><i class="bi bi-star-fill"></i></li><li><i class="bi bi-star-fill"></i></li><li><i class="bi bi-star-fill"></i></li><li><i class="bi bi-star-fill"></i></li><li><i class="bi bi-star-fill"></i></li></ul><p class="product-price"><span>1</span>x <span class="p-price">$10.32</span></p></div></div><div class="cart-product-delete-btn"><a href="javascript:void(0)"><i class="las la-times"></i></a></div></li></ul></div><div class="cart-bottom"><div class="cart-total d-flex justify-content-between"><label>Subtotal:</label><span>$64.08</span></div><div class="cart-btns mb-4"><a href="checkout.html" class="lg--btn primary--btn w-100 text-center mb-4">CHECKOUT</a><a href="cart.html" class="primary--btn2 lg--btn w-100 text-center">VIEW CART</a></div><p class="cart-shipping-text"><strong>SHIPPING:</strong>Continue shopping up to $64.08 and receive free shipping. stay with EG </p></div></div><div class="category-sidebar "><div class="category-sidebar-wrapper category-active"><div class="category-seidebar-top"><h4>All category</h4><div class="category-close"><i class="las la-arrow-left"></i></div></div><div class="accordion" id="categoryExample"><div class="accordion-item"><h2 class="accordion-header" id="categoryHeading1"><button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#categoryOne" aria-expanded="false" aria-controls="categoryOne"><img src="assets/picture/side-cat1.svg" alt="">Fruits & Vegetables </button></h2><div id="categoryOne" class="accordion-collapse collapse" aria-labelledby="categoryHeading1" data-bs-parent="#categoryExample"><div class="accordion-body"><ul class="sb-category-list"><li><a href="product.html">Apple</a><span class="product-amount">(10)</span></li><li><a href="product.html">Banana</a><span class="product-amount">(22)</span></li><li><a href="product.html">Grapes</a><span class="product-amount">(08)</span></li><li><a href="product.html">Straw berry</a><span class="product-amount">(41)</span></li><li><a href="product.html">Pineapple</a><span class="product-amount">(15)</span></li></ul></div></div></div><div class="accordion-item"><h2 class="accordion-header" id="categoryHeading2"><button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#categoryTwo" aria-expanded="false" aria-controls="categoryTwo"><img src="assets/picture/side-cat2.svg" alt="">Meat & Fish </button></h2><div id="categoryTwo" class="accordion-collapse collapse" aria-labelledby="categoryHeading2" data-bs-parent="#categoryExample"><div class="accordion-body"><ul class="sb-category-list"><li><a href="product.html">Labm</a><span class="product-amount">(10)</span></li><li><a href="product.html">Beef</a><span class="product-amount">(22)</span></li><li><a href="product.html">Mutton</a><span class="product-amount">(08)</span></li></ul></div></div></div><div class="accordion-item"><h2 class="accordion-header" id="categoryHeading3"><button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#categoryThree" aria-expanded="false" aria-controls="categoryThree"><img src="assets/picture/side-cat3.svg" alt="">Dairy Food </button></h2><div id="categoryThree" class="accordion-collapse collapse" aria-labelledby="categoryHeading3" data-bs-parent="#categoryExample"><div class="accordion-body"><ul class="sb-category-list"><li><a href="product.html">Milk Powder</a><span class="product-amount">(10)</span></li><li><a href="product.html">Cheese</a><span class="product-amount">(22)</span></li><li><a href="product.html">Yougurt</a><span class="product-amount">(08)</span></li><li><a href="product.html">Butter</a><span class="product-amount">(41)</span></li><li><a href="product.html">Ghost Mannequin Black Hoodie</a><span class="product-amount">(15)</span></li></ul></div></div></div><div class="accordion-item"><h2 class="accordion-header" id="categoryHeading4"><button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#categoryFour" aria-expanded="false" aria-controls="categoryFour"><img src="assets/picture/side-cat4.svg" alt="">Snacks & Beverage </button></h2><div id="categoryFour" class="accordion-collapse collapse" aria-labelledby="categoryHeading4" data-bs-parent="#categoryExample"><div class="accordion-body"><ul class="sb-category-list"><li><a href="product.html">Cold Drinks</a><span class="product-amount">(10)</span></li><li><a href="product.html">Fast food</a><span class="product-amount">(22)</span></li><li><a href="product.html">Chips</a><span class="product-amount">(08)</span></li><li><a href="product.html">Sauce</a><span class="product-amount">(41)</span></li><li><a href="product.html">Coffee</a><span class="product-amount">(15)</span></li></ul></div></div></div><div cl
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
【技术分析】 HTML,是一种制作万维网页面的标准语言,它消除了不同计算机之间信息交流的障碍; CSS,可以帮助把网页外观做得更加美观; JavaScript,是一种轻量级的解释型编程语言; jQuery,使用户能更方便地处理HTML documents、events、实现动画效果,并且方便地为网站提供AJAX交互; Bootstrap 是快速开发 Web 应用程序的前端工具包。它是一个 CSS,HTML 和 JS 的集合,它使用了最新的浏览器技术,给你的 Web 开发提供了时尚的版式; AJAX,创建交互式网页应用的网页开发技术。 【设计思路】 用户友好性:界面简洁直观,易于操作,减少用户的学习成本。 模块化设计:将系统功能模块化,每个模块负责一类功能,方便扩展和维护。 Responsiveness:后台管理系统应当是响应式设计,能够适配不同设备屏幕大小,包括电脑、平板和手机等。 权限控制:根据用户角色设定不同的权限,确保用户只能访问其权限范围内的功能。 数据安全:对用户数据进行加密存储、访问控制等措施,保护用户隐私和系统安全。 日志功能:记录关键操作日志,保留操作痕迹。
资源推荐
资源详情
资源评论
收起资源包目录
html+css+bootstrap-超市电商网站模板设计,优质的网页设计电商网站代码EG shop.zip (223个子文件)
bootstrap.min.css 152KB
style.css 104KB
line-awesome.css 88KB
boxicons.min.css 62KB
bootstrap-icons.css 56KB
all.css 51KB
css2.css 51KB
css21.css 32KB
jquery-ui.css 30KB
magnific-popup.css 5KB
nice-select.css 3KB
odometer.css 3KB
slick-theme.css 2KB
slick.css 1KB
boxicons.eot 286KB
la-solid-900.eot 221KB
fa-solid-9001.eot 193KB
la-brands-400.eot 153KB
fa-brands-4001.eot 123KB
fa-regular-4001.eot 40KB
la-regular-400.eot 33KB
slick.eot 2KB
home2.html 114KB
index.html 105KB
product-sidebar.html 37KB
product.html 35KB
product-details.html 24KB
blog-details.html 22KB
faq.html 22KB
account.html 20KB
checkout.html 17KB
about.html 17KB
blog-standard.html 17KB
blog-grid.html 16KB
login.html 15KB
cart.html 15KB
contact.html 14KB
error.html 12KB
inner-banner.jpg 297KB
main-offerbg.jpg 223KB
home-2banner.jpg 113KB
home-2banner.jpg 113KB
blogd1.jpg 86KB
offer-banner-2.jpg 86KB
abt-video.jpg 82KB
banner3.jpg 74KB
banner3.jpg 74KB
offer-banner3.jpg 72KB
about-bg.jpg 61KB
video-bg.jpg 54KB
blogs3.jpg 52KB
blogs1.jpg 52KB
blogs2.jpg 36KB
offer-banner1.jpg 32KB
blg-grid4.jpg 26KB
blg-grid5.jpg 25KB
blg-grid7.jpg 22KB
blg-grid6.jpg 21KB
blg-grid1.jpg 19KB
blg-grid2.jpg 17KB
blg-grid3.jpg 14KB
big-apple.jpg 12KB
profile-img.jpg 8KB
red-beat.jpg 3KB
commnt2.jpg 3KB
commnt1.jpg 3KB
jquery-ui.js 280KB
jquery-3.6.0.min.js 89KB
bootstrap.bundle.min.js 77KB
slick.js 44KB
jquery.magnific-popup.min.js 20KB
main.js 14KB
odometer.min.js 10KB
jquery.nice-select.js 3KB
viewport.jquery.js 618B
xl-banner1.png 462KB
blog-h.png 123KB
red-beat2.png 105KB
guava3.png 101KB
banner-g3.png 72KB
blog-h3-3.png 71KB
blog-h3-1.png 67KB
banner-g2.png 60KB
banner-g1.png 53KB
blog-h3-4.png 48KB
offer-bg2.png 48KB
blog-h3-2.png 42KB
offer-bg.png 38KB
blog-m1.png 17KB
product-sm5.png 16KB
product-sm7.png 14KB
product-sm3.png 14KB
product-sm16.png 14KB
nuts.png 14KB
banner-product.png 13KB
product-sm2.png 13KB
veg.png 12KB
pomegra.png 12KB
blog-m2.png 12KB
straw.png 11KB
共 223 条
- 1
- 2
- 3
资源评论
枫蜜柚子茶
- 粉丝: 9019
- 资源: 5351
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功