<!DOCTYPE html><html lang="en"><head><meta name="viewport" content="width=device-width, initial-scale=1"><meta charset="UTF-8"><title>Dagon</title><link rel="shortcut icon" type="image/x-icon" href="static/css/favicon.png"><link rel="stylesheet" type="text/css" href="static/css/flaticon.css"><link rel="stylesheet" type="text/css" href="static/css/animate.css"><link rel="stylesheet" type="text/css" href="static/css/bootstrap.min.css"><link rel="stylesheet" type="text/css" href="static/css/font-awesome.css"><link rel="stylesheet" type="text/css" href="static/css/pe-icon-7-stroke.css"><link rel="stylesheet" type="text/css" href="static/css/owl.carousel.css"><link rel="stylesheet" type="text/css" href="static/css/chosen.css"><link rel="stylesheet" type="text/css" href="static/css/jquery.bxslider.css"><link rel="stylesheet" type="text/css" href="static/css/style.css"><link href="static/css/css.css" rel="stylesheet"></head><body class="index-opt-1"><div class="wrapper"><form id="block-search-mobile" method="get" class="block-search-mobile"><div class="form-content"><div class="control"><a href="#" class="close-block-serach"><span class="icon flaticon-close"></span></a><input type="text" name="search" placeholder="Search" class="input-subscribe"><button type="submit" class="btn search"><span><i class="flaticon-magnifying-glass" aria-hidden="true"></i></span></button></div></div></form><div id="block-quick-view-popup" class="block-quick-view-popup"><div class="quick-view-content"><a href="#" class="popup-btn-close"><span class="flaticon-close"></span></a><div class="product-items"><div class="product-image"><a href="#"><img src="static/picture/popup-pro.jpg" alt="p1"></a></div><div class="product-info"><div class="product-name"><a href="#">Photo Camera</a></div><span class="star-rating"><i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star" aria-hidden="true"></i><span class="review">5 Review(s)</span></span><a href="wishlist.html" class="wishlist"><i class="fa fa-heart-o" aria-hidden="true"></i>Add to Wishlist</a><div class="product-infomation">Description Our new HPB12 / A12 battery is rated at 2000mAh and designed to power up Black and Decker FireStorm line of 12V tools allowing...</div></div><div class="product-info-price"><span class="price"><ins>$229.00</ins><del>$259.00</del></span><div class="quantity"><h6 class="quantity-title">Quantity:</h6><div class="buttons-added"><input type="text" value="1" title="Qty" class="input-text qty text" size="1"><a href="#" class="sign plus"><i class="fa fa-plus"></i></a><a href="#" class="sign minus"><i class="fa fa-minus"></i></a></div></div><a href="#" class="btn-add-to-cart">Add to cart</a></div></div></div></div><header class="site-header header-opt-1"><div class="header-top"><div class="container"><ul class="nav-top-left"><li><a href="#">Welcome to Dagon Shop</a></li></ul><ul class="nav-top-right dagon-nav"><li class="menu-item-has-children"><a href="#" class="dropdown-toggle"><img src="static/picture/l1.jpg" alt="flag">English<i class="fa fa-angle-down" aria-hidden="true"></i></a><ul class="submenu parent-megamenu"><li class="switcher-option"><a href="#" class="flag"><img src="static/picture/l1.jpg" alt="flag">English</a></li><li class="switcher-option"><a href="#" class="flag"><img src="static/picture/l2.jpg" alt="flag">Hungary</a></li><li class="switcher-option"><a href="#" class="flag"><img src="static/picture/l3.jpg" alt="flag">German</a></li><li class="switcher-option"><a href="#" class="flag"><img src="static/picture/l4.jpg" alt="flag">French</a></li><li class="switcher-option"><a href="#" class="flag"><img src="static/picture/l5.jpg" alt="flag">Canada</a></li></ul></li><li class="menu-item-has-children"><a href="#" class="dropdown-toggle"><span>Dollar (US)</span><i class="fa fa-angle-down" aria-hidden="true"></i></a><ul class="submenu parent-megamenu"><li class="switcher-option"><a href="#" class="switcher-flag icon">Pound (GBP)</a></li><li class="switcher-option"><a href="#" class="switcher-flag icon">Euro (EUR)</a></li><li class="switcher-option"><a href="#" class="switcher-flag icon">Dollar (USD)</a></li></ul></li><li><a href="#"><i class="flaticon-profile" aria-hidden="true"></i>Register / Sign in</a></li></ul></div></div><div class="header-content"><div class="container"><div class="row"><div class="col-md-2 nav-left"><strong class="logo"><a href=""><img src="static/picture/logo.png" alt="logo"></a></strong></div><div class="col-md-8 nav-mind"><div class="block-search"><div class="block-content"><div class="categori-search "><select title="categories" data-placeholder="All Categories" class="chosen-select categori-search-option"><option value="">All Categories</option><optgroup label="LifeStyle"><option>Cell Phones</option><option>Game & Consoles</option><option>Smart Watchs</option></optgroup><optgroup label="Smartphone"><option>Cell Phones</option><option>Game & Consoles</option><option>Smart Watchs</option></optgroup><optgroup label="LifeStyle"><option>Cell Phones</option><option>Game & Consoles</option><option>Smart Watchs</option></optgroup><optgroup label="Smartphone"><option>Cell Phones</option><option>Game & Consoles</option><option>Smart Watchs</option></optgroup></select></div><div class="form-search"><form><div class="box-group"><input type="text" class="form-control" placeholder="Search keyword here..."><button class="btn btn-search" type="button"><span class="flaticon-magnifying-glass"></span></button></div></form></div></div></div></div><div class="col-md-2 nav-right"><span data-action="toggle-nav" class="menu-on-mobile hidden-md style2"><span class="btn-open-mobile home-page"><span></span><span></span><span></span></span><span class="title-menu-mobile">Main menu</span></span><div class="block-minicart dropdown style2"><a class="minicart" href="#"><span class="counter qty"><span class="cart-icon"><i class="flaticon-shopping-cart" aria-hidden="true"></i></span><span class="counter-number">2</span></span><span class="counter-your-cart"><span class="counter-label">Your Cart:</span><span class="counter-price">$00.00</span></span></a><div class="parent-megamenu"><form><div class="minicart-content-wrapper"><div class="subtitle"> You have <span>2</span>item(s) in your cart</div><div class="minicart-items-wrapper"><ol class="minicart-items"><li class="product-inner"><div class="product-thumb style1"><div class="thumb-inner"><a href="#"><img src="static/picture/c12.jpg" alt="c1"></a></div></div><div class="product-innfo"><div class="product-name"><a href="#">Notebook Pro </a></div><a href="#" class="remove"><i class="flaticon-close" aria-hidden="true"></i></a><span class="price price-dark"><ins>$229.00</ins></span></div></li><li class="product-inner"><div class="product-thumb style1"><div class="thumb-inner"><a href="#"><img src="static/picture/c22.jpg" alt="c2"></a></div></div><div class="product-innfo"><div class="product-name"><a href="#">Bluetooth Speaker </a></div><a href="#" class="remove"><i class="flaticon-close" aria-hidden="true"></i></a><span class="price"><ins>$229.00</ins><del>$259.00</del></span></div></li></ol></div><div class="subtotal"><span class="label">Total :</span><span class="price">$480.00</span></div><div class="actions"><a class="btn btn-viewcart" href="shopping-cart.html">View cart</a><a class="btn btn-checkout" href="checkout.html">Checkout</a></div></div></form></div></div><a href="#" class="hidden-md search-hidden"><span class="flaticon-magnifying-glass"></span></a><a class="wishlist-minicart" href="wishlist.html"><i class="fa fa-heart-o" aria-hidden="true"></i></a></div></div></div></div><div class="header-menu-bar header-sticky"><div class="header-menu-nav menu-style-1"><div class="container"><div class="header-menu-nav-inner "><div class="header-menu header-menu-resize"><ul class="header-nav dagon-nav"><li class="b
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
【技术分析】 HTML,是一种制作万维网页面的标准语言,它消除了不同计算机之间信息交流的障碍; CSS,可以帮助把网页外观做得更加美观; JavaScript,是一种轻量级的解释型编程语言; jQuery,使用户能更方便地处理HTML documents、events、实现动画效果,并且方便地为网站提供AJAX交互; Bootstrap 是快速开发 Web 应用程序的前端工具包。它是一个 CSS,HTML 和 JS 的集合,它使用了最新的浏览器技术,给你的 Web 开发提供了时尚的版式; AJAX,创建交互式网页应用的网页开发技术。 【设计思路】 用户友好性:界面简洁直观,易于操作,减少用户的学习成本。 模块化设计:将系统功能模块化,每个模块负责一类功能,方便扩展和维护。 Responsiveness:后台管理系统应当是响应式设计,能够适配不同设备屏幕大小,包括电脑、平板和手机等。 权限控制:根据用户角色设定不同的权限,确保用户只能访问其权限范围内的功能。 数据安全:对用户数据进行加密存储、访问控制等措施,保护用户隐私和系统安全。 日志功能:记录关键操作日志,保留操作痕迹。
资源推荐
资源详情
资源评论
收起资源包目录
html+css+bootstrap实现电商,电子产品商店素材 Dagon.zip (341个子文件)
style.css 138KB
bootstrap.min.css 119KB
theme.css 93KB
animate.css 67KB
font-awesome.css 32KB
css.css 25KB
pre.css 12KB
chosen.css 10KB
brush.css 10KB
pe-icon-7-stroke.css 9KB
jquery.fancybox.css 5KB
jquery.bxslider.css 4KB
owl.carousel.css 4KB
flaticon.css 3KB
jquery.fancybox-thumbs.css 793B
fa-solid-9002.eot 188KB
fa-brands-4002.eot 126KB
fa-solid-9001.eot 112KB
fa-brands-4001.eot 97KB
fontawesome-webfont.eot 73KB
Pe-icon-7-stroke.eot 57KB
fa-regular-4002.eot 34KB
fa-regular-4001.eot 30KB
glyphicons-halflings-regular.eot 20KB
Flaticon.eot 10KB
preloader.gif 54KB
fancybox_loading@2x.gif 14KB
fancybox_loading.gif 6KB
treeview-default-line.gif 2KB
treeview-default.gif 1KB
css.gif 1KB
img.gif 1015B
sql.gif 598B
default.gif 559B
js.gif 139B
blank.gif 43B
index.html 72KB
index2.html 60KB
grid-product.html 45KB
index3.html 45KB
grid-product-right.html 45KB
list-product-right.html 40KB
list-product.html 40KB
detail.html 33KB
blog-list.html 30KB
blog-single.html 30KB
shopping-cart.html 29KB
blog-grid.html 25KB
about-us.html 23KB
checkout.html 22KB
login.html 22KB
wishlist.html 22KB
contact-us.html 22KB
compare.html 22KB
hero-1.jpg 281KB
background-product.jpg 140KB
paybg.jpg 139KB
banner-paralax.jpg 135KB
post-image.jpg 120KB
i2.jpg 105KB
i11.jpg 101KB
i13.jpg 98KB
thick-box.jpg 95KB
i12.jpg 93KB
post-image-2.jpg 81KB
post-image-6.jpg 72KB
banner-bg4.jpg 69KB
slide32.jpg 68KB
post-image-3.jpg 67KB
slide12.jpg 66KB
slide-2.jpg 65KB
post-image-5.jpg 64KB
slide-3.jpg 63KB
post-image-4.jpg 62KB
activity_bg.jpg 60KB
bg-2.jpg 60KB
slide-1.jpg 57KB
item-instagram-3.jpg 52KB
slide22.jpg 51KB
slide11.jpg 42KB
banner-3.jpg 40KB
menu-banner-2.jpg 37KB
banner-product.jpg 36KB
item-instagram-4.jpg 27KB
blog11.jpg 26KB
item-instagram-5.jpg 26KB
menu-banner-1.jpg 25KB
blog2.jpg 24KB
item-instagram-1.jpg 22KB
item-instagram-2.jpg 20KB
blog3.jpg 18KB
p19.jpg 18KB
popup-pro.jpg 17KB
slide21.jpg 16KB
banner-1.jpg 16KB
f7.jpg 15KB
banner-2.jpg 15KB
blog12.jpg 15KB
banner5.jpg 15KB
slide31.jpg 15KB
共 341 条
- 1
- 2
- 3
- 4
资源评论
枫蜜柚子茶
- 粉丝: 7257
- 资源: 5099
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功