<!doctype html>
<html class="no-js" lang="zxx">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Mira - Minimal eCommerce HTML Template</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Favicon -->
<!-- all css here -->
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/owl.carousel.min.css">
<link rel="stylesheet" href="assets/css/pe-icon-7-stroke.css">
<link rel="stylesheet" href="assets/css/font-awesome.min.css">
<link rel="stylesheet" href="assets/css/meanmenu.css">
<link rel="stylesheet" href="assets/css/shortcode.css">
<link rel="stylesheet" href="assets/css/style.css">
<link rel="stylesheet" href="assets/css/responsive.css">
<script src="assets/js/modernizr-3.11.7.min.js"></script>
</head>
<body>
<!--[if lt IE 8]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="#">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<!-- Add your site or application content here -->
<div class="waraper">
<header>
<div class="header-area home-2 clearfix">
<div class="container-fluid">
<div class="row">
<div class="col-lg-3 col-md-4 col-4">
<div class="logo">
<a href="index.html"><img src="assets/picture/logo.png" alt=""></a>
</div>
</div>
<div class="col-lg-6 col-md-4 col-2 text-center">
<div class="main-menu display-inline">
<nav>
<ul class="menu">
<li><a href="index.html">HOME <i class="pe-7s-angle-down"></i></a>
<ul>
<li><a href="index.html">home version 1</a></li>
<li><a href="index-2.html">home version 2</a></li>
<li><a href="">home version 3</a></li>
<li><a href="index-4.html">home version 4</a></li>
<li><a href="index-5.html">home version 5</a></li>
<li><a href="index-6.html">home version 6</a></li>
</ul>
</li>
<li><a href="about-us.html">ABOUT US</a></li>
<li><a href="#">pages <i class="pe-7s-angle-down"></i></a>
<ul>
<li><a href="about-us.html">about us</a></li>
<li><a href="shop.html">shop</a></li>
<li><a href="cart.html">cart</a></li>
<li><a href="login.html">login</a></li>
<li><a href="register.html">register</a></li>
<li><a href="checkout.html">checkout</a></li>
<li><a href="wishlist.html">wishlist</a></li>
<li><a href="preduct-details.html">shop details</a></li>
<li><a href="contact-us.html">contact us</a></li>
</ul>
</li>
<li><a href="shop.html">shop</a></li>
<li><a href="blog.html">BLOG <i class="pe-7s-angle-down"></i></a>
<ul>
<li><a href="blog.html">blog 2 column</a></li>
<li><a href="blog-style-2.html">blog full wide</a></li>
<li><a href="blog-details.html">blog details</a></li>
</ul>
</li>
<li><a href="contact-us.html">CONTACT</a></li>
</ul>
</nav>
</div>
</div>
<div class="col-lg-3 col-md-4 col-6 text-right text-sm text-res">
<div class="cart-user-language">
<div class="shopping-cart ml-30 display-inline">
<a class="top-cart" href="cart.html"><i class="pe-7s-cart"></i></a>
<ul>
<li>
<div class="cart-img">
<a href="#"><img src="assets/picture/1.jpg" alt=""></a>
</div>
<div class="cart-content">
<h3><a href="#"> 1 X Faded...</a> </h3>
<span><b>S, Orange</b></span>
<span class="cart-price">£ 16.84</span>
</div>
<div class="cart-del">
<i class="pe-7s-close-circle"></i>
</div>
</li>
<li>
<div class="cart-img">
<a href="#"><img src="assets/picture/2.jpg" alt=""></a>
</div>
<div class="cart-content">
<h3><a href="#"> 1 X Faded...</a> </h3>
<span><b>S, Orange</b></span>
<span class="cart-price">£ 16.84</span>
</div>
<div class="cart-del">
<i class="pe-7s-close-circle"></i>
</div>
</li>
<li>
<div class="shipping">
<span class="f-left">Shipping </span>
<span class="f-right cart-price"> $7.00</span>
</div>
<hr class="shipping-border">
<div class="shipping">
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
【技术分析】 HTML,是一种制作万维网页面的标准语言,它消除了不同计算机之间信息交流的障碍; CSS,可以帮助把网页外观做得更加美观; JavaScript,是一种轻量级的解释型编程语言; jQuery,使用户能更方便地处理HTML documents、events、实现动画效果,并且方便地为网站提供AJAX交互; Bootstrap 是快速开发 Web 应用程序的前端工具包。它是一个 CSS,HTML 和 JS 的集合,它使用了最新的浏览器技术,给你的 Web 开发提供了时尚的版式; AJAX,创建交互式网页应用的网页开发技术。 【设计思路】 用户友好性:界面简洁直观,易于操作,减少用户的学习成本。 模块化设计:将系统功能模块化,每个模块负责一类功能,方便扩展和维护。 Responsiveness:后台管理系统应当是响应式设计,能够适配不同设备屏幕大小,包括电脑、平板和手机等。 权限控制:根据用户角色设定不同的权限,确保用户只能访问其权限范围内的功能。 数据安全:对用户数据进行加密存储、访问控制等措施,保护用户隐私和系统安全。 日志功能:记录关键操作日志,保留操作痕迹。
资源推荐
资源详情
资源评论
收起资源包目录
html+css+bootstrap-电商网站开发,小众购物网页设计模板Mira.zip (108个子文件)
bootstrap.min.css 190KB
bundle.css 30KB
font-awesome.min.css 30KB
animate-headline.css 28KB
style.css 27KB
shop.css 11KB
responsive.css 11KB
pe-icon-7-stroke.css 10KB
header.css 8KB
css.css 5KB
owl.carousel.min.css 5KB
meanmenu.css 3KB
modal.css 3KB
footer.css 3KB
slider.css 2KB
shortcode.css 163B
fontawesome-webfont.eot 162KB
Pe-icon-7-stroke.eot 57KB
index-3.html 46KB
checkout.html 46KB
index-6.html 37KB
index-5.html 36KB
index-4.html 36KB
index-2.html 35KB
index.html 35KB
shop.html 32KB
about-us.html 31KB
preduct-details.html 29KB
blog-details.html 26KB
cart.html 25KB
blog.html 24KB
blog-style-2.html 24KB
contact-us.html 23KB
wishlist.html 23KB
login.html 21KB
register.html 21KB
16.jpg 301KB
121.jpg 106KB
18.jpg 103KB
1.jpg 103KB
33.jpg 84KB
3.jpg 84KB
102.jpg 81KB
112.jpg 70KB
91.jpg 67KB
71.jpg 67KB
42.jpg 59KB
4.jpg 55KB
team-4.jpg 50KB
61.jpg 45KB
team-2.jpg 44KB
team-3.jpg 43KB
8.jpg 32KB
81.jpg 29KB
22.jpg 29KB
14.jpg 28KB
32.jpg 26KB
111.jpg 25KB
41.jpg 25KB
3.jpg 24KB
31.jpg 24KB
17.jpg 21KB
7.jpg 20KB
23.jpg 18KB
21.jpg 16KB
9.jpg 15KB
101.jpg 14KB
12.jpg 11KB
5.jpg 11KB
51.jpg 10KB
15.jpg 9KB
10.jpg 8KB
13.jpg 7KB
6.jpg 5KB
11.jpg 5KB
2.jpg 2KB
1.jpg 1KB
jquery-v1.12.4.min.js 95KB
bootstrap.min.js 59KB
plugins.js 57KB
owl.carousel.min.js 39KB
isotope.pkgd.min.js 35KB
popper.js 20KB
jquery.meanmenu.js 11KB
waypoints.min.js 9KB
modernizr-3.11.7.min.js 8KB
imagesloaded.pkgd.min.js 5KB
main.js 5KB
ajax-mail.js 1KB
jquery.counterup.min.js 1KB
2.png 6KB
1.png 4KB
3.png 3KB
4.png 3KB
logo.png 1KB
fontawesome-webfont.svg 437KB
Pe-icon-7-stroke.svg 160KB
fontawesome-webfont.ttf 162KB
Pe-icon-7-stroke.ttf 57KB
fontawesome-webfont.woff 96KB
共 108 条
- 1
- 2
资源评论
枫蜜柚子茶
- 粉丝: 6144
- 资源: 4168
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- CocosDashboard-v2.1.3-win-042311.exe
- 基于yolov5和deepsort算法的车辆检测项目源码+数据集(高分项目).zip
- 基于YOLOv5+Deepsort实现车辆行人追踪和计数(完整源码+说明文档+数据).zip
- 150360364459673Pex10_9.py
- 74ls138译码器Multisim仿真设计
- 深度学习在图像分类任务中的应用
- 华为OD资源整理-包含华为OD概述,招聘流程等
- 基于BP神经网络的供热管道压力和温度预测(代码完整,数据齐全)
- 架空电力线弧垂计算公式
- 基于BP神经网络的四分类预测,基于RBF的四分类预测,基于GRNN的四分类预测,基于PNN的四分类预测
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功