<!DOCTYPE html>
<html lang="zxx" dir="ltr">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Hmart – Electronics eCommerce HTML Template</title>
<meta name="robots" content="index, follow">
<meta name="description" content="Hmart-Smart Product eCommerce html Template">
<!-- Favicon -->
<link rel="shortcut icon" type="image/x-icon" href="https://www.17sucai.com/2021/9/5m5ob11247/assets/images/favicon.ico">
<!-- CSS
============================================ -->
<!-- <link rel="stylesheet" href="assets/css/bootstrap.min.css" />
<link rel="stylesheet" href="assets/css/font.awesome.css" />
<link rel="stylesheet" href="assets/css/pe-icon-7-stroke.css" />
<link rel="stylesheet" href="assets/css/animate.min.css">
<link rel="stylesheet" href="assets/css/swiper-bundle.min.css">
<link rel="stylesheet" href="assets/css/venobox.css">
<link rel="stylesheet" href="assets/css/jquery-ui.min.css"> -->
<!-- Style CSS -->
<!-- <link rel="stylesheet" href="assets/css/style.css"> -->
<!-- Minify Version -->
<link rel="stylesheet" href="assets/css/plugins.min.css">
<link rel="stylesheet" href="assets/css/style.min.css">
</head>
<body>
<div class="main-wrapper">
<header>
<!-- Header top area start -->
<div class="header-top">
<div class="container">
<div class="row justify-content-between align-items-center">
<div class="col">
<div class="welcome-text">
<p>World Wide Completely Free Returns and Shipping</p>
</div>
</div>
<div class="col d-none d-lg-block">
<div class="top-nav">
<ul>
<li><a href="tel:0123456789"><i class="fa fa-phone"></i> +012 3456 789</a></li>
<li><a href="mailto:[email protected]"><i class="fa fa-envelope-o"></i> [email protected]</a></li>
<li><a href="my-account.html"><i class="fa fa-user"></i> Account</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- Header top area end -->
<!-- Header action area start -->
<div class="header-bottom d-none d-lg-block">
<div class="container">
<div class="row justify-content-between align-items-center">
<div class="col-lg-3 col">
<div class="header-logo">
<a href="index.html"><img src="assets/picture/logo.png" alt="Site Logo"></a>
</div>
</div>
<div class="col-lg-6 d-none d-lg-block">
<div class="search-element">
<form action="#">
<input type="text" placeholder="Search">
<button><i class="pe-7s-search"></i></button>
</form>
</div>
</div>
<div class="col-lg-3 col">
<div class="header-actions">
<!-- Single Wedge Start -->
<a href="#offcanvas-wishlist" class="header-action-btn offcanvas-toggle">
<i class="pe-7s-like"></i>
</a>
<!-- Single Wedge End -->
<a href="#offcanvas-cart" class="header-action-btn header-action-btn-cart offcanvas-toggle pr-0">
<i class="pe-7s-shopbag"></i>
<span class="header-action-num">01</span>
<!-- <span class="cart-amount">€30.00</span> -->
</a>
<a href="#offcanvas-mobile-menu" class="header-action-btn header-action-btn-menu offcanvas-toggle d-lg-none">
<i class="pe-7s-menu"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<!-- Header action area end -->
<!-- Header action area start -->
<div class="header-bottom d-lg-none sticky-nav style-1">
<div class="container">
<div class="row justify-content-between align-items-center">
<div class="col-lg-3 col">
<div class="header-logo">
<a href="index.html"><img src="assets/picture/logo.png" alt="Site Logo"></a>
</div>
</div>
<div class="col-lg-6 d-none d-lg-block">
<div class="search-element">
<form action="#">
<input type="text" placeholder="Search">
<button><i class="pe-7s-search"></i></button>
</form>
</div>
</div>
<div class="col-lg-3 col">
<div class="header-actions">
<!-- Single Wedge Start -->
<a href="#offcanvas-wishlist" class="header-action-btn offcanvas-toggle">
<i class="pe-7s-like"></i>
</a>
<!-- Single Wedge End -->
<a href="#offcanvas-cart" class="header-action-btn header-action-btn-cart offcanvas-toggle pr-0">
<i class="pe-7s-shopbag"></i>
<span class="header-action-num">01</span>
<!-- <span class="cart-amount">€30.00</span> -->
</a>
<a href="#offcanvas-mobile-menu" class="header-action-btn header-action-btn-menu offcanvas-toggle d-lg-none">
<i class="pe-7s-menu"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<!-- Header action area end -->
<!-- header navigation area start -->
<div class="header-nav-area d-none d-lg-block sticky-nav">
<div class="container">
<div class="header-nav">
<div class="main-menu position-relative">
<ul>
<li class="dropdown"><a href="#">Home <i class="fa fa-angle-down"></i></a>
<ul class="sub-menu">
<li><a href="index.html">Home 1</a></li>
<li><a href="index-2.html">Home 2</a></li>
</ul>
</li>
<li><a href="about.html">About</a></li>
<li class="dropdown position-static"><a href="about.html">Pages <i class="fa fa-angle-
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
【技术分析】 HTML,是一种制作万维网页面的标准语言,它消除了不同计算机之间信息交流的障碍; CSS,可以帮助把网页外观做得更加美观; JavaScript,是一种轻量级的解释型编程语言; jQuery,使用户能更方便地处理HTML documents、events、实现动画效果,并且方便地为网站提供AJAX交互; Bootstrap 是快速开发 Web 应用程序的前端工具包。它是一个 CSS,HTML 和 JS 的集合,它使用了最新的浏览器技术,给你的 Web 开发提供了时尚的版式; AJAX,创建交互式网页应用的网页开发技术。 【设计思路】 用户友好性:界面简洁直观,易于操作,减少用户的学习成本。 模块化设计:将系统功能模块化,每个模块负责一类功能,方便扩展和维护。 Responsiveness:后台管理系统应当是响应式设计,能够适配不同设备屏幕大小,包括电脑、平板和手机等。 权限控制:根据用户角色设定不同的权限,确保用户只能访问其权限范围内的功能。 数据安全:对用户数据进行加密存储、访问控制等措施,保护用户隐私和系统安全。 日志功能:记录关键操作日志,保留操作痕迹。
资源推荐
资源详情
资源评论
收起资源包目录
html+css+bootstrap实现电商-数码产品网页设计,电子产品网站模板Hmart.zip (156个子文件)
plugins.min.css 321KB
style.min.css 182KB
css2.css 10KB
shop-list-left-sidebar.html 145KB
shop-left-sidebar.html 145KB
shop-right-sidebar.html 145KB
shop-list-right-sidebar.html 145KB
shop-4-column.html 140KB
shop-3-column.html 139KB
index.html 138KB
single-product-variable.html 94KB
single-product-group.html 93KB
index-2.html 92KB
single-product-tabstyle-3.html 92KB
single-product-tabstyle-2.html 92KB
single-product-affiliate.html 91KB
single-product.html 91KB
single-product-sticky-right.html 90KB
single-product-sticky-left.html 90KB
single-product-slider.html 90KB
single-product-gallery-right.html 89KB
single-product-gallery-left.html 89KB
blog-grid-right-sidebar.html 64KB
blog-grid-left-sidebar.html 64KB
blog-single-right-sidebar.html 64KB
blog-single-left-sidebar.html 63KB
about.html 60KB
blog-list-left-sidebar.html 58KB
blog-list-right-sidebar.html 58KB
checkout.html 57KB
blog-grid.html 56KB
blog-single.html 56KB
cart.html 52KB
my-account.html 52KB
blog-list.html 50KB
compare.html 49KB
faq.html 48KB
wishlist.html 46KB
contact.html 45KB
order-tracking.html 42KB
thank-you-page.html 41KB
404.html 41KB
coming-soon.html 4KB
plugins.min.js 406KB
vendor.min.js 195KB
jquery-3.6.0.min.js 87KB
main.min.js 6KB
jquery.countdown.min.js 4KB
hero-2-1.png 55KB
hero-1-2.png 33KB
hero-1-1.png 33KB
menu-banner.png 26KB
payment.png 8KB
13.png 8KB
23.png 8KB
cmpted_logo.png 4KB
21.png 4KB
11.png 4KB
contact-2.png 3KB
contact-3.png 3KB
4.png 3KB
quate-icon.png 3KB
22.png 3KB
12.png 3KB
31.png 3KB
contact-1.png 2KB
3.png 2KB
icon-youtube-play.png 2KB
1.png 2KB
logo.png 2KB
footer-logo.png 2KB
2.png 2KB
quote-shape.png 1KB
promo-video-img.webp 42KB
breadcrunb-bg.webp 34KB
single-blog.webp 26KB
25.webp 26KB
side-image.webp 24KB
12.webp 22KB
12.webp 22KB
36.webp 19KB
34.webp 19KB
14.webp 18KB
81.webp 18KB
35.webp 18KB
51.webp 15KB
51.webp 15KB
9.webp 13KB
15.webp 13KB
44.webp 12KB
32.webp 12KB
32.webp 12KB
6.webp 12KB
11.webp 10KB
23.webp 9KB
23.webp 9KB
54.webp 9KB
41.webp 7KB
41.webp 7KB
21.webp 7KB
共 156 条
- 1
- 2
资源评论
枫蜜柚子茶
- 粉丝: 6109
- 资源: 4168
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功