<!doctype html>
<html class="no-js" lang="zxx">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Shop | eCommerce</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="manifest" href="https://show.17sucai.com/preview/3/2022-07-08/%E5%AE%B6%E5%B1%85%E5%95%86%E5%9F%8E/%E2%95%9D%E2%95%A5%E2%95%9B%E2%95%99%E2%95%94%E2%95%A0%E2%94%82%E2%95%9F/site.webmanifest">
<link rel="shortcut icon" type="image/x-icon" href="https://show.17sucai.com/preview/3/2022-07-08/%E5%AE%B6%E5%B1%85%E5%95%86%E5%9F%8E/%E2%95%9D%E2%95%A5%E2%95%9B%E2%95%99%E2%95%94%E2%95%A0%E2%94%82%E2%95%9F/assets/img/favicon.ico">
<!-- 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/slicknav.css">
<link rel="stylesheet" href="assets/css/flaticon.css">
<link rel="stylesheet" href="assets/css/progressbar_barfiller.css">
<link rel="stylesheet" href="assets/css/lightslider.min.css">
<link rel="stylesheet" href="assets/css/price_rangs.css">
<link rel="stylesheet" href="assets/css/gijgo.css">
<link rel="stylesheet" href="assets/css/animate.min.css">
<link rel="stylesheet" href="assets/css/animated-headline.css">
<link rel="stylesheet" href="assets/css/magnific-popup.css">
<link rel="stylesheet" href="assets/css/fontawesome-all.min.css">
<link rel="stylesheet" href="assets/css/themify-icons.css">
<link rel="stylesheet" href="assets/css/slick.css">
<link rel="stylesheet" href="assets/css/nice-select.css">
<link rel="stylesheet" href="assets/css/style.css">
</head>
<body>
<!-- ? Preloader Start -->
<div id="preloader-active">
<div class="preloader d-flex align-items-center justify-content-center">
<div class="preloader-inner position-relative">
<div class="preloader-circle"></div>
<div class="preloader-img pere-text">
<img src="assets/picture/loder.png" alt="">
</div>
</div>
</div>
</div>
<!-- Preloader Start-->
<header>
<!-- Header Start -->
<div class="header-area">
<div class="main-header header-sticky">
<div class="container-fluid">
<div class="row menu-wrapper align-items-center justify-content-between">
<div class="header-left d-flex align-items-center">
<!-- Logo -->
<div class="logo">
<a href="index.html"><img src="assets/picture/logo.png" alt=""></a>
</div>
<!-- Logo-2 -->
<div class="logo2">
<a href="index.html"><img src="assets/picture/loder.png" alt=""></a>
</div>
<!-- Main-menu -->
<div class="main-menu d-none d-lg-block">
<nav>
<ul id="navigation">
<li><a href="index.html">Home</a></li>
<li><a href="">Product</a></li>
<li><a href="about.html">About</a></li>
<li><a href="#">Page</a>
<ul class="submenu">
<li><a href="login.html">Login</a></li>
<li><a href="card.html">Card</a></li>
<li><a href="categories.html">Categories</a></li>
<li><a href="checkout.html">Checkout</a></li>
<li><a href="product_details.html">Product Details</a></li>
</ul>
</li>
<li><a href="blog.html">Blog</a>
<ul class="submenu">
<li><a href="blog.html">Blog</a></li>
<li><a href="blog_details.html">Blog Details</a></li>
<li><a href="elements.html">Elements</a></li>
</ul>
</li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
</div>
</div>
<div class="header-right1 d-flex align-items-center">
<div class="search">
<ul class="d-flex align-items-center">
<li>
<!-- Search Box -->
<form action="#" class="form-box f-right ">
<input type="text" name="Search" placeholder="Search products">
<div class="search-icon">
<i class="ti-search"></i>
</div>
</form>
</li>
<li>
<a href="login.html" class="account-btn" target="_blank">My Account</a>
</li>
<li>
<div class="card-stor">
<img src="assets/picture/card.svg" alt="">
<span>0</span>
</div>
</li>
</ul>
</div>
</div>
<!-- Mobile Menu -->
<div class="col-12">
<div class="mobile_menu d-block d-lg-none"></div>
</div>
</div>
</div>
</div>
</div>
<!-- Header End -->
</header>
<!-- header end -->
<!-- header end -->
<main>
<!--? slider Area Start-->
<div class="slider-area ">
<div class="slider-active">
<div class="single-slider hero-overly2 slider-height2 d-flex align-items-center slider-bg2">
<div class="container">
<div class="row">
<div class="col-xl-6 col-lg-8 col-md-8">
<div class="hero__caption hero__caption2">
<h1 data-animation="fadeInUp" data-delay=".4s">Products</h1>
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="index.html">Home</a></li>
<li class="breadcrumb-item"><a href="#">Products</a></li>
</ol>
</nav>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- slider Area End-->
<!--? Properties Start -->
<section class=
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
【技术分析】 HTML,是一种制作万维网页面的标准语言,它消除了不同计算机之间信息交流的障碍; CSS,可以帮助把网页外观做得更加美观; JavaScript,是一种轻量级的解释型编程语言; jQuery,使用户能更方便地处理HTML documents、events、实现动画效果,并且方便地为网站提供AJAX交互; Bootstrap 是快速开发 Web 应用程序的前端工具包。它是一个 CSS,HTML 和 JS 的集合,它使用了最新的浏览器技术,给你的 Web 开发提供了时尚的版式; AJAX,创建交互式网页应用的网页开发技术。 【设计思路】 用户友好性:界面简洁直观,易于操作,减少用户的学习成本。 模块化设计:将系统功能模块化,每个模块负责一类功能,方便扩展和维护。 Responsiveness:后台管理系统应当是响应式设计,能够适配不同设备屏幕大小,包括电脑、平板和手机等。 权限控制:根据用户角色设定不同的权限,确保用户只能访问其权限范围内的功能。 数据安全:对用户数据进行加密存储、访问控制等措施,保护用户隐私和系统安全。 日志功能:记录关键操作日志,保留操作痕迹。
资源推荐
资源详情
资源评论
收起资源包目录
html+css+bootstrap实现电商-智能家居网站模板,优质的网页设计eCommerce家居网html.zip (184个子文件)
style.css 139KB
bootstrap.min.css 138KB
gijgo.css 59KB
animate.min.css 55KB
fontawesome-all.min.css 34KB
animated-headline.css 26KB
themify-icons.css 16KB
magnific-popup.css 7KB
css2.css 7KB
price_rangs.css 6KB
slicknav.css 6KB
lightslider.min.css 6KB
nice-select.css 4KB
owl.carousel.min.css 3KB
flaticon.css 2KB
slick.css 2KB
progressbar_barfiller.css 2KB
fa-solid-900.eot 100KB
fa-brands-400.eot 96KB
themify.eot 77KB
fa-regular-400.eot 30KB
gijgo-material.eot 7KB
product.html 62KB
contact.html 48KB
index.html 42KB
elements.html 41KB
product_details.html 37KB
blog.html 33KB
blog_details.html 30KB
checkout.html 28KB
card.html 25KB
categories.html 25KB
about.html 20KB
register.html 6KB
login.html 6KB
g7.jpg 154KB
g7.jpg 154KB
g7.jpg 154KB
g1.jpg 122KB
g1.jpg 122KB
g1.jpg 122KB
g2.jpg 114KB
g2.jpg 114KB
g2.jpg 114KB
g4.jpg 83KB
g4.jpg 83KB
g4.jpg 83KB
g3.jpg 80KB
g3.jpg 80KB
g3.jpg 80KB
g6.jpg 73KB
g6.jpg 73KB
g6.jpg 73KB
g5.jpg 63KB
g5.jpg 63KB
g5.jpg 63KB
g8.jpg 16KB
g8.jpg 16KB
g8.jpg 16KB
d.jpg 14KB
card.jpg 4KB
f3.jpg 2KB
f2.jpg 2KB
f1.jpg 2KB
f5.jpg 2KB
f4.jpg 2KB
f7.jpg 1KB
f6.jpg 1KB
f8.jpg 1KB
gijgo.min.js 173KB
jquery-1.12.4.min.js 95KB
price_rangs.js 84KB
bootstrap.min.js 48KB
slick.min.js 42KB
owl.carousel.min.js 42KB
jquery.form.js 40KB
jquery.validate.min.js 21KB
jquery.magnific-popup.js 20KB
popper.min.js 19KB
lightslider.min.js 16KB
jquery.sticky.js 10KB
modernizr-3.5.0.min.js 8KB
jquery.slicknav.min.js 8KB
wow.min.js 8KB
waypoints.min.js 8KB
main.js 6KB
jquery.barfiller.js 6KB
animated.headline.js 5KB
jquery.countdown.min.js 5KB
jquery.ajaxchimp.min.js 5KB
contact.js 3KB
jquery.nice-select.min.js 3KB
mail-script.js 1KB
jquery.counterup.min.js 1KB
hover-direction-snake.min.js 867B
plugins.js 760B
h1_hero.png 2.21MB
about2.png 849KB
visit_bg.png 822KB
h2_hero1.png 778KB
共 184 条
- 1
- 2
资源评论
枫蜜柚子茶
- 粉丝: 6988
- 资源: 5108
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功