<!DOCTYPE html><html lang="en"><head><title>Gnash - Home</title><meta charset="UTF-8"><meta http-equiv="X-UA-compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="shortcut icon" type="image/x-icon" href="/2020/11/3hbm9217/assets/images/favicon.png"><link href="assets/css/css2.css" rel="stylesheet"><link href="assets/css/css21.css" rel="stylesheet"><link rel="stylesheet" href="assets/css/bootstrap.min.css"><link rel="stylesheet" href="assets/css/font-awesome.min.css"><link rel="stylesheet" href="assets/css/owl.carousel.min.css"><link rel="stylesheet" href="assets/css/animate.min.css"><link rel="stylesheet" href="assets/css/jquery-ui.css"><link rel="stylesheet" href="assets/css/slick.css"><link rel="stylesheet" href="assets/css/chosen.min.css"><link rel="stylesheet" href="assets/css/pe-icon-7-stroke.css"><link rel="stylesheet" href="assets/css/magnific-popup.min.css"><link rel="stylesheet" href="assets/css/lightbox.min.css"><link rel="stylesheet" href="assets/css/jquery.fancybox.css"><link rel="stylesheet" href="assets/css/jquery.scrollbar.min.css"><link rel="stylesheet" href="assets/css/mobile-menu.css"><link rel="stylesheet" href="assets/css/flaticon.css"><link rel="stylesheet" href="assets/css/style.css"></head><body class="home"><header class="header style7"><div class="top-bar"><div class="container"><div class="top-bar-left"><div class="header-message">Welcome to our online store!</div></div><div class="top-bar-right"><div class="header-language"><div class="gnash-language gnash-dropdown"><a href="#" class="active language-toggle" data-gnash="gnash-dropdown"><span>English(USD) </span></a><ul class="gnash-submenu"><li class="switcher-option"><a href="#"><span>French(EUR) </span></a></li><li class="switcher-option"><a href="#"><span>Japanese(JPY) </span></a></li></ul></div></div><ul class="header-user-links"><li><a href="login.html">Login or Register</a></li></ul></div></div></div><div class="container"><div class="main-header"><div class="row"><div class="col-lg-3 col-sm-4 col-md-3 col-xs-7 col-ts-12 header-element"><div class="logo"><a href=""><img src="assets/picture/logo.png" alt="img"></a></div></div><div class="col-lg-7 col-sm-8 col-md-6 col-xs-5 col-ts-12"><div class="block-search-block"><form class="form-search form-search-width-category"><div class="form-content"><div class="category"><select title="cate" data-placeholder="All Categories" class="chosen-select" tabindex="1"><option value="United States">Healthy</option><option value="United Kingdom">Pumpkin</option><option value="Afghanistan">Vitamins</option><option value="Aland Islands">Vegetables</option><option value="Albania">New Arrivals</option><option value="Algeria">Lentils</option></select></div><div class="inner"><input type="text" class="input" name="s" value="" placeholder="Search here"></div><button class="btn-search" type="submit"><span class="icon-search"></span></button></div></form></div></div><div class="col-lg-2 col-sm-12 col-md-3 col-xs-12 col-ts-12"><div class="header-control"><div class="block-minicart gnash-mini-cart block-header gnash-dropdown"><a href="javascript:void(0);" class="shopcart-icon" data-gnash="gnash-dropdown">Cart <span class="count">0 </span></a><div class="shopcart-description gnash-submenu"><div class="content-wrap"><h3 class="title">Shopping Cart</h3><ul class="minicart-items"><li class="product-cart mini_cart_item"><a href="#" class="product-media"><img src="assets/picture/item-minicart-1.jpg" alt="img"></a><div class="product-details"><h5 class="product-name"><a href="#">Sweet Orange</a></h5><div class="variations"><span class="attribute_color"><a href="#">Black</a></span>,<span class="attribute_size"><a href="#">300ml</a></span></div><span class="product-price"><span class="price"><span>$45</span></span></span><span class="product-quantity">(x1) </span><div class="product-remove"><a href=""><i class="fa fa-trash-o" aria-hidden="true"></i></a></div></div></li><li class="product-cart mini_cart_item"><a href="#" class="product-media"><img src="assets/picture/item-minicart-2.jpg" alt="img"></a><div class="product-details"><h5 class="product-name"><a href="#">Soap Soybeans Solutions</a></h5><div class="variations"><span class="attribute_color"><a href="#">Black</a></span>,<span class="attribute_size"><a href="#">300ml</a></span></div><span class="product-price"><span class="price"><span>$45</span></span></span><span class="product-quantity">(x1) </span><div class="product-remove"><a href=""><i class="fa fa-trash-o" aria-hidden="true"></i></a></div></div></li><li class="product-cart mini_cart_item"><a href="#" class="product-media"><img src="assets/picture/item-minicart-3.jpg" alt="img"></a><div class="product-details"><h5 class="product-name"><a href="#">Soybeans Solutions Soap</a></h5><div class="variations"><span class="attribute_color"><a href="#">Black</a></span>,<span class="attribute_size"><a href="#">300ml</a></span></div><span class="product-price"><span class="price"><span>$45</span></span></span><span class="product-quantity">(x1) </span><div class="product-remove"><a href=""><i class="fa fa-trash-o" aria-hidden="true"></i></a></div></div></li></ul><div class="subtotal"><span class="total-title">Subtotal:</span><span class="total-price"><span class="Price-amount">$135 </span></span></div><div class="actions"><a class="button button-viewcart" href="shoppingcart.html"><span>View Bag</span></a><a href="checkout.html" class="button button-checkout"><span>Checkout</span></a></div></div></div></div><div class="block-account block-header gnash-dropdown"><a href="javascript:void(0);" data-gnash="gnash-dropdown"><span class="flaticon-user"></span></a><div class="header-account gnash-submenu"><div class="header-user-form-tabs"><ul class="tab-link"><li class="active"><a data-toggle="tab" aria-expanded="true" href="#header-tab-login">Login</a></li><li><a data-toggle="tab" aria-expanded="true" href="#header-tab-rigister">Register</a></li></ul><div class="tab-container"><div id="header-tab-login" class="tab-panel active"><form method="post" class="login form-login"><p class="form-row form-row-wide"><input type="email" placeholder="Email" class="input-text"></p><p class="form-row form-row-wide"><input type="password" class="input-text" placeholder="Password"></p><p class="form-row"><label class="form-checkbox"><input type="checkbox" class="input-checkbox"><span>Remember me </span></label><input type="submit" class="button" value="Login"></p><p class="lost_password"><a href="#">Lost your password?</a></p></form></div><div id="header-tab-rigister" class="tab-panel"><form method="post" class="register form-register"><p class="form-row form-row-wide"><input type="email" placeholder="Email" class="input-text"></p><p class="form-row form-row-wide"><input type="password" class="input-text" placeholder="Password"></p><p class="form-row"><input type="submit" class="button" value="Register"></p></form></div></div></div></div></div><a class="menu-bar mobile-navigation menu-toggle" href="#"><span></span><span></span><span></span></a></div></div></div></div></div><div class="header-nav-container rows-space-20"><div class="container"><div class="header-nav-wapper main-menu-wapper"><div class="vertical-wapper block-nav-categori"><div class="block-title"><span class="icon-bar"><span></span><span></span><span></span></span><span class="text">All Categories</span></div><div class="block-content verticalmenu-content"><ul class="gnash-nav-vertical vertical-menu gnash-clone-mobile-menu"><li class="menu-item"><a href="#" class="gnash-menu-item-title" title="New Arrivals">New Arrivals</a></li><li class="menu-item"><a title="Hot Sale" href="#" class="gnash-menu-item-title">Hot Sale</a></li><li class="menu-item menu-item-has-children"><a title="Healthy" href="#" class="gnash-menu-item-title">Healthy</a><span class="toggle-submenu"></span><ul role="menu" class=" submenu"><li class="menu-item"><a title="Broccoli" href="#" clas
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
【技术分析】 HTML,是一种制作万维网页面的标准语言,它消除了不同计算机之间信息交流的障碍; CSS,可以帮助把网页外观做得更加美观; JavaScript,是一种轻量级的解释型编程语言; jQuery,使用户能更方便地处理HTML documents、events、实现动画效果,并且方便地为网站提供AJAX交互; Bootstrap 是快速开发 Web 应用程序的前端工具包。它是一个 CSS,HTML 和 JS 的集合,它使用了最新的浏览器技术,给你的 Web 开发提供了时尚的版式; AJAX,创建交互式网页应用的网页开发技术。 【设计思路】 用户友好性:界面简洁直观,易于操作,减少用户的学习成本。 模块化设计:将系统功能模块化,每个模块负责一类功能,方便扩展和维护。 Responsiveness:后台管理系统应当是响应式设计,能够适配不同设备屏幕大小,包括电脑、平板和手机等。 权限控制:根据用户角色设定不同的权限,确保用户只能访问其权限范围内的功能。 数据安全:对用户数据进行加密存储、访问控制等措施,保护用户隐私和系统安全。 日志功能:记录关键操作日志,保留操作痕迹。
资源推荐
资源详情
资源评论
收起资源包目录
html+css+bootstrap实现电商-有机果蔬网页设计,绿色果蔬购物网站规划设计Organia.zip (203个子文件)
style.css 192KB
bootstrap.min.css 118KB
animate.min.css 56KB
jquery.scrollbar.min.css 42KB
font-awesome.min.css 30KB
jquery-ui.css 30KB
chosen.min.css 10KB
css2.css 9KB
pe-icon-7-stroke.css 8KB
magnific-popup.min.css 6KB
jquery.fancybox.css 4KB
owl.carousel.min.css 4KB
mobile-menu.css 3KB
flaticon.css 3KB
css21.css 1KB
slick.css 1KB
lightbox.min.css 790B
fontawesome-webfont.eot 162KB
Pe-icon-7-stroke.eot 57KB
glyphicons-halflings-regular.eot 20KB
Flaticon.eot 15KB
fancybox_loading@2x.gif 14KB
fancybox_loading.gif 6KB
blank.gif 43B
index.html 61KB
home3.html 59KB
home2.html 36KB
gridproducts_bannerslider.html 34KB
listproducts.html 34KB
gridproducts_leftsidebar.html 33KB
gridproducts.html 33KB
productdetails-leftsidebar.html 31KB
productdetails-rightsidebar.html 31KB
inblog_left-siderbar.html 27KB
inblog_right-siderbar.html 27KB
productdetails-fullwidth.html 27KB
checkout.html 24KB
bloglist.html 24KB
bloglist-leftsidebar.html 24KB
bloggrid.html 22KB
shoppingcart.html 20KB
about.html 19KB
contact.html 19KB
login.html 18KB
404page.html 16KB
js.html 1KB
blog1.jpg 88KB
slider-thumb-full-1.jpg 83KB
details-item-3.jpg 77KB
banner-home-4.jpg 73KB
banner-home-19.jpg 69KB
item-instagram-2.jpg 63KB
cart-item-2.jpg 61KB
slider-thumb-full-2.jpg 58KB
blog-item-list-3.jpg 57KB
cart-item-1.jpg 55KB
slider-thumb-full-3.jpg 55KB
slider-blog-thumb-3.jpg 53KB
blog-item-list-4.jpg 50KB
item-instagram-5.jpg 46KB
slider-blog-thumb-4.jpg 45KB
slider-thumb4.jpg 43KB
cart-item-3.jpg 43KB
slider-thumb6.jpg 41KB
slider-thumb3.jpg 41KB
item-instagram-1.jpg 40KB
banner-home-15.jpg 40KB
blog3.jpg 38KB
about-background.jpg 37KB
slider-blog-thumb-5.jpg 36KB
item-instagram-4.jpg 36KB
slider-thumb2.jpg 35KB
blog-item-list-2.jpg 35KB
blog-grid-4.jpg 34KB
banner-01_full_width.jpg 34KB
slider-blog-thumb-2.jpg 32KB
blog-item-list-5.jpg 30KB
slider-thumb5.jpg 30KB
slider-thumb1.jpg 28KB
blog-item-list-1.jpg 27KB
item-instagram-3.jpg 27KB
blog2.jpg 25KB
slider-blog-thumb-1.jpg 25KB
slider-blog-thumb-6.jpg 23KB
blog-grid-2.jpg 22KB
blog-grid-3.jpg 22KB
product-item-16.jpg 21KB
mega-bg.jpg 20KB
product-item-1.jpg 20KB
banner-home-7.jpg 20KB
banner-home-2.jpg 19KB
product-item-10.jpg 19KB
blog-grid-1.jpg 18KB
product-item-3.jpg 18KB
product-item-12.jpg 18KB
banner-home-3.jpg 18KB
slider-blog-thumb-7.jpg 17KB
product-item-6.jpg 17KB
product-item-13.jpg 16KB
product-item-11.jpg 16KB
共 203 条
- 1
- 2
- 3
资源评论
枫蜜柚子茶
- 粉丝: 6696
- 资源: 4871
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功