<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Junko - Electronics eCommerce HTML Template</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Favicon -->
<!-- CSS
========================= -->
<!-- Plugins CSS -->
<link rel="stylesheet" href="assets/css/plugins.css">
<!-- Main Style CSS -->
<link rel="stylesheet" href="assets/css/style.css">
</head>
<body>
<!--header area start-->
<!--Offcanvas menu area start-->
<div class="off_canvars_overlay">
</div>
<div class="Offcanvas_menu">
<div class="container">
<div class="row">
<div class="col-12">
<div class="canvas_open">
<a href="javascript:void(0)"><i class="ion-navicon"></i></a>
</div>
<div class="Offcanvas_menu_wrapper">
<div class="canvas_close">
<a href="javascript:void(0)"><i class="ion-android-close"></i></a>
</div>
<div class="support_info">
<p>Telephone Enquiry: <a href="tel:0123456789">0123456789</a></p>
</div>
<div class="top_right text-right">
<ul>
<li><a href="my-account.html"> My Account </a></li>
<li><a href="checkout.html"> Checkout </a></li>
</ul>
</div>
<div class="search_container">
<form action="#">
<div class="hover_category">
<select class="select_option" name="select" id="categori">
<option selected="" value="1">All Categories</option>
<option value="2">Accessories</option>
<option value="3">Accessories & More</option>
<option value="4">Butters & Eggs</option>
<option value="5">Camera & Video </option>
<option value="6">Mornitors</option>
<option value="7">Tablets</option>
<option value="8">Laptops</option>
<option value="9">Handbags</option>
<option value="10">Headphone & Speaker</option>
<option value="11">Herbs & botanicals</option>
<option value="12">Vegetables</option>
<option value="13">Shop</option>
<option value="14">Laptops & Desktops</option>
<option value="15">Watchs</option>
<option value="16">Electronic</option>
</select>
</div>
<div class="search_box">
<input placeholder="Search product..." type="text">
<button type="submit">Search</button>
</div>
</form>
</div>
<div class="middel_right_info">
<div class="header_wishlist">
<a href="wishlist.html"><i class="fa fa-heart-o" aria-hidden="true"></i></a>
<span class="wishlist_quantity">3</span>
</div>
<div class="mini_cart_wrapper">
<a href="javascript:void(0)"><i class="fa fa-shopping-bag" aria-hidden="true"></i>$147.00 <i class="fa fa-angle-down"></i></a>
<span class="cart_quantity">2</span>
<!--mini cart-->
<div class="mini_cart">
<div class="cart_item">
<div class="cart_img">
<a href="#"><img src="assets/picture/product.jpg" alt=""></a>
</div>
<div class="cart_info">
<a href="#">Sit voluptatem rhoncus sem lectus</a>
<p>Qty: 1 X <span> $60.00 </span></p>
</div>
<div class="cart_remove">
<a href="#"><i class="ion-android-close"></i></a>
</div>
</div>
<div class="cart_item">
<div class="cart_img">
<a href="#"><img src="assets/picture/product2.jpg" alt=""></a>
</div>
<div class="cart_info">
<a href="#">Natus erro at congue massa commodo</a>
<p>Qty: 1 X <span> $60.00 </span></p>
</div>
<div class="cart_remove">
<a href="#"><i class="ion-android-close"></i></a>
</div>
</div>
<div class="mini_cart_table">
<div class="cart_total">
<span>Sub total:</span>
<span class="price">$138.00</span>
</div>
<div class="cart_total mt-10">
<span>total:</span>
<span class="price">$138.00</span>
</div>
</div>
<div class="mini_cart_footer">
<div class="cart_button">
<a href="cart.html">View cart</a>
</div>
<div class="cart_button">
<a href="checkout.html">Checkout</a>
</div>
</div>
</div>
<!--mini cart end-->
</div>
</div>
<div id="menu" class="text-left ">
<ul class="offcanvas_main_menu">
<li class="menu-item-has-children active">
<a href="#">Home</a>
<ul class="sub-menu">
<li><a href="index.html">Home 1</a></li>
<li><a href="">Home 2</a></li>
<li><a href="index-3.html">Home 3</a
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
【技术分析】 HTML,是一种制作万维网页面的标准语言,它消除了不同计算机之间信息交流的障碍; CSS,可以帮助把网页外观做得更加美观; JavaScript,是一种轻量级的解释型编程语言; jQuery,使用户能更方便地处理HTML documents、events、实现动画效果,并且方便地为网站提供AJAX交互; Bootstrap 是快速开发 Web 应用程序的前端工具包。它是一个 CSS,HTML 和 JS 的集合,它使用了最新的浏览器技术,给你的 Web 开发提供了时尚的版式; AJAX,创建交互式网页应用的网页开发技术。 【设计思路】 用户友好性:界面简洁直观,易于操作,减少用户的学习成本。 模块化设计:将系统功能模块化,每个模块负责一类功能,方便扩展和维护。 Responsiveness:后台管理系统应当是响应式设计,能够适配不同设备屏幕大小,包括电脑、平板和手机等。 权限控制:根据用户角色设定不同的权限,确保用户只能访问其权限范围内的功能。 数据安全:对用户数据进行加密存储、访问控制等措施,保护用户隐私和系统安全。 日志功能:记录关键操作日志,保留操作痕迹。
资源推荐
资源详情
资源评论
收起资源包目录
html+css+bootstrap实现电商-数码商城模板,商城网站模板源码Junko.zip (167个子文件)
plugins.css 416KB
style.css 205KB
css.css 13KB
fontawesome-webfont.eot 162KB
ionicons.eot 118KB
index-2.html 285KB
index-3.html 237KB
index-5.html 166KB
index-4.html 157KB
shop.html 154KB
shop-right-sidebar.html 154KB
shop-list.html 154KB
shop-right-sidebar-list.html 154KB
index.html 147KB
shop-fullwidth.html 145KB
shop-fullwidth-list.html 145KB
product-sidebar.html 125KB
variable-product.html 111KB
product-countdown.html 110KB
product-details.html 109KB
product-grouped.html 96KB
blog-details.html 78KB
blog-sidebar.html 78KB
blog.html 78KB
blog-fullwidth.html 76KB
checkout.html 73KB
services.html 70KB
blog-no-sidebar.html 70KB
faq.html 68KB
my-account.html 67KB
about.html 65KB
compare.html 64KB
cart.html 63KB
privacy-policy.html 62KB
wishlist.html 61KB
contact.html 60KB
login.html 59KB
404.html 57KB
blog3.jpg 196KB
blog-big3.jpg 174KB
blog1.jpg 167KB
blog-big1.jpg 154KB
blog5.jpg 127KB
blog-big4.jpg 127KB
about1.jpg 113KB
blog-big2.jpg 99KB
blog4.jpg 94KB
blog10.jpg 85KB
services4.jpg 83KB
slider3.jpg 73KB
blog7.jpg 73KB
slider1.jpg 72KB
slider2.jpg 65KB
blog8.jpg 56KB
blog2.jpg 55KB
blog9.jpg 52KB
banner8.jpg 40KB
productbig.jpg 32KB
about2.jpg 31KB
about3.jpg 29KB
product19.jpg 26KB
banner2.jpg 26KB
banner10.jpg 25KB
banner6.jpg 25KB
productbig1.jpg 24KB
banner5.jpg 23KB
productbig2.jpg 23KB
services3.jpg 23KB
product21.jpg 23KB
product22.jpg 22KB
banner9.jpg 22KB
banner22.jpg 21KB
product9.jpg 20KB
banner4.jpg 19KB
product11.jpg 17KB
product12.jpg 16KB
productbig3.jpg 16KB
productbig5.jpg 15KB
banner3.jpg 15KB
banner7.jpg 15KB
services2.jpg 14KB
product31.jpg 12KB
product5.jpg 12KB
product15.jpg 11KB
product6.jpg 11KB
product16.jpg 11KB
product14.jpg 10KB
banner1.jpg 10KB
product18.jpg 9KB
product17.jpg 9KB
product4.jpg 9KB
product13.jpg 8KB
product2.jpg 8KB
product.jpg 8KB
product1.jpg 8KB
product8.jpg 8KB
product24.jpg 8KB
product23.jpg 8KB
product7.jpg 8KB
product20.jpg 7KB
共 167 条
- 1
- 2
资源评论
枫蜜柚子茶
- 粉丝: 8975
- 资源: 5351
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功