<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Beshop eCommerce HTML5 Template</title>
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="vendors/linericon/style.css">
<link rel="stylesheet" href="css/font-awesome.min.css">
<link rel="stylesheet" href="vendors/elegant-icon/style.css">
<link rel="stylesheet" href="vendors/material-icon/css/materialdesignicons.min.css">
<!-- Rev slider css -->
<link href="vendors/revolution/css/settings.css" rel="stylesheet">
<link href="vendors/revolution/css/layers.css" rel="stylesheet">
<link href="vendors/revolution/css/navigation.css" rel="stylesheet">
<link href="vendors/animate-css/animate.css" rel="stylesheet">
<!-- Plugin css -->
<link rel="stylesheet" href="vendors/nice-select/css/nice-select.css">
<link rel="stylesheet" href="vendors/owl-carousel/assets/owl.carousel.min.css">
<!-- main css -->
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/responsive.css">
</head>
<body>
<!--================Header Area =================-->
<header class="header_area menu_three fixed_menu">
<div class="main_menu_three">
<div class="container">
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<a class="navbar-brand" href="#"><img src="img/logo.png" alt=""></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto">
<li class="dropdown submenu active">
<a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">Home</a>
<ul class="dropdown-menu">
<li><a href="index.html">Home 01</a></li>
<li><a href="index-2.html">Home 02</a></li>
<li><a href="index-3.html">Home 03</a></li>
<li><a href="index-4.html">Home 04</a></li>
<li><a href="index-5.html">Home 05</a></li>
</ul>
</li>
<li><a href="about-us.html">About Us</a></li>
<li class="dropdown submenu">
<a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">Pages</a>
<ul class="dropdown-menu">
<li><a href="testimonials.html">Testimonials</a></li>
<li><a href="track.html">Track</a></li>
<li><a href="listing-collection.html">Listing Collecion</a></li>
<li><a href="event-details.html">Event Details</a></li>
<li><a href="register.html">Register</a></li>
<li><a href="login.html">Login</a></li>
<li><a href="coming-soon.html">Comming Soon</a></li>
<li><a href="404.html">Error</a></li>
</ul>
</li>
<li class="dropdown submenu">
<a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">Shop</a>
<ul class="dropdown-menu">
<li><a href="product-grid-3.html">Product 01</a></li>
<li><a href="product-grid-4.html">Product 02</a></li>
<li><a href="product-left-sidebar.html">Product Left Sidebar</a></li>
<li><a href="product-right-sidebar.html">Product Right Sidebar</a></li>
<li><a href="product-details.html">Product Details 01</a></li>
<li><a href="product-details-2.html">Product Details 02</a></li>
<li><a href="shoping-cart.html">Shoping Cart 01</a></li>
<li><a href="shoping-cart-2.html">Shoping Cart 02</a></li>
</ul>
</li>
<li class="dropdown submenu">
<a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">News</a>
<ul class="dropdown-menu">
<li><a href="blog.html">Blog</a></li>
<li><a href="single-blog-left-sidebar.html">Blog Left Sidebar</a></li>
<li><a href="single-blog-right-sidebar.html">Blog Right Sidebar</a></li>
</ul>
</li>
<li><a href="contact.html">Contact</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="about-us.html"><i class="mdi mdi-magnify"></i></a></li>
<li><a href="about-us.html">Eng</a></li>
<li><a href="about-us.html">Usd</a></li>
<li><a href="about-us.html">Account</a></li>
<li><a href="about-us.html"><i class="mdi mdi-cart-outline"></i></a></li>
</ul>
</div>
</nav>
</div>
</div>
</header>
<!--================Header Area =================-->
<!--================Home Three Slider Area =================-->
<section class="home_slider_area">
<div id="main_slider3" class="rev_slider" data-version="5.3.1.6">
<ul>
<li data-index="rs-1587" data-transition="fade" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default" data-easeout="default" data-masterspeed="300">
<!-- MAIN IMAGE -->
<img src="img/home-slider/slider-5.jpg" alt="" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="5" class="rev-slidebg" data-no-retina>
<div class="slider_text_box">
<div class="tp-caption Agency-Title tp-resizeme first_text"
id="slide-2971-layer-2"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['-101','-101','-108','-107']"
data-fontsize="['50','50','50','50','30']"
data-lineheight="['55','55','55','50','35']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-type="text"
data-responsive_offset="on"
data-frames='[{"from":"y:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;","speed":2000,"to":"o:1;","delay":1250,"ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"to":"opacity:0;","ease":"nothing"}]'
data-textAlign="['left','left','left','left']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="text-transform: none;">Summer Stock Collection
</div>
<div class="tp-caption Agency-SubTitle tp-resizeme secand_text"
id="slide-2971-layer-1"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['-42','-41','-46','-45']"
data-width="['none','none','480','360']"
data-height="none"
data-whitespace="['nowrap','nowrap','normal','normal']"
data-type="text"
data-responsive_offset="on"
data-frames='[{"from":"y:50px;opacity:0;","speed":2000,"to":"o:1;","delay":1500,"ease":"Power2.easeInOut"},{"delay":"wait","speed":300,"to":"opacity:0;","ease":"nothing"}]'
data-textAlign="['center','center','center','center']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="font-style:normal; letter-spacing: 2px; text-transform: uppercase;font-weight: normal">Best Collection</div>
<div class="tp-caption Agency-PlayBtn rev-btn tp-resizeme
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
【技术分析】 HTML,是一种制作万维网页面的标准语言,它消除了不同计算机之间信息交流的障碍; CSS,可以帮助把网页外观做得更加美观; JavaScript,是一种轻量级的解释型编程语言; jQuery,使用户能更方便地处理HTML documents、events、实现动画效果,并且方便地为网站提供AJAX交互; Bootstrap 是快速开发 Web 应用程序的前端工具包。它是一个 CSS,HTML 和 JS 的集合,它使用了最新的浏览器技术,给你的 Web 开发提供了时尚的版式; AJAX,创建交互式网页应用的网页开发技术。 【设计思路】 用户友好性:界面简洁直观,易于操作,减少用户的学习成本。 模块化设计:将系统功能模块化,每个模块负责一类功能,方便扩展和维护。 Responsiveness:后台管理系统应当是响应式设计,能够适配不同设备屏幕大小,包括电脑、平板和手机等。 权限控制:根据用户角色设定不同的权限,确保用户只能访问其权限范围内的功能。 数据安全:对用户数据进行加密存储、访问控制等措施,保护用户隐私和系统安全。 日志功能:记录关键操作日志,保留操作痕迹。
资源推荐
资源详情
资源评论
收起资源包目录
html5在线家具销售电商网站模板.7z (218个子文件)
style.css 144KB
layers.css 143KB
bootstrap.min.css 138KB
materialdesignicons.min.css 126KB
animate.css 71KB
navigation.css 58KB
font-awesome.min.css 30KB
settings.css 29KB
style.css 25KB
responsive.css 20KB
style.css 8KB
jquery.flipster.min.css 8KB
magnific-popup.css 7KB
nouislider.css 5KB
nice-select.css 4KB
owl.carousel.min.css 3KB
slick.css 2KB
flaticon.css 1KB
closedhand.cur 326B
openhand.cur 326B
materialdesignicons-webfont.eot 429KB
fontawesome-webfont.eot 162KB
ElegantIcons.eot 58KB
Linearicons-Free.eot 55KB
Flaticon.eot 9KB
loader.gif 2KB
index-4.html 30KB
index-3.html 29KB
product-details.html 28KB
index.html 28KB
index-5.html 26KB
product-details-2.html 26KB
product-left-sidebar.html 24KB
product-right-sidebar.html 24KB
about-us.html 24KB
product-grid-4.html 21KB
product-grid-3.html 19KB
blog.html 19KB
single-blog-left-sidebar.html 19KB
single-blog-right-sidebar.html 19KB
shoping-cart.html 18KB
event-details.html 17KB
testimonials.html 16KB
shoping-cart-2.html 16KB
contact.html 15KB
index-2.html 15KB
listing-collection.html 14KB
track.html 13KB
login.html 13KB
register.html 12KB
coming-soon.html 5KB
404.html 5KB
slider-2.jpg 195KB
coming-soon-bg.jpg 161KB
slider-5.jpg 115KB
add-img.jpg 114KB
team-4.jpg 102KB
b-product-8.jpg 96KB
team-2.jpg 90KB
story-slider-1.jpg 88KB
event-sale-discount.jpg 87KB
slider-4.jpg 85KB
today-deal.jpg 82KB
slider-1.jpg 79KB
team-1.jpg 78KB
b-product-3.jpg 74KB
b-product-9.jpg 73KB
deal-1.jpg 66KB
b-product-6.jpg 66KB
video.jpg 66KB
team-3.jpg 65KB
blog-3.jpg 64KB
b-product-4.jpg 59KB
b-product-5.jpg 59KB
slider-3.jpg 59KB
slider-2.jpg 56KB
slider-1.jpg 54KB
slider-3.jpg 53KB
b-product-7.jpg 52KB
b-product-1.jpg 51KB
l-product-8.jpg 51KB
blog-1.jpg 50KB
blog-2.jpg 48KB
blog-4.jpg 47KB
promotion-3.jpg 45KB
promotion-2.jpg 45KB
l-product-7.jpg 44KB
l-product-2.jpg 42KB
product-big-1.jpg 41KB
blog-1.jpg 39KB
product-9.jpg 37KB
deal-2.jpg 37KB
l-product-6.jpg 36KB
l-product-1.jpg 35KB
l-product-5.jpg 35KB
single-blog-1.jpg 33KB
l-product-3.jpg 33KB
promotion-1.jpg 33KB
product-3.jpg 30KB
product-11.jpg 30KB
共 218 条
- 1
- 2
- 3
资源评论
枫蜜柚子茶
- 粉丝: 8973
- 资源: 5351
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功