<!DOCTYPE html>
<html class="wide wow-animation" lang="en">
<head>
<!-- Site Title-->
<title>Home</title>
<meta name="format-detection" content="telephone=no">
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<meta charset="utf-8">
<script src="assets/js/3ts2ksMwXvKRuG480KNifJ2_JNM.js"></script>
<!-- Stylesheets-->
<link rel="stylesheet" type="text/css" href="assets/css/css.css">
<link rel="stylesheet" href="assets/css/bootstrap.css">
<link rel="stylesheet" href="assets/css/fonts.css">
<link rel="stylesheet" href="assets/css/style.css">
<!--[if lt IE 10]>
<div style="background: #212121; padding: 10px 0; box-shadow: 3px 3px 5px 0 rgba(0,0,0,.3); clear: both; text-align:center; position: relative; z-index:1;"><a href="https://windows.microsoft.com/en-US/internet-explorer/"><img src="assets/picture/index-16.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today."></a></div>
<script src="js/html5shiv.min.js"></script>
<![endif]-->
</head>
<body>
<!-- Page-->
<div class="page text-center">
<!-- Page Header-->
<!-- RD Navbar-->
<header class="page-header">
<div class="rd-navbar-wrap">
<nav class="rd-navbar rd-navbar-fullwidth-variant-1" data-layout="rd-navbar-fixed" data-sm-layout="rd-navbar-fixed" data-md-layout="rd-navbar-fixed" data-lg-layout="rd-navbar-fixed" data-xl-layout="rd-navbar-static" data-stick-up-offset="51">
<div class="rd-navbar-toppanel">
<div class="rd-navbar-toppanel-inner">
<div class="rd-navbar-toppanel-submenu"><a class="rd-navbar-toppanel-submenu-toggle" href="#" data-rd-navbar-toggle=".rd-navbar-toppanel-submenu"></a>
<ul>
<li><a href="#">Orders</a></li>
<li><a href="#">Compare</a></li>
<li><a href="#">Wishlist</a></li>
<li><a href="#">My Account</a></li>
</ul>
</div>
<div class="rd-navbar-toppanel-wrapper">
<div class="rd-navbar-contact-info">
<p class="text-black text-medium">Call us: <a class='text-black navbar-contact-link' href='tel:#'>+3(800) 2345-6789</a> <span class=' text-light font-italic'>7 Days a week from 9:00 am to 7:00 pm</span></p>
</div>
<div class="rd-navbar-toppanel-search">
<!-- RD Navbar Search-->
<div class="rd-navbar-search-wrap">
<div class="rd-navbar-search">
<form class="rd-search rd-navbar-search-form" action="search-results.html" data-search-live="rd-search-results-live" method="GET">
<label class="rd-navbar-search-form-input">
<input class="rd-navbar-search-form-input form-input" id="rd-navbar-search-form-input" type="text" name="s" autocomplete="off" placeholder="Search...">
</label>
<button class="rd-navbar-search-form-submit" type="submit"></button>
<div class="rd-navbar-search-toggle" data-rd-navbar-toggle=".rd-navbar-search"></div>
</form><span class="rd-navbar-live-search-results"></span>
</div>
</div>
</div>
<div class="rd-navbar-currency">
<select class="form-input select" name="find-job-location" data-minimum-results-for-search="Infinity">
<option value="1">$</option>
<option value="2">€</option>
</select>
</div>
<div class="rd-navbar-lang">
<select class="form-input select" name="find-job-location" data-minimum-results-for-search="Infinity">
<option value="1">USD</option>
<option value="2">EUR</option>
</select>
</div>
</div>
</div>
</div>
<div class="rd-navbar-inner">
<!-- RD Navbar Panel-->
<div class="rd-navbar-panel">
<!-- RD Navbar Toggle-->
<button class="rd-navbar-toggle" data-rd-navbar-toggle=".rd-navbar-nav-wrap"><span></span></button>
<!-- RD Navbar Brand-->
<div class="rd-navbar-brand"><a class="brand-name" href="index.html"><img alt="" src="assets/picture/logo.png"></a></div>
<div class="rd-navbar-elements-wrap text-right">
<ul class="rd-navbar-socials elements-group-18 text-middle d-inline-flex">
<li><a class="text-gray icon icon-xs fa-facebook" href="#"></a></li>
<li><a class="text-gray icon icon-xs fa-twitter" href="#"></a></li>
<li><a class="text-gray icon icon-xs fa-google-plus" href="#"></a></li>
<li><a class="text-gray icon icon-xs fa-linkedin" href="#"></a></li>
<li><a class="text-gray icon icon-xs fa-pinterest" href="#"></a></li>
</ul>
<div class="rd-navbar-shop text-middle text-left">
<div class="rd-navbar-shop-toggle"><a class="text-middle icon icon-primary fl-line-icon-set-shopping63" href="#" data-rd-navbar-toggle=".rd-navbar-shop"></a><span class="text-middle badge label-circle label-primary label">1</span></div>
<div class="rd-navbar-shop-panel">
<h4>My Cart</h4>
<div class="unit unit-spacing-15 flex-row rd-navbar-shop-product">
<div class="unit-left"><a class="text-dark" href="single-product.html"><img alt="" src="assets/picture/header-01.jpg"></a></div>
<div class="unit-body"><a class="text-dark" href="single-product.html">Agrafe earrings</a>
<p class="offset-top-0">4 x <span class="big text-regular text-primary text-spacing-40">$258.89</span></p><a href="#"><span class="rd-navbar-shop-product-delete icon mdi mdi-close"></span></a>
</div>
</div>
<hr class="divider divider-gray divider-offset-20">
<h4>Subtotal: <span class="text-regular text-primary text-normal text-spacing-40">$1,035.56</span></h4><a class="btn btn-block btn-default" href="cart.html">VIEW CART</a><a class="btn btn-block btn-primary" href="checkout.html">CHECKOUT</a>
</div>
</div>
</div>
</div>
<div class="rd-navbar-nav-wrap">
<!-- RD Navbar Nav-->
<ul class="rd-navbar-nav">
<li><a href="index.html">home</a></li>
<li class="active"><a href="#about">pages</a>
<!-- RD Navbar Dropdown-->
<ul class="rd-navbar-dropdown">
<li><a href="typography.html">Typography</a></li>
<li><a href="404.html">404</a></li>
<li><a href="#">Post formats</a>
<ul class="rd-navbar-dropdown">
<li><a href="post-gallery.html">Gallery Format</a></li>
<li><a href="post-audio.html">Audio Format</a></li>
<li><a href="post-video.html">Video Format</a></li>
<li><a href="post-quote.html">Quote Format</a></li>
<li><a href="post-link.html">Li
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
【技术分析】 HTML,是一种制作万维网页面的标准语言,它消除了不同计算机之间信息交流的障碍; CSS,可以帮助把网页外观做得更加美观; JavaScript,是一种轻量级的解释型编程语言; jQuery,使用户能更方便地处理HTML documents、events、实现动画效果,并且方便地为网站提供AJAX交互; Bootstrap 是快速开发 Web 应用程序的前端工具包。它是一个 CSS,HTML 和 JS 的集合,它使用了最新的浏览器技术,给你的 Web 开发提供了时尚的版式; AJAX,创建交互式网页应用的网页开发技术。 【设计思路】 用户友好性:界面简洁直观,易于操作,减少用户的学习成本。 模块化设计:将系统功能模块化,每个模块负责一类功能,方便扩展和维护。 Responsiveness:后台管理系统应当是响应式设计,能够适配不同设备屏幕大小,包括电脑、平板和手机等。 权限控制:根据用户角色设定不同的权限,确保用户只能访问其权限范围内的功能。 数据安全:对用户数据进行加密存储、访问控制等措施,保护用户隐私和系统安全。 日志功能:记录关键操作日志,保留操作痕迹。
资源推荐
资源详情
资源评论
收起资源包目录
html+css+bootstrap实现电商-珠宝商城网页设计,简约的钻石珠宝网站模板设计Turquoise.zip (229个子文件)
style.css 642KB
bootstrap.css 136KB
fonts.css 107KB
css.css 21KB
materialdesignicons-webfont.eot 204KB
fontawesome-webfont.eot 162KB
fl-line-icon-set.eot 38KB
lg.eot 4KB
preloader.gif 22KB
ajax-loader.gif 4KB
loading.gif 4KB
footer-variant-3.html 43KB
blog-list.html 41KB
blog-list.html 41KB
sidebar-right.html 40KB
sidebar-left.html 40KB
sidebar-right.html 40KB
sidebar-left.html 40KB
index.html 39KB
footer-variant-2.html 39KB
header-variant-3.html 39KB
header-variant-2.html 39KB
header-variant-1.html 39KB
single-blog-post.html 38KB
single-blog-post.html 37KB
post-gallery.html 37KB
typography.html 37KB
post-gallery.html 37KB
post-quote.html 36KB
typography.html 36KB
post-link.html 36KB
post-video.html 36KB
post-audio.html 36KB
post-quote.html 36KB
post-link.html 36KB
post-video.html 36KB
post-audio.html 36KB
category.html 35KB
single-product.html 31KB
about.html 29KB
contacts.html 29KB
contacts.html 29KB
about.html 28KB
sidebar-none.html 26KB
blog-masonry.html 23KB
blog-grid.html 22KB
privacy.html 20KB
checkout.html 18KB
cart.html 16KB
products.html 16KB
404.html 15KB
ecwid-shop.html 12KB
FollowCompany.html 12KB
about-03.jpg 169KB
blog-05.jpg 158KB
blog-05.jpg 158KB
blog-02.jpg 147KB
blog-01.jpg 144KB
about-02.jpg 142KB
blog-06.jpg 139KB
blog-06.jpg 139KB
single-post-02.jpg 126KB
blog-03.jpg 126KB
typography-04.jpg 124KB
single-post-03.jpg 124KB
about-04.jpg 120KB
blog-07.jpg 110KB
blog-07.jpg 110KB
blog-04.jpg 106KB
product-01-original.jpg 106KB
product-01-original.jpg 106KB
about-01.jpg 97KB
product-02-original.jpg 96KB
product-02-original.jpg 96KB
single-post-01.jpg 86KB
product-03-original.jpg 84KB
product-03-original.jpg 84KB
blog-08.jpg 76KB
product-04-original.jpg 59KB
product-04-original.jpg 59KB
index-05.jpg 57KB
index-07.jpg 53KB
index-04.jpg 52KB
index-16.jpg 51KB
index-16.jpg 51KB
product-05-original.jpg 45KB
product-05-original.jpg 45KB
typography-02.jpg 42KB
typography-01.jpg 40KB
typography-03.jpg 36KB
index-06.jpg 32KB
index-17.jpg 30KB
index-18.jpg 29KB
index-19.jpg 23KB
products-08.jpg 19KB
index-15.jpg 17KB
index-22.jpg 15KB
index-14.jpg 15KB
index-08.jpg 14KB
category-08.jpg 14KB
共 229 条
- 1
- 2
- 3
资源评论
枫蜜柚子茶
- 粉丝: 6971
- 资源: 5118
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功