<!DOCTYPE html>
<html class="no-js" lang="zxx">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Rick | Mobile eCommerce HTML Template</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Favicon -->
<link rel="icon" href="assets/img/favicon.ico">
<!-- CSS
============================================ -->
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<!-- FontAwesome CSS -->
<link rel="stylesheet" href="assets/css/font-awesome.min.css">
<!-- Slick CSS -->
<link rel="stylesheet" href="assets/css/plugins/slick.min.css">
<!-- Animate CSS -->
<link rel="stylesheet" href="assets/css/plugins/cssanimation.min.css">
<!-- IonRange slider CSS -->
<link rel="stylesheet" href="assets/css/plugins/ion.rangeSlider.min.css">
<!-- Vendor & Plugins CSS (Please remove the comment from below vendor.min.css & plugins.min.css for better website load performance and remove css files from avobe) -->
<!--
<link rel="stylesheet" href="assets/css/vendor.min.css">
<link rel="stylesheet" href="assets/css/plugins/plugins.min.css">
-->
<!-- Main Style CSS -->
<link rel="stylesheet" href="assets/css/style.css">
</head>
<body>
<!--==================== preloader area ====================-->
<div class="preloader-activate preloader-active">
<div class="preloader-area-wrap">
<div class="spinner d-flex justify-content-center align-items-center h-100">
<div class="img-loader"></div>
</div>
</div>
</div>
<!--==================== End of preloader area ====================-->
<div class="body-wrapper space-pt--70 space-pb--120">
<!--==================== header area ====================-->
<header>
<div class="header-wrapper border-bottom">
<div class="container space-y--15">
<div class="row align-items-center">
<div class="col-auto">
<!-- header logo -->
<div class="header-logo">
<a href="index.html">
<img src="assets/img/logo.png" class="img-fluid" alt="">
</a>
</div>
</div>
<div class="col d-flex justify-content-center">
<!-- header search -->
<div class="header-search">
<form>
<input type="text" id="header-search-input" placeholder="Search anything">
<img src="assets/img/icons/search.svg" class="injectable" alt="">
</form>
</div>
</div>
<div class="col-auto">
<!-- header menu trigger -->
<button class="header-menu-trigger" id="header-menu-trigger">
<img src="assets/img/icons/menu.svg" class="injectable" alt="">
</button>
</div>
</div>
</div>
</div>
<!-- search keywords -->
<div class="search-keyword-area space-xy--15 bg-color--grey2" id="search-keyword-box">
<div class="search-keyword-header space-mb--20">
<h4 class="search-keyword-header__title">Hot Keywords</h4>
</div>
<ul class="search-keywords">
<li><a href="search.html">Shoes</a></li>
<li><a href="search.html">Fashion Bag</a></li>
<li><a href="search.html">Light Bag</a></li>
<li><a href="search.html">Parts</a></li>
<li><a href="search.html">Sport Shoes</a></li>
<li><a href="search.html">Travel Bag</a></li>
</ul>
</div>
</header>
<!--==================== End of header area ====================-->
<!--==================== mobile menu overlay ====================-->
<div class="offcanvas-menu" id="offcanvas-menu">
<div class="profile-card text-center">
<div class="profile-card__image space-mb--10">
<img src="assets/img/profile.jpg" class="img-fluid" alt="">
</div>
<div class="profile-card__content">
<p class="name">Don Normane <span class="id">ID MD 4350</span></p>
</div>
</div>
<div class="offcanvas-navigation-wrapper space-mt--40">
<ul class="offcanvas-navigation">
<li><span class="icon"><img src="assets/img/icons/profile.svg" class="injectable" alt=""></span><a href="login.html">Login / Sign up</a></li>
<li><span class="icon"><img src="assets/img/icons/profile-two.svg" class="injectable" alt=""></span><a href="profile.html">My Profile</a></li>
<li><span class="icon"><img src="assets/img/icons/notification.svg" class="injectable" alt=""></span><a href="notification.html">Notification</a></li>
<li><span class="icon"><img src="assets/img/icons/product.svg" class="injectable" alt=""></span><a href="shop.html">All products</a></li>
<li><span class="icon"><img src="assets/img/icons/cart-two.svg" class="injectable" alt=""></span><a href="order.html">My Order</a></li>
<li><span class="icon"><img src="assets/img/icons/cart-three.svg" class="injectable" alt=""></span><a href="cart.html">Cart</a></li>
<li><span class="icon"><img src="assets/img/icons/wishlist.svg" class="injectable" alt=""></span><a href="wishlist.html">Wishlist</a></li>
<li><span class="icon"><img src="assets/img/icons/gear-two.svg" class="injectable" alt=""></span><a href="edit-profile.html">Settings</a></li>
<li><span class="icon"><img src="assets/img/icons/profile.svg" class="injectable" alt=""></span><a href="contact.html">Contact Us</a></li>
</ul>
</div>
</div>
<!--==================== End of mobile menu overlay ====================-->
<!--==================== hero slider ====================-->
<div class="hero-slider bg-color--grey space-y--10">
<div class="container">
<div class="row row-10">
<div class="col-12">
<div class="hero-slider-wrapper">
<div class="hero-slider-item d-flex bg-img" data-bg="assets/img/hero-slider/slider-1.jpg">
<div class="container">
<div class="row">
<div class="col-12">
<!-- hero slider content -->
<div class="hero-slider-content">
<h2 class="hero-slider-content__title space-mb--10">Most popular <br> Hand Bag</h2>
<p class="hero-slider-content__text">GET 30% OFF</p>
</div>
</div>
</div>
</div>
</div>
<div class="hero-slider-item d-flex bg-img" data-bg="assets/img/hero-slider/slider-2.jpg">
<div class="container">
<div class="row">
没有合适的资源?快使用搜索试试~ 我知道了~
移动端鞋服箱包电商网站HTML APP模板.zip
共99个文件
svg:26个
html:14个
png:11个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 109 浏览量
2024-03-03
22:49:47
上传
评论
收藏 788KB ZIP 举报
温馨提示
【技术分析】 HTML,是一种制作万维网页面的标准语言,它消除了不同计算机之间信息交流的障碍; CSS,可以帮助把网页外观做得更加美观; JavaScript,是一种轻量级的解释型编程语言; jQuery,使用户能更方便地处理HTML documents、events、实现动画效果,并且方便地为网站提供AJAX交互; Bootstrap 是快速开发 Web 应用程序的前端工具包。它是一个 CSS,HTML 和 JS 的集合,它使用了最新的浏览器技术,给你的 Web 开发提供了时尚的版式; AJAX,创建交互式网页应用的网页开发技术。 【设计思路】 用户友好性:界面简洁直观,易于操作,减少用户的学习成本。 模块化设计:将系统功能模块化,每个模块负责一类功能,方便扩展和维护。 Responsiveness:后台管理系统应当是响应式设计,能够适配不同设备屏幕大小,包括电脑、平板和手机等。 权限控制:根据用户角色设定不同的权限,确保用户只能访问其权限范围内的功能。 数据安全:对用户数据进行加密存储、访问控制等措施,保护用户隐私和系统安全。 日志功能:记录关键操作日志,保留操作痕迹。
资源推荐
资源详情
资源评论
收起资源包目录
移动端鞋服箱包电商网站HTML模板.zip (99个子文件)
register.html 6KB
profile.html 15KB
assets
js
plugins
svg-inject.min.js 5KB
slick.min.js 52KB
ion.rangeSlider.min.js 40KB
bootstrap.min.js 59KB
main.js 3KB
modernizr-2.8.3.min.js 15KB
jquery-3.4.1.min.js 86KB
img
hero-slider
slider-1.jpg 28KB
slider-2.jpg 56KB
slider-3.jpg 12KB
products
product3.png 13KB
product1.png 16KB
product2.png 24KB
featured
product3.png 8KB
product1.png 9KB
product2.png 8KB
product4.png 11KB
logo.png 2KB
comment
comment-2.jpg 2KB
comment-1.jpg 1KB
favicon.ico 1KB
icons
cart-two.svg 985B
cart.svg_hy1583155921902 1KB
notification.svg 1KB
category
cat5.svg 2KB
cat3.svg_hy1583155921899 2KB
cat4.svg_hy1583155921900 4KB
cat4.svg 4KB
cat2.svg 3KB
cat2.svg_hy1583155921900 3KB
cat5.svg_hy1583155921900 2KB
cat1.svg_hy1583155921900 3KB
cat1.svg 3KB
cat3.svg 2KB
edit.svg_hy1583155921902 1KB
profile.svg_hy1583155921901 622B
heart.svg_hy1583155921902 667B
home.svg_hy1583155921902 577B
search.svg 470B
wishlist.svg 683B
chat.svg 1KB
google.svg_hy1583155921903 765B
security.svg_hy1583155921902 628B
cart.svg 1KB
gear-two.svg 1KB
profile-two.svg 656B
facebook.svg 542B
profile.svg 622B
cart-three.svg 644B
home.svg 577B
star.svg 478B
star.svg_hy1583155921902 478B
facebook.svg_hy1583155921903 542B
menu.svg 752B
cart-two.svg_hy1583155921901 985B
notification.svg_hy1583155921901 1KB
menu.svg_hy1583155921900 752B
edit.svg 1KB
arrow-right.svg 415B
chat.svg_hy1583155921902 1KB
gear-two.svg_hy1583155921901 1KB
product.svg 749B
cart-three.svg_hy1583155921901 644B
heart-dark.svg 1021B
security.svg 628B
heart.svg 667B
product.svg_hy1583155921901 749B
wishlist.svg_hy1583155921901 683B
arrow-right.svg_hy1583155921902 415B
google.svg 765B
heart-dark.svg_hy1583155921902 1021B
search.svg_hy1583155921900 470B
profile-two.svg_hy1583155921901 656B
profile.jpg 4KB
product-slider
product3.png 106KB
product1.png 86KB
product2.png 115KB
contact.jpg 27KB
css
style.css 75KB
bootstrap.min.css 156KB
plugins
slick.min.css 2KB
ion.rangeSlider.min.css 11KB
cssanimation.min.css 235KB
font-awesome.min.css 30KB
fonts
fontawesome-webfont.woff2 75KB
notification.html 11KB
search.html 25KB
shop.html 26KB
login.html 5KB
wishlist.html 25KB
index.html 37KB
contact.html 11KB
chat.html 16KB
cart.html 14KB
shop-product.html 15KB
order.html 15KB
edit-profile.html 12KB
共 99 条
- 1
资源评论
枫蜜柚子茶
- 粉丝: 6820
- 资源: 5108
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功