<!DOCTYPE html>
<html lang="en">
<head>
<title>Electronic Store a Ecommerce Online Shopping Category Bootstrap Responsive Website Template | Web Icons </title>
<!-- for-mobile-apps -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="keywords" content="Electronic Store Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template,
SmartPhone Compatible web template, free web designs for Nokia, Samsung, LG, SonyEricsson, Motorola web design">
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- //for-mobile-apps -->
<!-- Custom Theme files -->
<link href="static/css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
<link href="static/css/style.css" rel="stylesheet" type="text/css" media="all">
<!-- //Custom Theme files -->
<!-- font-awesome icons -->
<link href="static/css/font-awesome.css" rel="stylesheet">
<!-- //font-awesome icons -->
<!-- js -->
<script src="static/js/jquery.min.js"></script>
<!-- //js -->
<!-- web fonts -->
<!-- //web fonts -->
<!-- for bootstrap working -->
<script type="text/javascript" src="static/js/bootstrap-3.1.1.min.js"></script>
<!-- //for bootstrap working -->
<!-- start-smooth-scrolling -->
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
});
});
</script>
<!-- //end-smooth-scrolling -->
</head>
<body>
<!-- header modal -->
<div class="modal fade" id="myModal88" tabindex="-1" role="dialog" aria-labelledby="myModal88" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
×</button>
<h4 class="modal-title" id="myModalLabel">Don't Wait, Login now!</h4>
</div>
<div class="modal-body modal-body-sub">
<div class="row">
<div class="col-md-8 modal_body_left modal_body_left1" style="border-right: 1px dotted #C2C2C2;padding-right:3em;">
<div class="sap_tabs">
<div id="horizontalTab" style="display: block; width: 100%; margin: 0px;">
<ul>
<li class="resp-tab-item" aria-controls="tab_item-0"><span>Sign in</span></li>
<li class="resp-tab-item" aria-controls="tab_item-1"><span>Sign up</span></li>
</ul>
<div class="tab-1 resp-tab-content" aria-labelledby="tab_item-0">
<div class="facts">
<div class="register">
<form action="#" method="post">
<input name="Email" placeholder="Email Address" type="text" required="">
<input name="Password" placeholder="Password" type="password" required="">
<div class="sign-up">
<input type="submit" value="Sign in">
</div>
</form>
</div>
</div>
</div>
<div class="tab-2 resp-tab-content" aria-labelledby="tab_item-1">
<div class="facts">
<div class="register">
<form action="#" method="post">
<input placeholder="Name" name="Name" type="text" required="">
<input placeholder="Email Address" name="Email" type="email" required="">
<input placeholder="Password" name="Password" type="password" required="">
<input placeholder="Confirm Password" name="Password" type="password" required="">
<div class="sign-up">
<input type="submit" value="Create Account">
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<script src="static/js/easyResponsiveTabs.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
$('#horizontalTab').easyResponsiveTabs({
type: 'default', //Types: default, vertical, accordion
width: 'auto', //auto or any width like 600px
fit: true // 100% fit in a container
});
});
</script>
<div id="OR" class="hidden-xs">OR</div>
</div>
<div class="col-md-4 modal_body_right modal_body_right1">
<div class="row text-center sign-with">
<div class="col-md-12">
<h3 class="other-nw">Sign in with</h3>
</div>
<div class="col-md-12">
<ul class="social">
<li class="social_facebook"><a href="#" class="entypo-facebook"></a></li>
<li class="social_dribbble"><a href="#" class="entypo-dribbble"></a></li>
<li class="social_twitter"><a href="#" class="entypo-twitter"></a></li>
<li class="social_behance"><a href="#" class="entypo-behance"></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- header modal -->
<!-- header -->
<div class="header" id="home1">
<div class="container">
<div class="w3l_login">
<a href="#" data-toggle="modal" data-target="#myModal88"><span class="glyphicon glyphicon-user" aria-hidden="true"></span></a>
</div>
<div class="w3l_logo">
<h1><a href="index.html">Electronic Store<span>Your stores. Your place.</span></a></h1>
</div>
<div class="search">
<input class="search_box" type="checkbox" id="search_box">
<label class="icon-search" for="search_box"><span class="glyphicon glyphicon-search" aria-hidden="true"></span></label>
<div class="search_form">
<form action="#" method="post">
<input type="text" name="Search" placeholder="Search...">
<input type="submit" value="Send">
</form>
</div>
</div>
<div class="cart cart box_1">
<form action="#" method="post" class="last">
<input type="hidden" name="cmd" value="_cart">
<input type="hidden" name="display" value="1">
<button class="w3view-cart" type="submit" name="submit" value=""><i class="fa fa-cart-arrow-down" aria-hidden="true"></i></button>
</form>
</div>
</div>
</div>
<!-- //header -->
<!-- navigation -->
<div class="navigation">
<div class="container">
<nav class="navbar navbar-default">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header nav_2">
<button type="button" class="navbar-toggle collapsed navbar-toggle1" data-toggle="collapse" data-target="#bs-megadropdown-tabs">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="collapse navbar-collapse" id="bs-megadropdown-tabs">
<ul class="nav navbar-nav">
<li><a href="index.html">Home</a></li>
<!-- Mega Menu -->
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Products <b class="caret"></b></a>
<ul class="dropdown-menu multi-column columns-3">
<div class="row">
<div class="col-sm-3">
<ul class="multi-column-dropdown">
<h6>Mobiles</h6>
<li><a href="products.html">Mobile Phones</a></li>
<li><a href="products.html">Mp3 Players <span>New</span></a></li>
<li><a href="products.html">Popular Models</a></li>
<li><a href="products.html">All Tablets<span>New</span></a></li>
</ul>
</div>
<div class="col-sm-3">
<ul class="multi-column-dropdown">
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
【技术分析】 HTML,是一种制作万维网页面的标准语言,它消除了不同计算机之间信息交流的障碍; CSS,可以帮助把网页外观做得更加美观; JavaScript,是一种轻量级的解释型编程语言; jQuery,使用户能更方便地处理HTML documents、events、实现动画效果,并且方便地为网站提供AJAX交互; Bootstrap 是快速开发 Web 应用程序的前端工具包。它是一个 CSS,HTML 和 JS 的集合,它使用了最新的浏览器技术,给你的 Web 开发提供了时尚的版式; AJAX,创建交互式网页应用的网页开发技术。 【设计思路】 用户友好性:界面简洁直观,易于操作,减少用户的学习成本。 模块化设计:将系统功能模块化,每个模块负责一类功能,方便扩展和维护。 Responsiveness:后台管理系统应当是响应式设计,能够适配不同设备屏幕大小,包括电脑、平板和手机等。 权限控制:根据用户角色设定不同的权限,确保用户只能访问其权限范围内的功能。 数据安全:对用户数据进行加密存储、访问控制等措施,保护用户隐私和系统安全。 日志功能:记录关键操作日志,保留操作痕迹。
资源推荐
资源详情
资源评论
收起资源包目录
蓝色bootstrap电子产品数码商城网站模板.zip (125个子文件)
bootstrap.css 138KB
style.css 104KB
font-awesome.css 34KB
popuo-box.css 7KB
fasthover.css 6KB
flexslider.css 6KB
jquery.countdown.css 2KB
fontawesome-webfont.eot 37KB
icons.html 128KB
index.html 68KB
products1.html 59KB
products2.html 57KB
products.html 54KB
single.html 40KB
codes.html 37KB
faq.html 19KB
about.html 17KB
mail.html 14KB
b1.jpg 472KB
2.jpg 44KB
bg2.jpg 43KB
52.jpg 29KB
bg3.jpg 28KB
bg1.jpg 19KB
20.jpg 17KB
44.jpg 16KB
p12.jpg 14KB
21.jpg 13KB
p1.jpg 12KB
27.jpg 12KB
39.jpg 12KB
49.jpg 12KB
37.jpg 11KB
p10.jpg 11KB
p6.jpg 11KB
32.jpg 11KB
24.jpg 11KB
45.jpg 11KB
26.jpg 10KB
31.jpg 10KB
46.jpg 10KB
41.jpg 10KB
47.jpg 10KB
p9.jpg 10KB
22.jpg 10KB
23.jpg 9KB
30.jpg 9KB
p4.jpg 9KB
51.jpg 9KB
p2.jpg 9KB
29.jpg 9KB
36.jpg 8KB
38.jpg 8KB
a.jpg 8KB
34.jpg 8KB
35.jpg 8KB
15.jpg 8KB
28.jpg 8KB
25.jpg 8KB
1.jpg 8KB
c.jpg 8KB
19.jpg 7KB
p11.jpg 7KB
13.jpg 7KB
p13.jpg 7KB
b.jpg 7KB
12.jpg 7KB
11.jpg 7KB
50.jpg 7KB
40.jpg 7KB
48.jpg 7KB
8.jpg 6KB
p5.jpg 6KB
17.jpg 6KB
16.jpg 6KB
33.jpg 6KB
6.jpg 6KB
4.jpg 6KB
9.jpg 6KB
p3.jpg 6KB
5.jpg 6KB
10.jpg 6KB
18.jpg 5KB
p8.jpg 5KB
3.jpg 4KB
7.jpg 4KB
14.jpg 4KB
tb1.jpg 4KB
tb2.jpg 3KB
tb5.jpg 3KB
tb4.jpg 3KB
tb3.jpg 3KB
jquery.min.js 93KB
minicart.js 76KB
jquery.flexslider.js 54KB
jquery.magnific-popup.js 45KB
bootstrap-3.1.1.min.js 28KB
jquery.wmuSlider.js 12KB
jquery.flexisel.js 8KB
easyResponsiveTabs.js 6KB
共 125 条
- 1
- 2
资源评论
枫蜜柚子茶
- 粉丝: 6184
- 资源: 4168
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功