<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0">
<title>Ecommerce App</title>
<!-- Google font file. If you want you can change. -->
<link href="static/css/css1.css" rel="stylesheet">
<!-- Fontawesome font file css -->
<link rel="stylesheet" href="static/css/font-awesome.min.css">
<!-- Animate css file for css3 animations. for more:https://daneden.github.io/animate.css --><!-- Only use animate action. If you dont use animation,you don't have to add.-->
<link rel="stylesheet" type="text/css" href="static/css/animate.css">
<!-- Template global css file. Requared all pages -->
<link rel="stylesheet" type="text/css" href="static/css/global.style.css">
<!-- Swiper slider css file -->
<link rel="stylesheet" href="static/css/swiper.min.css">
<!--turbo slider plugin css file -->
<link rel="stylesheet" type="text/css" href="static/css/turbo.css">
<!-- JQuery library file. requared all pages -->
<script src="static/js/jquery.min.js"></script>
</head>
<body>
<div class="wrapper ">
<div class="nav-menu">
<nav class="menu">
<!-- Template logo start -->
<div class="nav-header"> <a href=""> <img class="image-round" alt="" src="static/picture/avatar.png"> <span>john doe</span> <span>johndoe@example.com</span> </a> </div>
<!-- Template logo end -->
<!-- Menu navigation start -->
<div class="nav-container">
<ul class="main-menu">
<li class=""> <a href=""><img src="static/picture/i1.png" alt=""> Home</a> </li>
<li> <a href="about.html"><img src="static/picture/i2.png" alt=""> About Us</a> </li>
<li> <a href="notifications.html"><img src="static/picture/i3.png" alt=""> Notifications</a> </li>
<li> <a href="#"><img src="static/picture/i4.png" alt=""> Shop <span class="fa fa-angle-down"></span></a>
<ul>
<li><a href="product-list.html" data-loader="show">Product List</a></li>
<li><a href="product-detail.html" data-loader="show">Product Detail</a></li>
<li><a href="product-basket.html" data-loader="show">Basket</a></li>
</ul>
</li>
<li> <a href="javascript:void(0);"><img src="static/picture/i5.png" alt=""> Login/Register <span class="fa fa-angle-down"></span></a>
<ul>
<li><a href="login.html" data-loader="show">Login</a></li>
<li><a href="signup.html" data-loader="show">Register</a></li>
<li><a href="forgot-password.html" data-loader="show">Forgot Password</a></li>
</ul>
</li>
<li> <a href="#"><img src="static/picture/i6.png" alt=""> Blog <span class="fa fa-angle-down"></span></a>
<ul>
<li><a href="post-list-1.html" data-loader="show">List 1</a></li>
<li><a href="post-list-2.html" data-loader="show">List 2</a></li>
<li><a href="post-detail.html" data-loader="show">Detail</a></li>
<li><a href="post-author.html" data-loader="show">Author</a></li>
</ul>
</li>
<li> <a href="javascript:void(0);"><img src="static/picture/i7.png" alt=""> Wizards <span class="fa fa-angle-down"></span></a>
<ul>
<li><a href="wizard-default.html" data-loader="show">Wizard Default</a></li>
<li><a href="wizard-fullscreen.html" data-loader="show">Wizard Fullscreen</a></li>
</ul>
</li>
<li> <a href="forms.html" data-loader="show"><img src="static/picture/i8.png" alt=""> Form Elements</a> </li>
<li> <a href="#"><img src="static/picture/i9.png" alt=""> Components <span class="fa fa-angle-down"></span></a>
<ul>
<li><a href="tab-bottom.html" data-loader="show">Tab (Bottom)</a></li>
<li><a href="tab-top.html" data-loader="show">Tab (Top)</a></li>
<li><a href="accordion.html" data-loader="show">Accordion</a></li>
<li><a href="popup.html" data-loader="show">Popup Modal</a></li>
<li><a href="checkbox-list.html" data-loader="show">Check List</a></li>
<li><a href="link-list.html" data-loader="show">Link List</a></li>
<li><a href="link-list-two-column.html" data-loader="show">Two Column Links</a></li>
</ul>
</li>
<li> <a href="#"><img src="static/picture/i10.png" alt=""> Pages <span class="fa fa-angle-down"></span></a>
<ul>
<li><a href="profile.html" data-loader="show">User Profile</a></li>
<li><a href="search-popup.html" data-loader="show">Search Popup</a></li>
<li><a href="search-result.html" data-loader="show">Search Results</a></li>
<li><a href="contact.html" data-loader="show">Contact</a></li>
<li><a href="blank.html" data-loader="show">Blank Page</a></li>
</ul>
</li>
</ul>
</div>
<!-- Menu navigation end -->
</nav>
</div>
<div class="wrapper-inline">
<!-- Header area start -->
<header>
<!-- extra class no-background -->
<div class="search-button" data-search="open"><i class="fa fa-search"></i></div>
<h1 class="page-title">Ecommerce App</h1>
<div class="navi-menu-button"> <em></em> <em></em> <em></em> </div>
</header>
<!-- Header area end -->
<!--SEARCH BOX CONTENT START-->
<div class="search-form"> <span class="close-search-form" data-search="close"><i class="fa fa-times"></i> </span>
<form>
<div class="search-input">
<input type="text" name="q" class="form-element" placeholder="Search...">
<button type="submit" class="search-input-btn"><i class="fa fa-arrow-right"></i></button>
</div>
</form>
<div class="recent-search">
<h4 class="search-group-title">Recent Searchs</h4>
<a href="#" class="search-tag">Men's cloth</a><a href="#" class="search-tag">Electronics</a><a href="#" class="search-tag">Sports</a><a href="#" class="search-tag">Furniture</a><a href="#" class="search-tag">gamepads</a><a href="#" class="search-tag">corona supplies</a><a href="#" class="search-tag">Food</a><a href="#" class="search-tag">Gloves</a></div>
<div class="popular-search">
<h4 class="search-group-title">Popular Searchs</h4>
<a href="#" class="search-tag">Gloves</a><a href="#" class="search-tag">Alchohle</a><a href="#" class="search-tag">Women’s Dress</a><a href="#" class="search-tag">Grocery</a><a href="#" class="search-tag">Computer</a><a href="#" class="search-tag">Laptops</a></div>
</div>
<!--SEARCH BOX CONTENT END--><!-- Page content start -->
<main class="margin">
<!--Banner-->
<section class="container">
<div class="banner-div">
<div class="banner-content">
<h2 class="banner-head">Get All Your Shopping Needs From One Place,With Best Prices</h2>
<a class="c-btn" href="product-list.html">Shop Now</a></div>
</div>
</section>
<div class="clear"></div>
<!--tabs-->
<section class="container">
<div class="section-head">
<h4 class="title-main">What Supplies We Provide?</h4>
<a class="c-btn" href="#">more</a></div>
<div class="c-wrapper">
<div class="col-3 text-center mb-15"><a href="product-list.html">
<div class="provide-item blue-bg"><img src="static/picture/icon1.png" alt="">
<h4 class="w-text">Men's cloth</h4>
</div>
</a></div>
<div class="col-3 center-item text-center mb-15"><a href="product-list.html">
<div class="provide-item blue-bg"><img src="static/picture/icon2.png" alt="">
<h4 class="w-text">Electronics</h4>
</div>
</a></div>
<div class="col-3 text-center mb-15"><a href="product-list.html">
<div class="provide-item blue-bg"><img src="static/picture/icon3.png" alt="">
<h4 class="w-text">Sports</h4>
</div>
</a><
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
【技术分析】 HTML,是一种制作万维网页面的标准语言,它消除了不同计算机之间信息交流的障碍; CSS,可以帮助把网页外观做得更加美观; JavaScript,是一种轻量级的解释型编程语言; jQuery,使用户能更方便地处理HTML documents、events、实现动画效果,并且方便地为网站提供AJAX交互; Bootstrap 是快速开发 Web 应用程序的前端工具包。它是一个 CSS,HTML 和 JS 的集合,它使用了最新的浏览器技术,给你的 Web 开发提供了时尚的版式; AJAX,创建交互式网页应用的网页开发技术。 【设计思路】 用户友好性:界面简洁直观,易于操作,减少用户的学习成本。 模块化设计:将系统功能模块化,每个模块负责一类功能,方便扩展和维护。 Responsiveness:后台管理系统应当是响应式设计,能够适配不同设备屏幕大小,包括电脑、平板和手机等。 权限控制:根据用户角色设定不同的权限,确保用户只能访问其权限范围内的功能。 数据安全:对用户数据进行加密存储、访问控制等措施,保护用户隐私和系统安全。 日志功能:记录关键操作日志,保留操作痕迹。
资源推荐
资源详情
资源评论
收起资源包目录
移动端商城模板H5电商网站模板,手机商城网站模板 (1).zip (98个子文件)
移动端商城模板H5电商网站模板,手机商城网站模板
product-basket.html 11KB
product-list.html 9KB
profile.html 8KB
forms.html 12KB
checkbox-list.html 9KB
notifications.html 8KB
popup.html 14KB
wizard-default.html 7KB
post-author.html 16KB
link-list.html 8KB
wizard-fullscreen.html 7KB
search-result.html 9KB
post-detail.html 12KB
product-detail.html 11KB
login.html 7KB
forgot-password.html 6KB
index.html 16KB
post-list-2.html 9KB
link-list-two-column.html 7KB
contact.html 7KB
about.html 7KB
search-popup.html 11KB
blank.html 9KB
accordion.html 13KB
tab-top.html 7KB
static
picture
f2.png 1KB
news-list-image-2.jpg 2KB
i5.png 674B
news-list-image-3.jpg 2KB
i10.png 558B
pl3.jpg 2KB
i4.png 641B
f3.png 849B
post-img-1.jpg 11KB
icon6.png 1KB
pl2.jpg 2KB
i8.png 577B
t2.png 22KB
pl4.jpg 2KB
pl1.jpg 12KB
icon1.png 808B
icon4.png 696B
news-list-image-1.jpg 3KB
i1.png 560B
i7.png 547B
t3.png 21KB
p4.jpg 17KB
i3.png 688B
p6.jpg 23KB
about.png 32KB
t1.png 21KB
d3.png 6KB
icon5.png 1KB
avatar.png 6KB
d1.png 8KB
f1.png 1KB
post-img-2.jpg 9KB
d2.png 5KB
p2.jpg 19KB
icon3.png 1KB
p3.jpg 17KB
f4.png 1KB
i2.png 586B
icon.png 4KB
i9.png 570B
p1.jpg 16KB
icon2.png 758B
i6.png 563B
font
XRXV3I6Li01BKofIMeaBXso.woff2 20KB
XRXV3I6Li01BKofIOuaBXso.woff2 10KB
XRXV3I6Li01BKofINeaB.woff2 35KB
fontawesome-webfont.eot 162KB
fontawesome-webfont.woff 96KB
fontawesome-webfont.woff2 75KB
XRXV3I6Li01BKofIOOaBXso.woff2 28KB
fontawesome-webfont.ttf 162KB
XRXV3I6Li01BKofIO-aBXso.woff2 32KB
image
banner.png 35KB
avatar-bg.jpg 24KB
ref1.png 13KB
up-down.svg 1KB
js
turbo-ini.js 159B
turbo.min.js 19KB
swiper-ini.js 84B
global.script.js 5KB
check-ini.js 105B
swiper.min.js 109KB
jquery.min.js 91KB
css
css1.css 7KB
turbo.css 901B
animate.css 17KB
font-awesome.min.css 30KB
css.css 5KB
global.style.css 39KB
swiper.min.css 19KB
tab-bottom.html 9KB
post-list-1.html 11KB
signup.html 7KB
共 98 条
- 1
资源评论
枫蜜柚子茶
- 粉丝: 6971
- 资源: 5118
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功