<!DOCTYPE html>
<!--[if (gte IE 9)|!(IE)]><!-->
<html lang="en">
<!--<![endif]-->
<head>
<!-- ===== BASIC PAGE NEEDS ===== -->
<meta charset="utf-8">
<title>Cools</title>
<!-- ===== SEO MATE ===== -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="distribution" content="global">
<meta name="revisit-after" content="2 Days">
<meta name="robots" content="ALL">
<meta name="rating" content="8 YEARS">
<meta name="Language" content="en-us">
<meta name="GOOGLEBOT" content="NOARCHIVE">
<!-- ===== MOBILE SPECIFICATION ===== -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="viewport" content="width=device-width">
<!-- ===== CSS ===== -->
<link rel="stylesheet" type="text/css" href="assets/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="assets/css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="assets/css/style.css">
<link rel="stylesheet" type="text/css" href="assets/css/magnific-popup.css">
<link rel="stylesheet" type="text/css" href="assets/css/owl.carousel.css">
<link rel="shortcut icon" href="/html594/static/image/favicon.png">
</head>
<body>
<!-- ===== LODER ===== -->
<div class="wrapper">
<div id="subscribe-me" class="modal animated fade in" role="dialog" data-keyboard="true" tabindex="-1">
<div class="newsletter-popup">
<img class="offer" src="assets/images/newsbg.jpg" alt="offer">
<div class="newsletter-popup-static newsletter-popup-top">
<div class="popup-text">
<div class="popup-title">50% <span>off</span></div>
<div class="popup-desc">
<div>Sign up and get 50% off your next Order</div>
</div>
</div>
<form onsubmit="return validatpopupemail();" method="post">
<div class="form-group required">
<input type="email" name="email-popup" id="email-popup" placeholder="Enter Your Email" class="form-control input-lg" required="">
<button type="submit" class="btn btn-default btn-lg" id="email-popup-submit">Subscribe</button>
<label class="checkme">
<input type="checkbox" value="" id="checkme">Dont show again</label>
</div>
</form>
</div>
</div>
</div>
<!-- ===== HEADER START ===== -->
<header id="header">
<div class="header-top">
<div class="container">
<div class="row">
<div class="col-sm-6">
<ul class="header-top-left">
<li class="language dropdown"> <span class="dropdown-toggle" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" role="button"> <img src="assets/images/English-icon.gif" alt="img"> English <span class="caret"></span> </span>
<ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
<li><a href="#"><img src="assets/images/English-icon.gif" alt="img"> English</a></li>
<li><a href="#"><img src="assets/images/French-icon.gif" alt="img"> French</a></li>
<li><a href="#"><img src="assets/images/German-icon.gif" alt="img"> German</a></li>
</ul>
</li>
<li class="currency dropdown"> <span class="dropdown-toggle" id="dropdownMenu12" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" role="button"> USD <span class="caret"></span> </span>
<ul class="dropdown-menu" aria-labelledby="dropdownMenu12">
<li><a href="#">USD</a></li>
<li><a href="#">EUR</a></li>
<li><a href="#">AUD</a></li>
</ul>
</li>
</ul>
</div>
<div class="col-sm-6">
<ul class="header-top-right text-right">
<li class="account"><a href="login.html">My Account</a></li>
<li class="sitemap"><a href="#">Sitemap</a></li>
<li class="cart"><a href="cart_page.html">My Cart</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="header">
<div class="container">
<nav class="navbar">
<div class="navbar-header mtb_20"> <a class="navbar-brand" href=""> <img alt="Coolsd" src="assets/images/logo.png"> </a> </div>
<div class="header-right pull-right mtb_50">
<button class="navbar-toggle pull-left" type="button" data-toggle="collapse" data-target=".js-navbar-collapse"> <span class="i-bar"><i class="fa fa-bars"></i></span></button>
<div class="shopping-icon">
<div class="cart-item " data-target="#cart-dropdown" data-toggle="collapse" aria-expanded="true" role="button">Item's : <span class="cart-qty">02</span></div>
<div id="cart-dropdown" class="cart-menu collapse">
<ul>
<li>
<table class="table table-striped">
<tbody>
<tr>
<td class="text-center"><a href="#"><img src="assets/images/70x84.jpg" alt="iPod Classic" title="iPod Classic"></a></td>
<td class="text-left product-name"><a href="#">MacBook Pro</a>
<span class="text-left price">$20.00</span>
<input class="cart-qty" name="product_quantity" min="1" value="1" type="number">
</td>
<td class="text-center"><a class="close-cart"><i class="fa fa-times-circle"></i></a></td>
</tr>
<tr>
<td class="text-center"><a href="#"><img src="assets/images/70x84.jpg" alt="iPod Classic" title="iPod Classic"></a></td>
<td class="text-left product-name"><a href="#">MacBook Pro</a>
<span class="text-left price">$20.00</span>
<input class="cart-qty" name="product_quantity" min="1" value="1" type="number">
</td>
<td class="text-center"><a class="close-cart"><i class="fa fa-times-circle"></i></a></td>
</tr>
</tbody>
</table>
</li>
<li>
<table class="table">
<tbody>
<tr>
<td class="text-right"><strong>Sub-Total</strong></td>
<td class="text-right">$2,100.00</td>
</tr>
<tr>
<td class="text-right"><strong>Eco Tax (-2.00)</strong></td>
<td class="text-right">$2.00</td>
</tr>
<tr>
<td class="text-right"><strong>VAT (20%)</strong></td>
<td class="text-right">$20.00</td>
</tr>
<tr>
<td class="text-right"><strong>Total</strong></td>
<td class="text-right">$2,122.00</td>
</tr>
</tbody>
</table>
</li>
<li>
<form action="javascript:;">
<input class="btn pull-left mt_10" value="View cart" type="submit">
</form>
<form action="javas
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
【技术分析】 HTML,是一种制作万维网页面的标准语言,它消除了不同计算机之间信息交流的障碍; CSS,可以帮助把网页外观做得更加美观; JavaScript,是一种轻量级的解释型编程语言; jQuery,使用户能更方便地处理HTML documents、events、实现动画效果,并且方便地为网站提供AJAX交互; Bootstrap 是快速开发 Web 应用程序的前端工具包。它是一个 CSS,HTML 和 JS 的集合,它使用了最新的浏览器技术,给你的 Web 开发提供了时尚的版式; AJAX,创建交互式网页应用的网页开发技术。 【设计思路】 用户友好性:界面简洁直观,易于操作,减少用户的学习成本。 模块化设计:将系统功能模块化,每个模块负责一类功能,方便扩展和维护。 Responsiveness:后台管理系统应当是响应式设计,能够适配不同设备屏幕大小,包括电脑、平板和手机等。 权限控制:根据用户角色设定不同的权限,确保用户只能访问其权限范围内的功能。 数据安全:对用户数据进行加密存储、访问控制等措施,保护用户隐私和系统安全。 日志功能:记录关键操作日志,保留操作痕迹。
资源推荐
资源详情
资源评论
收起资源包目录
html+css+bootstrap 商城前端页面设计web端,墨镜网页设计模板 Cools.zip (157个子文件)
bootstrap.css 149KB
style.css 52KB
ionicons.min.css 50KB
jquery-ui.css 36KB
font-awesome.min.css 30KB
magnific-popup.css 7KB
css1.css 5KB
owl.carousel.css 4KB
css.css 4KB
fontawesome-webfont.eot 162KB
ionicons.eot 118KB
loder.gif 88KB
English-icon.gif 2KB
French-icon.gif 2KB
German-icon.gif 1KB
index.html 131KB
checkout_page.html 96KB
category_page.html 84KB
cart_page.html 72KB
product_detail_page.html 61KB
blog_page.html 30KB
about.html 29KB
single_blog.html 29KB
login.html 22KB
contact_us.html 21KB
main_banner2.jpg 236KB
main_banner1.jpg 156KB
blog_img_03.jpg 141KB
blog_img_08.jpg 121KB
blog_img_02.jpg 119KB
blog_img_04.jpg 110KB
blog_img_07.jpg 104KB
blog_img_01.jpg 77KB
blog_img_01.jpg 77KB
sub1.jpg 73KB
blog_img_06.jpg 70KB
blog_img_05.jpg 67KB
menu-banner1.jpg 57KB
menu-banner3.jpg 55KB
menu-banner2.jpg 52KB
about-page-gaando.jpg 49KB
newsbg.jpg 48KB
product7-1.jpg 44KB
left1.jpg 44KB
sub2.jpg 43KB
tm2.jpg 42KB
tm4.jpg 36KB
tm3.jpg 34KB
tm1.jpg 34KB
product8.jpg 33KB
product7.jpg 33KB
product7.jpg 33KB
product5.jpg 33KB
product5.jpg 33KB
product3.jpg 31KB
product3.jpg 31KB
product1.jpg 30KB
product1.jpg 30KB
product4.jpg 30KB
product4.jpg 30KB
product10.jpg 29KB
product10-1.jpg 28KB
product2.jpg 27KB
product2.jpg 27KB
product6.jpg 27KB
product6.jpg 27KB
product4-1.jpg 27KB
product2-1.jpg 26KB
sub3.jpg 26KB
product1-1.jpg 25KB
product9.jpg 24KB
tm5.jpg 23KB
product6-1.jpg 22KB
product3-1.jpg 22KB
product5-1.jpg 22KB
product8-1.jpg 20KB
product9-1.jpg 20KB
user3.jpg 16KB
breadcrumb.jpg 8KB
user2.jpg 5KB
user1.jpg 4KB
70x84.jpg 3KB
jquery-ui.js 460KB
jQuery_v3.1.1.min.js 85KB
owl.carousel.min.js 42KB
jquery.magnific-popup.js 41KB
bootstrap.min.js 36KB
custom.js 13KB
jquery.firstVisitPopup.js 3KB
map.js 3KB
mail.js 2KB
sub5.png 404KB
brand1.png 26KB
brand4.png 25KB
sprite.png 25KB
brand9.png 24KB
brand2.png 22KB
brand8.png 22KB
brand6.png 21KB
brand3.png 21KB
共 157 条
- 1
- 2
资源评论
枫蜜柚子茶
- 粉丝: 8978
- 资源: 5351
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功