<!DOCTYPE html>
<html class="no-js" lang="zxx">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="meta description">
<title>Gemma - multipurpose eCommerce Bootstrap 4 Template</title>
<link href="static/css/css-Arimo4007007CMontserrat300400400i500500i600700800.css" rel="stylesheet">
<link href="static/css/vendor.css" rel="stylesheet">
<link href="static/css/color-1.css" rel="stylesheet">
<script src="static/js/modernizr-2.8.3.min.js"></script>
<!--[if lt IE 9]><script src="http://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script><script src="http://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script><![endif]-->
</head>
<body>
<header class="header-area">
<div class="main-header d-none d-lg-block">
<div class="header-top pt-20 pb-20">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-4 col-md-4 col-sm-9">
<div class="header-top-settings float-none">
<ul class="nav align-items-center">
<li class="language"><img src="static/picture/en.png" alt=""> english <i
class="fa fa-angle-down"></i>
<ul class="dropdown-list">
<li><a href="#"><img src="static/picture/en.png" alt="">english</a></li>
<li><a href="#"><img src="static/picture/fr.png" alt="">french</a></li>
</ul>
</li>
<li class="curreny-wrap">$ USD <i class="fa fa-angle-down"></i>
<ul class="dropdown-list curreny-list">
<li><a href="#">$ usd</a></li>
<li><a href="#">€ Euro</a></li>
</ul>
</li>
</ul>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-3">
<div class="logo text-center"><a href=""><img src="static/picture/logo.png"
alt="Brand Logo"></a></div>
</div>
<div class="col-lg-4 col-md-4 col-sm-9">
<div class="header-top-settings">
<ul class="nav align-items-center">
<li class="account-settings"><i class="ion-person"></i>
<ul class="dropdown-list account-list">
<li><a href="#">my account</a></li>
<li><a href="#">login register</a></li>
<li><a href="#">wishlist</a></li>
<li><a href="#">checkout</a></li>
</ul>
</li>
<li class="mini-cart-wrap"><span><i class="ion-bag"></i><span
class="notification">2</span></span>
<ul class="cart-list">
<li>
<div class="cart-img"><a href="product-details.html"><img
src="static/picture/cart-1.jpg" alt=""></a></div>
<div class="cart-info">
<h4><a href="product-details.html">simple product</a></h4><span
class="cart-qty">Qty: 1</span><span>$60.00</span>
</div>
<div class="del-icon"><i class="fa fa-times"></i></div>
</li>
<li>
<div class="cart-img"><a href="product-details.html"><img
src="static/picture/cart-2.jpg" alt=""></a></div>
<div class="cart-info">
<h4><a href="product-details.html">virtual product</a></h4><span
class="cart-qty">Qty: 2</span><span>$100.00</span>
</div>
<div class="del-icon"><i class="fa fa-times"></i></div>
</li>
<li class="mini-cart-price"><span class="subtotal">subtotal :</span><span
class="subtotal-price ml-auto">$110.00</span></li>
<li>
<div class="mini-cart-button"><a class="check-btn" href="cart.html">View
Cart</a><a class="check-btn" href="checkout.html">checkout</a>
</div>
</li>
</ul>
</li>
<li class="header-search-box"><button><i class="ion-ios-search-strong"></i></button>
<div class="search-box">
<form><input type="text" placeholder="Search Here"><button
class="search-btn"><i class="ion-ios-search-strong"></i></button>
</form>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="header-navigation sticky">
<div class="container">
<div class="row">
<div class="col-lg-12 d-none d-lg-block">
<div class="main-menu-area">
<div class="main-menu main-menu__style-2 d-flex justify-content-center">
<nav class="desktop-menu">
<ul>
<li class="active"><a href="">Home <i class="fa fa-angle-down"></i></a>
<ul class="dropdown">
<li><a href="">Home version 01</a></li>
<li><a href="index-2.html">Home version 02</a></li>
<li><a href="index-3.html">Home version 03</a></li>
<li><a href="index-4.html">Home version 04</a></li>
</ul>
</li>
<li><a href="#">pages <i class="fa fa-angle-down"></i></a>
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
【技术分析】 HTML,是一种制作万维网页面的标准语言,它消除了不同计算机之间信息交流的障碍; CSS,可以帮助把网页外观做得更加美观; JavaScript,是一种轻量级的解释型编程语言; jQuery,使用户能更方便地处理HTML documents、events、实现动画效果,并且方便地为网站提供AJAX交互; Bootstrap 是快速开发 Web 应用程序的前端工具包。它是一个 CSS,HTML 和 JS 的集合,它使用了最新的浏览器技术,给你的 Web 开发提供了时尚的版式; AJAX,创建交互式网页应用的网页开发技术。 【设计思路】 用户友好性:界面简洁直观,易于操作,减少用户的学习成本。 模块化设计:将系统功能模块化,每个模块负责一类功能,方便扩展和维护。 Responsiveness:后台管理系统应当是响应式设计,能够适配不同设备屏幕大小,包括电脑、平板和手机等。 权限控制:根据用户角色设定不同的权限,确保用户只能访问其权限范围内的功能。 数据安全:对用户数据进行加密存储、访问控制等措施,保护用户隐私和系统安全。 日志功能:记录关键操作日志,保留操作痕迹。
资源推荐
资源详情
资源评论
收起资源包目录
html+css+bootstrap 实现前端框架电商网 Gemma .zip (279个子文件)
vendor.css 519KB
photo.css 350KB
cssbutton.css 298KB
svgbg.css 246KB
h5bg.css 127KB
style.css 125KB
color-1.css 124KB
color-2.css 124KB
theme.css 94KB
all.css 36KB
css-Arimo4007007CMontserrat300400400i500500i600700800.css 18KB
pre.css 12KB
brush.css 10KB
css-Roboto300400500700.css 7KB
style1.css 1KB
fontawesome-webfont.eot 162KB
ionicons.eot 118KB
fa-solid-900.eot 112KB
fa-brands-400.eot 97KB
fa-regular-400.eot 30KB
iconfont.eot 26KB
glyphicons-halflings-regular.eot 20KB
treeview-default-line.gif 2KB
treeview-default.gif 1KB
css.gif 1KB
img.gif 1015B
sql.gif 598B
default.gif 559B
js.gif 139B
index.html 186KB
index-3.html 81KB
index-4.html 76KB
index-2.html 67KB
shop-grid-box-left.html 58KB
shop-grid-box-right.html 58KB
shop.html 58KB
shop-list-left-sidebar.html 58KB
shop-grid-right-sidebar.html 58KB
shop-list-right-sidebar.html 58KB
shop-grid-full-4-col.html 54KB
shop-list-full-width.html 54KB
product-details-group.html 37KB
product-details-variable.html 36KB
product-details.html 36KB
product-details-affiliate.html 36KB
checkout.html 28KB
blog-left-sidebar-2-col.html 26KB
blog-right-sidebar-2-col.html 26KB
blog-left-sidebar.html 25KB
blog-right-sidebar.html 25KB
blog-details.html 24KB
blog-details-audio.html 24KB
blog-grid-full-width.html 24KB
blog-details-video.html 24KB
blog-details-left-sidebar.html 24KB
blog-details-image.html 24KB
blog-list-full-width.html 23KB
my-account.html 22KB
about-us.html 21KB
compare.html 20KB
cart.html 20KB
wishlist.html 19KB
login-register.html 19KB
contact-us.html 19KB
hero-1.jpg 281KB
home3-slider1.jpg 174KB
home3-slider2.jpg 158KB
home3-fullbanner.jpg 150KB
blog-details-3.jpg 144KB
blog-details-1.jpg 127KB
blog-details-4.jpg 122KB
blog-details-2.jpg 116KB
paybg.jpg 82KB
home1-fullbanner1.jpg 80KB
home2-fullbanner.jpg 76KB
home3-banner1-1.jpg 76KB
home1-banner1-2.jpg 70KB
home1-banner1-1.jpg 70KB
blog-large-6.jpg 69KB
banner-bg4.jpg 69KB
blog-6.jpg 64KB
activity_bg.jpg 60KB
bg-2.jpg 60KB
home3-banner1-2.jpg 60KB
blog-5.jpg 52KB
blog-3.jpg 48KB
blog-large-4.jpg 46KB
blog-large-2.jpg 46KB
blog-large-5.jpg 46KB
blog-8.jpg 44KB
blog-large-8.jpg 43KB
home2-slider3.jpg 42KB
home1-img.jpg 41KB
blog-2.jpg 40KB
product-details-img1.jpg 40KB
home4-slider5.jpg 39KB
blog-large-3.jpg 39KB
home2-slider2.jpg 39KB
blog-large-7.jpg 37KB
blog-4.jpg 37KB
共 279 条
- 1
- 2
- 3
资源评论
枫蜜柚子茶
- 粉丝: 6044
- 资源: 3700
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功