<!DOCTYPE html><html lang="en"><head><title>Cleric - Home</title><meta charset="UTF-8"><meta http-equiv="X-UA-compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="shortcut icon" type="image/x-icon" href="/2020/7/7d8pc8504/assets/images/favicon.png"><link href="assets/css/css2.css" rel="stylesheet"><link rel="stylesheet" href="assets/css/bootstrap.min.css"><link rel="stylesheet" href="assets/css/font-awesome.min.css"><link rel="stylesheet" href="assets/css/owl.carousel.min.css"><link rel="stylesheet" href="assets/css/animate.min.css"><link rel="stylesheet" href="assets/css/jquery-ui.css"><link rel="stylesheet" href="assets/css/slick.css"><link rel="stylesheet" href="assets/css/chosen.min.css"><link rel="stylesheet" href="assets/css/pe-icon-7-stroke.css"><link rel="stylesheet" href="assets/css/magnific-popup.min.css"><link rel="stylesheet" href="assets/css/lightbox.min.css"><link rel="stylesheet" href="assets/css/jquery.fancybox.css"><link rel="stylesheet" href="assets/css/jquery.scrollbar.min.css"><link rel="stylesheet" href="assets/css/mobile-menu.css"><link rel="stylesheet" href="assets/css/flaticon.css"><link rel="stylesheet" href="assets/css/style.css"></head><body class="home"><header class="header style7"><div class="top-bar"><div class="container"><div class="top-bar-left"><div class="header-message">Welcome to our online store!</div></div><div class="top-bar-right"><div class="header-language"><div class="cleric-language cleric-dropdown"><a href="#" class="active language-toggle" data-cleric="cleric-dropdown"><span>English(USD) </span></a><ul class="cleric-submenu"><li class="switcher-option"><a href="#"><span>French(EUR) </span></a></li><li class="switcher-option"><a href="#"><span>Japanese(JPY) </span></a></li></ul></div></div><ul class="header-user-links"><li><a href="login.html">Login or Register</a></li></ul></div></div></div><div class="container"><div class="main-header"><div class="row"><div class="col-lg-3 col-sm-4 col-md-3 col-xs-7 col-ts-12 header-element"><div class="logo"><a href=""><img src="assets/picture/logo.png" alt="img"></a></div></div><div class="col-lg-7 col-sm-8 col-md-6 col-xs-5 col-ts-12"><div class="block-search-block"><form class="form-search form-search-width-category"><div class="form-content"><div class="category"><select title="cate" data-placeholder="All Categories" class="chosen-select" tabindex="1"><option value="United States">Accessories</option><option value="United Kingdom">Accents</option><option value="Afghanistan">Desks</option><option value="Aland Islands">Sofas</option><option value="Albania">New Arrivals</option><option value="Algeria">Bedroom</option></select></div><div class="inner"><input type="text" class="input" name="s" value="" placeholder="Search here"></div><button class="btn-search" type="submit"><span class="icon-search"></span></button></div></form></div></div><div class="col-lg-2 col-sm-12 col-md-3 col-xs-12 col-ts-12"><div class="header-control"><div class="block-minicart cleric-mini-cart block-header cleric-dropdown"><a href="javascript:void(0);" class="shopcart-icon" data-cleric="cleric-dropdown">Cart <span class="count">0 </span></a><div class="shopcart-description cleric-submenu"><div class="content-wrap"><h3 class="title">Shopping Cart</h3><ul class="minicart-items"><li class="product-cart mini_cart_item"><a href="#" class="product-media"><img src="assets/picture/item-minicart-1.jpg" alt="img"></a><div class="product-details"><h5 class="product-name"><a href="#">Voxel Armchair</a></h5><div class="variations"><span class="attribute_color"><a href="#">Black</a></span>,<span class="attribute_size"><a href="#">300ml</a></span></div><span class="product-price"><span class="price"><span>$45</span></span></span><span class="product-quantity">(x1) </span><div class="product-remove"><a href=""><i class="fa fa-trash-o" aria-hidden="true"></i></a></div></div></li><li class="product-cart mini_cart_item"><a href="#" class="product-media"><img src="assets/picture/item-minicart-2.jpg" alt="img"></a><div class="product-details"><h5 class="product-name"><a href="#">Soap Dining Solutions</a></h5><div class="variations"><span class="attribute_color"><a href="#">Black</a></span>,<span class="attribute_size"><a href="#">300ml</a></span></div><span class="product-price"><span class="price"><span>$45</span></span></span><span class="product-quantity">(x1) </span><div class="product-remove"><a href=""><i class="fa fa-trash-o" aria-hidden="true"></i></a></div></div></li><li class="product-cart mini_cart_item"><a href="#" class="product-media"><img src="assets/picture/item-minicart-3.jpg" alt="img"></a><div class="product-details"><h5 class="product-name"><a href="#">Dining Solutions Soap</a></h5><div class="variations"><span class="attribute_color"><a href="#">Black</a></span>,<span class="attribute_size"><a href="#">300ml</a></span></div><span class="product-price"><span class="price"><span>$45</span></span></span><span class="product-quantity">(x1) </span><div class="product-remove"><a href=""><i class="fa fa-trash-o" aria-hidden="true"></i></a></div></div></li></ul><div class="subtotal"><span class="total-title">Subtotal:</span><span class="total-price"><span class="Price-amount">$135 </span></span></div><div class="actions"><a class="button button-viewcart" href="shoppingcart.html"><span>View Bag</span></a><a href="checkout.html" class="button button-checkout"><span>Checkout</span></a></div></div></div></div><div class="block-account block-header cleric-dropdown"><a href="javascript:void(0);" data-cleric="cleric-dropdown"><span class="flaticon-user"></span></a><div class="header-account cleric-submenu"><div class="header-user-form-tabs"><ul class="tab-link"><li class="active"><a data-toggle="tab" aria-expanded="true" href="#header-tab-login">Login</a></li><li><a data-toggle="tab" aria-expanded="true" href="#header-tab-rigister">Register</a></li></ul><div class="tab-container"><div id="header-tab-login" class="tab-panel active"><form method="post" class="login form-login"><p class="form-row form-row-wide"><input type="email" placeholder="Email" class="input-text"></p><p class="form-row form-row-wide"><input type="password" class="input-text" placeholder="Password"></p><p class="form-row"><label class="form-checkbox"><input type="checkbox" class="input-checkbox"><span>Remember me </span></label><input type="submit" class="button" value="Login"></p><p class="lost_password"><a href="#">Lost your password?</a></p></form></div><div id="header-tab-rigister" class="tab-panel"><form method="post" class="register form-register"><p class="form-row form-row-wide"><input type="email" placeholder="Email" class="input-text"></p><p class="form-row form-row-wide"><input type="password" class="input-text" placeholder="Password"></p><p class="form-row"><input type="submit" class="button" value="Register"></p></form></div></div></div></div></div><a class="menu-bar mobile-navigation menu-toggle" href="#"><span></span><span></span><span></span></a></div></div></div></div></div><div class="header-nav-container rows-space-20"><div class="container"><div class="header-nav-wapper main-menu-wapper"><div class="vertical-wapper block-nav-categori"><div class="block-title"><span class="icon-bar"><span></span><span></span><span></span></span><span class="text">All Categories</span></div><div class="block-content verticalmenu-content"><ul class="cleric-nav-vertical vertical-menu cleric-clone-mobile-menu"><li class="menu-item"><a href="#" class="cleric-menu-item-title" title="New Arrivals">New Arrivals</a></li><li class="menu-item"><a title="Hot Sale" href="#" class="cleric-menu-item-title">Hot Sale</a></li><li class="menu-item menu-item-has-children"><a title="Accessories" href="#" class="cleric-menu-item-title">Accessories</a><span class="toggle-submenu"></span><ul role="menu" class=" submenu"><li class="menu-item"><a title="Living" href="#" class="cleric-item-title">Living</a
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
【技术分析】 HTML,是一种制作万维网页面的标准语言,它消除了不同计算机之间信息交流的障碍; CSS,可以帮助把网页外观做得更加美观; JavaScript,是一种轻量级的解释型编程语言; jQuery,使用户能更方便地处理HTML documents、events、实现动画效果,并且方便地为网站提供AJAX交互; Bootstrap 是快速开发 Web 应用程序的前端工具包。它是一个 CSS,HTML 和 JS 的集合,它使用了最新的浏览器技术,给你的 Web 开发提供了时尚的版式; AJAX,创建交互式网页应用的网页开发技术。 【设计思路】 用户友好性:界面简洁直观,易于操作,减少用户的学习成本。 模块化设计:将系统功能模块化,每个模块负责一类功能,方便扩展和维护。 Responsiveness:后台管理系统应当是响应式设计,能够适配不同设备屏幕大小,包括电脑、平板和手机等。 权限控制:根据用户角色设定不同的权限,确保用户只能访问其权限范围内的功能。 数据安全:对用户数据进行加密存储、访问控制等措施,保护用户隐私和系统安全。 日志功能:记录关键操作日志,保留操作痕迹。
资源推荐
资源详情
资源评论
收起资源包目录
html+css+bootstrap-家居电商网站UI设计,扁平化家居网页设计模板Cleric.zip (199个子文件)
style.css 192KB
bootstrap.min.css 118KB
animate.min.css 56KB
jquery.scrollbar.min.css 42KB
font-awesome.min.css 30KB
jquery-ui.css 30KB
chosen.min.css 10KB
css2.css 9KB
pe-icon-7-stroke.css 8KB
magnific-popup.min.css 6KB
jquery.fancybox.css 4KB
owl.carousel.min.css 4KB
mobile-menu.css 4KB
flaticon.css 3KB
slick.css 1KB
lightbox.min.css 842B
fontawesome-webfont.eot 162KB
Pe-icon-7-stroke.eot 57KB
glyphicons-halflings-regular.eot 20KB
Flaticon.eot 15KB
fancybox_loading@2x.gif 14KB
fancybox_loading.gif 6KB
blank.gif 43B
index.html 61KB
home3.html 59KB
home2.html 36KB
listproducts.html 34KB
gridproducts_bannerslider.html 34KB
gridproducts_leftsidebar.html 33KB
gridproducts.html 33KB
productdetails-leftsidebar.html 31KB
productdetails-rightsidebar.html 31KB
inblog_left-siderbar.html 27KB
inblog_right-siderbar.html 27KB
productdetails-fullwidth.html 27KB
checkout.html 24KB
bloglist.html 24KB
bloglist-leftsidebar.html 24KB
bloggrid.html 22KB
shoppingcart.html 20KB
about.html 19KB
login.html 18KB
404page.html 16KB
js.html 1KB
size-chart.jpg 152KB
size-chart.jpg 152KB
blog1.jpg 115KB
slider-thumb-full-1.jpg 83KB
banner-home-4.jpg 75KB
item-instagram-5.jpg 63KB
item-instagram-4.jpg 59KB
slider-thumb6.jpg 59KB
details-item-4.jpg 54KB
item-instagram-2.jpg 52KB
details-item-2.jpg 49KB
cart-item-2.jpg 49KB
blog-item-list-2.jpg 47KB
item-instagram-1.jpg 46KB
slider-blog-thumb-2.jpg 44KB
item-instagram-3.jpg 43KB
details-item-3.jpg 43KB
banner-home-15.jpg 42KB
blog-item-list-3.jpg 40KB
blog-item-list-4.jpg 40KB
slider-blog-thumb-3.jpg 38KB
banner-home-19.jpg 38KB
blog-item-list-1.jpg 38KB
slider-thumb-full-2.jpg 38KB
blog-item-list-5.jpg 37KB
slider-blog-thumb-4.jpg 37KB
cart-item-1.jpg 36KB
slider-blog-thumb-1.jpg 35KB
blog2.jpg 33KB
slider-blog-thumb-6.jpg 32KB
blog-grid-3.jpg 31KB
slider-thumb-full-3.jpg 29KB
blog-grid-4.jpg 27KB
blog3.jpg 27KB
blog-grid-1.jpg 27KB
blog-grid-2.jpg 27KB
slider-thumb1.jpg 27KB
slider-thumb2.jpg 26KB
slider-thumb5.jpg 25KB
slider-blog-thumb-5.jpg 24KB
slider-blog-thumb-7.jpg 23KB
slider-thumb3.jpg 19KB
slider-thumb4.jpg 17KB
banner-02_full_width.jpg 17KB
cart-item-3.jpg 16KB
mega-bg.jpg 15KB
banner-home-2.jpg 14KB
banner-home-7.jpg 13KB
product-item-21.jpg 12KB
banner-home-13.jpg 12KB
product-item-8.jpg 12KB
about-background.jpg 11KB
product-item-18.jpg 11KB
product-item-9.jpg 11KB
banner-01_full_width.jpg 11KB
product-item-3.jpg 10KB
共 199 条
- 1
- 2
资源评论
枫蜜柚子茶
- 粉丝: 5831
- 资源: 2973
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功