<!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, shrink-to-fit=9"><meta name="description" content="Gambolthemes"><meta name="author" content="Gambolthemes"><title>Gambo - Index</title><link href="assets/css/css2.css" rel="stylesheet"><link href='assets/css/unicons.css' rel='stylesheet'><link href="assets/css/style.css" rel="stylesheet"><link href="assets/css/responsive.css" rel="stylesheet"><link href="assets/css/night-mode.css" rel="stylesheet"><link href="assets/css/all.min.css" rel="stylesheet"><link href="assets/css/owl.carousel.css" rel="stylesheet"><link href="assets/css/owl.theme.default.min.css" rel="stylesheet"><link href="assets/css/bootstrap.min.css" rel="stylesheet"><link rel="stylesheet" type="text/css" href="assets/css/semantic.min.css"></head><body><div id="category_model" class="header-cate-model main-gambo-model modal fade" tabindex="-1" role="dialog" aria-modal="false"><div class="modal-dialog category-area" role="document"><div class="category-area-inner"><div class="modal-header"><button type="button" class="close btn-close" data-dismiss="modal" aria-label="Close"><i class="uil uil-multiply"></i></button></div><div class="category-model-content modal-content"><div class="cate-header"><h4>Select Category</h4></div><ul class="category-by-cat"><li><a href="#" class="single-cat-item"><div class="icon"><img src="assets/picture/icon-1.svg" alt=""></div><div class="text">Fruits and Vegetables </div></a></li><li><a href="#" class="single-cat-item"><div class="icon"><img src="assets/picture/icon-2.svg" alt=""></div><div class="text">Grocery & Staples </div></a></li><li><a href="#" class="single-cat-item"><div class="icon"><img src="assets/picture/icon-3.svg" alt=""></div><div class="text">Dairy & Eggs </div></a></li><li><a href="#" class="single-cat-item"><div class="icon"><img src="assets/picture/icon-4.svg" alt=""></div><div class="text">Beverages </div></a></li><li><a href="#" class="single-cat-item"><div class="icon"><img src="assets/picture/icon-5.svg" alt=""></div><div class="text">Snacks </div></a></li><li><a href="#" class="single-cat-item"><div class="icon"><img src="assets/picture/icon-6.svg" alt=""></div><div class="text">Home Care </div></a></li><li><a href="#" class="single-cat-item"><div class="icon"><img src="assets/picture/icon-7.svg" alt=""></div><div class="text">Noodles & Sauces </div></a></li><li><a href="#" class="single-cat-item"><div class="icon"><img src="assets/picture/icon-8.svg" alt=""></div><div class="text">Personal Care </div></a></li><li><a href="#" class="single-cat-item"><div class="icon"><img src="assets/picture/icon-9.svg" alt=""></div><div class="text">Pet Care </div></a></li></ul><a href="#" class="morecate-btn"><i class="uil uil-apps"></i>More Categories</a></div></div></div></div><div id="search_model" class="header-cate-model main-gambo-model modal fade" tabindex="-1" role="dialog" aria-modal="false"><div class="modal-dialog search-ground-area" role="document"><div class="category-area-inner"><div class="modal-header"><button type="button" class="close btn-close" data-dismiss="modal" aria-label="Close"><i class="uil uil-multiply"></i></button></div><div class="category-model-content modal-content"><div class="search-header"><form action="javascript:;"><input type="search" placeholder="Search for products..."><button type="submit"><i class="uil uil-search"></i></button></form></div><div class="search-by-cat"><a href="#" class="single-cat"><div class="icon"><img src="assets/picture/icon-1.svg" alt=""></div><div class="text">Fruits and Vegetables </div></a><a href="#" class="single-cat"><div class="icon"><img src="assets/picture/icon-2.svg" alt=""></div><div class="text">Grocery & Staples </div></a><a href="#" class="single-cat"><div class="icon"><img src="assets/picture/icon-3.svg" alt=""></div><div class="text">Dairy & Eggs </div></a><a href="#" class="single-cat"><div class="icon"><img src="assets/picture/icon-4.svg" alt=""></div><div class="text">Beverages </div></a><a href="#" class="single-cat"><div class="icon"><img src="assets/picture/icon-5.svg" alt=""></div><div class="text">Snacks </div></a><a href="#" class="single-cat"><div class="icon"><img src="assets/picture/icon-6.svg" alt=""></div><div class="text">Home Care </div></a><a href="#" class="single-cat"><div class="icon"><img src="assets/picture/icon-7.svg" alt=""></div><div class="text">Noodles & Sauces </div></a><a href="#" class="single-cat"><div class="icon"><img src="assets/picture/icon-8.svg" alt=""></div><div class="text">Personal Care </div></a><a href="#" class="single-cat"><div class="icon"><img src="assets/picture/icon-9.svg" alt=""></div><div class="text">Pet Care </div></a></div></div></div></div></div><div class="bs-canvas bs-canvas-left position-fixed bg-cart h-100"><div class="bs-canvas-header side-cart-header p-3 "><div class="d-inline-block main-cart-title">My Cart <span>(2 Items)</span></div><button type="button" class="bs-canvas-close close" aria-label="Close"><i class="uil uil-multiply"></i></button></div><div class="bs-canvas-body"><div class="cart-top-total"><div class="cart-total-dil"><h4>Gambo Super Market</h4><span>$34</span></div><div class="cart-total-dil pt-2"><h4>Delivery Charges</h4><span>$1</span></div></div><div class="side-cart-items"><div class="cart-item"><div class="cart-product-img"><img src="assets/picture/img-1.jpg" alt=""><div class="offer-badge">6% OFF</div></div><div class="cart-text"><h4>Product Title Here</h4><div class="cart-radio"><ul class="kggrm-now"><li><input type="radio" id="a1" name="cart1"><label for="a1">0.50</label></li><li><input type="radio" id="a2" name="cart1"><label for="a2">1kg</label></li><li><input type="radio" id="a3" name="cart1"><label for="a3">2kg</label></li><li><input type="radio" id="a4" name="cart1"><label for="a4">3kg</label></li></ul></div><div class="qty-group"><div class="quantity buttons_added"><input type="button" value="-" class="minus minus-btn"><input type="number" step="1" name="quantity" value="1" class="input-text qty text"><input type="button" value="+" class="plus plus-btn"></div><div class="cart-item-price">$10 <span>$15</span></div></div><button type="button" class="cart-close-btn"><i class="uil uil-multiply"></i></button></div></div><div class="cart-item"><div class="cart-product-img"><img src="assets/picture/img-2.jpg" alt=""><div class="offer-badge">6% OFF</div></div><div class="cart-text"><h4>Product Title Here</h4><div class="cart-radio"><ul class="kggrm-now"><li><input type="radio" id="a5" name="cart2"><label for="a5">0.50</label></li><li><input type="radio" id="a6" name="cart2"><label for="a6">1kg</label></li><li><input type="radio" id="a7" name="cart2"><label for="a7">2kg</label></li></ul></div><div class="qty-group"><div class="quantity buttons_added"><input type="button" value="-" class="minus minus-btn"><input type="number" step="1" name="quantity" value="1" class="input-text qty text"><input type="button" value="+" class="plus plus-btn"></div><div class="cart-item-price">$24 <span>$30</span></div></div><button type="button" class="cart-close-btn"><i class="uil uil-multiply"></i></button></div></div></div></div><div class="bs-canvas-footer"><div class="cart-total-dil saving-total "><h4>Total Saving</h4><span>$11</span></div><div class="main-total-cart"><h2>Total</h2><span>$35</span></div><div class="checkout-cart"><a href="#" class="promo-code">Have a promocode?</a><a href="#" class="cart-checkout-btn hover-btn">Proceed to Checkout</a></div></div></div><header class="header clearfix"><div class="top-header-group"><div class="top-header"><div class="res_main_logo"><a href=""><img src="assets/picture/dark-logo-1.svg" alt=""></a></div><div class="main_logo" id="logo"><a href=""><img src="assets/picture/logo.svg" alt=""></a><a href=""><img class="logo-inverse" src="assets/picture/dark-logo.svg" alt=""></a></div><div class="select_lo
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
【技术分析】 HTML,是一种制作万维网页面的标准语言,它消除了不同计算机之间信息交流的障碍; CSS,可以帮助把网页外观做得更加美观; JavaScript,是一种轻量级的解释型编程语言; jQuery,使用户能更方便地处理HTML documents、events、实现动画效果,并且方便地为网站提供AJAX交互; Bootstrap 是快速开发 Web 应用程序的前端工具包。它是一个 CSS,HTML 和 JS 的集合,它使用了最新的浏览器技术,给你的 Web 开发提供了时尚的版式; AJAX,创建交互式网页应用的网页开发技术。 【设计思路】 用户友好性:界面简洁直观,易于操作,减少用户的学习成本。 模块化设计:将系统功能模块化,每个模块负责一类功能,方便扩展和维护。 Responsiveness:后台管理系统应当是响应式设计,能够适配不同设备屏幕大小,包括电脑、平板和手机等。 权限控制:根据用户角色设定不同的权限,确保用户只能访问其权限范围内的功能。 数据安全:对用户数据进行加密存储、访问控制等措施,保护用户隐私和系统安全。 日志功能:记录关键操作日志,保留操作痕迹。
资源推荐
资源详情
资源评论
收起资源包目录
html+css+bootstrap-超市网页前端设计,在线商城网站制作模板 Gambo.zip (450个子文件)
semantic.min.css 612KB
bootstrap.min.css 152KB
style.css 84KB
unicons.css 58KB
all.min.css 55KB
css21.css 21KB
night-mode.css 21KB
responsive.css 8KB
css2.css 5KB
step-wizard.css 3KB
owl.carousel.css 3KB
css1.css 2KB
bootstrap-tagsinput.css 1KB
owl.theme.default.min.css 846B
fa-solid-900.eot 375KB
fa-brands-400.eot 126KB
brand-icons.eot 96KB
icons.eot 44KB
fa-regular-400.eot 34KB
outline-icons.eot 30KB
unicons-5.eot 20KB
unicons-8.eot 19KB
unicons-20.eot 19KB
unicons-30.eot 18KB
unicons-16.eot 18KB
unicons-17.eot 17KB
unicons-29.eot 17KB
unicons-0.eot 17KB
unicons-27.eot 17KB
unicons-28.eot 16KB
unicons-21.eot 16KB
unicons-36.eot 16KB
unicons-6.eot 16KB
unicons-3.eot 16KB
unicons-18.eot 16KB
unicons-4.eot 16KB
unicons-12.eot 16KB
unicons-14.eot 15KB
unicons-34.eot 15KB
unicons-25.eot 15KB
unicons-9.eot 15KB
unicons-24.eot 15KB
unicons-22.eot 15KB
unicons-10.eot 15KB
unicons-26.eot 15KB
unicons-32.eot 15KB
unicons-31.eot 15KB
unicons-7.eot 14KB
unicons-23.eot 14KB
unicons-13.eot 14KB
unicons-15.eot 14KB
unicons-11.eot 14KB
unicons-35.eot 14KB
unicons-33.eot 14KB
unicons-19.eot 14KB
unicons-1.eot 14KB
unicons-2.eot 13KB
unicons-37.eot 6KB
index.html 43KB
shop_grid.html 39KB
single_product_view.html 33KB
checkout.html 31KB
faq.html 29KB
term_and_conditions.html 29KB
career.html 28KB
dashboard_my_wallet.html 26KB
contact_us.html 26KB
blog_detail_view.html 25KB
privacy_policy.html 25KB
dashboard_my_orders.html 25KB
about_us.html 25KB
dashboard_my_addresses.html 24KB
our_blog.html 24KB
dashboard_overview.html 22KB
dashboard_my_wishlist.html 22KB
refund_and_return_policy.html 21KB
request_product.html 20KB
order_placed.html 20KB
offers.html 20KB
blog_left_sidebar_single_view.html 15KB
blog_no_sidebar.html 13KB
blog_right_sidebar.html 13KB
blog_left_sidebar.html 13KB
bill.html 4KB
sign_up.html 4KB
forgot_password.html 3KB
sign_in.html 3KB
img-42.jpg 497KB
img-52.jpg 447KB
img-61.jpg 447KB
img-23.jpg 405KB
img-18.jpg 378KB
img-1.jpg 378KB
offer-5.jpg 91KB
img-22.jpg 84KB
offer-2.jpg 78KB
img-17.jpg 70KB
big-4.jpg 70KB
offer-1.jpg 65KB
img-32.jpg 61KB
共 450 条
- 1
- 2
- 3
- 4
- 5
资源评论
- 武林盟主8212024-05-27非常有用的资源,可以直接使用,对我很有用,果断支持!
枫蜜柚子茶
- 粉丝: 9019
- 资源: 5351
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功