<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>TulyShop</title>
<link rel="stylesheet" href="static/css/animate.css">
<link rel="stylesheet" href="static/css/animate-2.css">
<link rel="stylesheet" href="static/css/fontawesome.min.css">
<link rel="stylesheet" href="static/css/flags.css">
<link rel="stylesheet" href="static/css/icofont.min.css">
<link rel="stylesheet" href="static/css/owl.carousel.min.css">
<link rel="stylesheet" href="static/css/slick.css">
<link rel="stylesheet" href="static/css/bootstrap.min.css">
<link rel="stylesheet" href="static/css/style.css">
</head>
<body>
<div class="preloader">
<div class="loader"><img src="static/picture/spinner.gif" alt="image"></div>
</div>
<div class="scroll-to-top">
<div class="container">
<button><i class="fas fa-chevron-up"></i></button>
</div>
</div>
<div class="header">
<div class="top-header">
<div class="container">
<div class="row">
<div class="col-xl-6 col-lg-6 col-sm-4">
<div class="top-left">
<a href="#"><i class="icofont-ui-call"></i> +12345 879 541</a>
</div>
</div>
<div class="col-xl-6 col-lg-6 col-sm-8">
<div class="top-right">
<a href="#"><i class="icofont-google-map"></i> Store Location</a>
<a href="#"><i class="icofont-fast-delivery"></i> Order Status</a>
<div class="select-lang">
<div id="demo" data-input-name="country" data-selected-country="US" data-scrollable-height="250px">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="bottom-header">
<div class="container">
<div class="row">
<div class="col-xl-2 col-lg-2 d-xl-flex d-lg-flex d-block align-items-center">
<div class="row no-gutters">
<div class="col-xl-12 col-lg-12 col-4 d-xl-block d-lg-block d-flex align-items-center">
<div class="logo">
<a href="#"><img src="static/picture/logo.png" alt="LOGO"></a>
</div>
</div>
<div class="d-xl-none d-lg-none d-flex align-items-center col-md-7 col-6">
<div class="others-btn">
<button id="sm-search-box"><i class="icofont-search"></i></button>
<button id="sm-w-list"><i class="far fa-heart"></i><span>3</span></button>
<button id="sm-c-list"><i class="icofont-cart-alt"></i><span>3</span></button>
</div>
</div>
<div class="d-xl-none d-lg-none d-block col-md-1 col-2">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<i class="fas fa-bars"></i>
</button>
</div>
</div>
</div>
<div class="col-xl-10 col-lg-10">
<nav class="navbar navbar-expand-lg navbar-light">
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown">
<a class="nav-link" href="#" id="homeDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
home
</a>
<div class="dropdown-menu" aria-labelledby="homeDropdown">
<a class="dropdown-item" href="">home page one</a>
<a class="dropdown-item" href="index-2.html">home page two</a>
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link" href="#" id="pageDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
page
</a>
<div class="dropdown-menu" aria-labelledby="pageDropdown">
<a class="dropdown-item" href="shop-cart.html">shop cart</a>
<a class="dropdown-item" href="shop-compare.html">shop compare</a>
<a class="dropdown-item" href="login.html">login / sign up</a>
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link" href="#" id="shopDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
shop
</a>
<div class="dropdown-menu" aria-labelledby="shopDropdown">
<a class="dropdown-item" href="shop-grid-1.html">shop grid one</a>
<a class="dropdown-item" href="shop-grid-2.html">shop grid two</a>
<a class="dropdown-item" href="shop-grid-left-bar.html">shop grid left bar</a>
<a class="dropdown-item" href="shop-list-1.html">shop list one</a>
<a class="dropdown-item" href="shop-list-2.html">shop list two</a>
<a class="dropdown-item" href="shop-details-1.html">shop details one</a>
<a class="dropdown-item" href="shop-details-2.html">shop details two</a>
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link" href="#" id="blogDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
blog
</a>
<div class="dropdown-menu" aria-labelledby="blogDropdown">
<a class="dropdown-item" href="blog.html">blog grid</a>
<a class="dropdown-item" href="blog-right-bar.html">blog grid right bar</a>
<a class="dropdown-item" href="blog-left-bar.html">blog grid left bar</a>
<a class="dropdown-item" href="blog-details.html">blog details</a>
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link" href="#" id="aboutDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
about
</a>
<div class="dropdown-menu" aria-labelledby="aboutDropdown">
<a class="dropdown-item" href="about.html">about one</a>
<a class="dropdown-item" href="about-2.html">about two</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">us contact</a>
</li>
</ul>
<div class="others-btn d-xl-block d-lg-block d-none">
<button id="search-box"><i class="icofont-search"></i></button>
<button id="w-list"><i class="far fa-heart"></i><span>3</span></button>
<button id="c-list"><i class="icofont-cart-alt"></i><span>3</span></button>
</div>
</div>
</nav>
</div>
</div>
</div>
</div>
</div>
<div class="search-box">
<button class="close"><svg aria-hidden="true" focusable="false" data-prefix="fal" data-icon="times-circle" role="img" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512" class="svg-inline--fa fa-times-circle fa-w-16 fa-fw fa-2x"><path fill="currentColor" d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 464c-118.7 0-216-96.1-216-216 0-118.7 96.1-216 216-216 118.7 0 216 96.1 216 216 0 118.7-96.1 216-216 216zm94.8-285.3L281.5 256l69.3 69.3c4.7 4.7 4.7 12.3 0 17l-8.5 8.5c-4.7 4.7-12.3 4.7-17 0L256 281.5l-69.3 69.3c-4.7 4.7-12.3 4.7-17 0l-8.5-8.5c-4.7-4.7-4.7-12.3 0-17l69.3-69.3-69.3-69.3c-4.7-4.7-4.7-12.3 0-17l8.5-8.5c4.7-4.7 12.3-4.7 17 0l69.3 69.3 69.3-69.3c4.7-4.7 12.3-4.7 17 0l8.5 8.5c4.6 4.7 4.6 12.3 0 17z" class=""></path></svg></button>
<div class="container">
<div class="row justify-content-center">
<div class="col-xl-10 col-lg-10">
<form>
<select>
<option value="">All Categories</option>
<option value="">Accessories</option>
<option value="">Acousto</option>
<option value="">Analogy</option>
<option value="">Atomtronics</option>
<option value="">Avionics</option>
<option value="">Bioelectronics</option>
<option value="">Circuits</option>
<option value="">Clock</option>
<option value="">Cryotronics</option>
<option value="">Electronics</option>
<option value="">Filters</option>
<option value="">Handwatch</option>
<option value="">Headphone</option>
<option value="">Humidifier</option>
<option value="">Hydraulic</option>
<option value="">Induction</option>
<option value="">Integrated</option>
<option value="">Iphone</option>
<option value="">Lamp</option>
<option value="">Mac watch</option>
<option value="">Mega</option>
<option value="">Night Lamps</option>
<option value="">Nintendo</option>
<option value="">PlayStation</option>
<option value="">Portal Radio</option>
<option value="">Pro Electron</option>
<option value="">Radio</option>
<option value="">Spintronics</option>
<option value="">Table lamp</option>
<option value="">Uncategorized</option>
<option value="">Washing</option>
</select>
<input type="search" name="search" placeholder="Search Products…" required="">
<button type="submit">search</button>
</form>
</div>
</div>
</div>
</div>
<di
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
【技术分析】 HTML,是一种制作万维网页面的标准语言,它消除了不同计算机之间信息交流的障碍; CSS,可以帮助把网页外观做得更加美观; JavaScript,是一种轻量级的解释型编程语言; jQuery,使用户能更方便地处理HTML documents、events、实现动画效果,并且方便地为网站提供AJAX交互; Bootstrap 是快速开发 Web 应用程序的前端工具包。它是一个 CSS,HTML 和 JS 的集合,它使用了最新的浏览器技术,给你的 Web 开发提供了时尚的版式; AJAX,创建交互式网页应用的网页开发技术。 【设计思路】 用户友好性:界面简洁直观,易于操作,减少用户的学习成本。 模块化设计:将系统功能模块化,每个模块负责一类功能,方便扩展和维护。 Responsiveness:后台管理系统应当是响应式设计,能够适配不同设备屏幕大小,包括电脑、平板和手机等。 权限控制:根据用户角色设定不同的权限,确保用户只能访问其权限范围内的功能。 数据安全:对用户数据进行加密存储、访问控制等措施,保护用户隐私和系统安全。 日志功能:记录关键操作日志,保留操作痕迹。
资源推荐
资源详情
资源评论
收起资源包目录
红色的美妆化妆品电商html5模板收藏.zip (306个子文件)
style.css 332KB
bootstrap.min.css 156KB
icofont.min.css 90KB
animate.css 73KB
animate-2.css 59KB
fontawesome.min.css 58KB
jquery-ui.css 28KB
flags.css 15KB
css2.css 14KB
owl.carousel.min.css 3KB
odometer.min.css 3KB
modal-video.min.css 2KB
slick.css 1KB
flaticon.css 976B
spinner.gif 81KB
index.html 423KB
index-2.html 375KB
shop-grid-2.html 79KB
shop-grid-1.html 75KB
shop-grid-left-bar.html 70KB
shop-details-1.html 55KB
blog.html 51KB
blog-left-bar.html 47KB
blog-right-bar.html 47KB
shop-details-2.html 46KB
shop-list-1.html 44KB
shop-list-2.html 44KB
blog-details.html 39KB
about-2.html 38KB
shop-cart.html 37KB
shop-compare.html 34KB
contact.html 29KB
login.html 28KB
about.html 25KB
skill-img.jpg 85KB
banner-bg-4.jpg 83KB
blog-8.jpg 75KB
blog-10.jpg 74KB
blog-9.jpg 63KB
blog-11.jpg 61KB
best-deal-bg.jpg 61KB
blog-4.jpg 60KB
blog-2.jpg 59KB
blog-6.jpg 58KB
blog-min-img-2.jpg 57KB
blog-img-3.jpg 57KB
banner-bg-1.jpg 56KB
blog-img-1.jpg 53KB
blog-img-2.jpg 51KB
blog-1.jpg 49KB
blog-bg.jpg 48KB
blog-min-img-1.jpg 47KB
team-3.jpg 38KB
breadcrumb-bg-2.jpg 37KB
best-deal-img.jpg 37KB
breadcrumb-bg-3.jpg 34KB
breadcrumb-bg-5.jpg 34KB
breadcrumb-bg.jpg 34KB
breadcrumb-bg-4.jpg 33KB
vision-img.jpg 33KB
team-4.jpg 32KB
banner-bg-2.jpg 31KB
breadcrumb-bg-6.jpg 31KB
banner-bg-3.jpg 30KB
team-2.jpg 30KB
blog-details.jpg 29KB
team-1.jpg 29KB
video-bg.jpg 27KB
mission-img.jpg 24KB
ad-bg.jpg 19KB
blog-12.jpg 14KB
blog-thumb-3.jpg 14KB
blog-thumb-2.jpg 12KB
blog-thumb-1.jpg 12KB
client-3.jpg 10KB
us.jpg 9KB
client-2.jpg 6KB
client-1.jpg 5KB
shop-page-ad-img.jpg 5KB
owner-img.jpg 4KB
reviewer-3.jpg 3KB
reviewer-2.jpg 3KB
reviewer-1.jpg 3KB
hot-deal-bg.jpg 2KB
jquery-ui.js 460KB
jquery-3.4.1.min.js 86KB
bootstrap.min.js 59KB
owl.carousel.min.js 43KB
slick.min.js 42KB
popper.min.js 19KB
inner.js 16KB
main.js 12KB
odometer.min.js 10KB
jquery.flagstrap.min.js 7KB
jquery-modal-video.min.js 7KB
jquery.syotimer.min.js 6KB
owl.carousel2.thumbs.min.js 3KB
jquery.appear.min.js 2KB
simple-rating.js 2KB
banner-img-2.png 1.07MB
共 306 条
- 1
- 2
- 3
- 4
资源评论
枫蜜柚子茶
- 粉丝: 6793
- 资源: 5104
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- JSP基于WEB网上论坛设计与实现(源代码+lw+开题报告+答辩PPT+外文翻译).zip
- JSP基于WEB的图书馆借阅系统的设计与实现(源代码+lw).zip
- 数电实验三:74LS151逻辑功能测试、74LS153逻辑功能测试、74LS153全加器、三输入多数表决电路
- 基于python知识图谱抖音舆情数据可视化分析系统python + flask web + mysql + 知识图谱
- jsp基于Web的可维护的数据库浏览器(源代码+lw+答辩PPT).zip
- jsp基于WEB的考务管理系统的设计与实现(源代码+lw).zip
- jsp基于WEB操作系统课程教学网站的设计与实现(源代码+lw).zip
- 数据库课程实践在IDEA上使用java语言采用JDBC技术连接Mysql数据库,实现购物系统.zip
- JSP基于SSH2的网络在线问答系统.zip
- JSP基于Iptables图形管理工具的设计与实现(源代码+lw).zip
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功