<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>大祺珠宝</title>
<link href="static/css/bootstrap.css" rel="stylesheet">
<link rel="stylesheet" href="static/css/main.css">
<link rel="stylesheet" href="static/css/index.css">
<style>
/* .Articleadvertisement>.row>.col-sm-4>a {
font-size: 1.5em;
color: #FFFFFF;
}
.Articleadvertisement>.row>.col-sm-4:first-child {
background-color: pink;
display: block;
padding: 2% 0;
text-align: center;
}
.Articleadvertisement>.row>.col-sm-4:nth-child(2) {
background-color: lightpink;
display: block;
padding: 2% 0;
text-align: center;
}
.Articleadvertisement>.row>.col-sm-4:last-child {
background-color: pink;
display: block;
padding: 2% 0;
text-align: center;
}
/!*广告条*!/*/
.Articleadvertisement>.row,.col-xs-12 {
padding: 0;
}
.menu>.row>.col-xs-two>a>img {
display: block;
margin: 0 auto;
}
.menu>.row>.col-xs-two>a {
display: block;
text-align: center;
}
#myTab>li>a {
padding: 10px 87px;
color: #000000;
}
#myTab>li>a:hover {
background: none;
}
#myTabContent {
margin-top: 2%;
}
#myTabContent img {
padding: 2%;
border: 1px solid #cccccc;
}
#myTabContent img:hover {
border: 1px solid #f00f00;
}
#myTabContent>.fade>.row>.col-sm-3>a>p {
color: #000000;
}
#myTabContent>.fade>.row>.col-sm-3>a>p:last-child {
color: #f00f00;
text-align: center;
}
/*选项卡*/
.container {
margin-top: 1%;
}
.Hotzone>.row>.col-sm-2 {
background: #d78638;
padding: 8% 0;
}
.Hotzone>.row>.col-sm-2>a {
font-size: 1.2em;
color: #ffffff;
display: block;
text-align: center;
}
.Hotzone>.row>.col-sm-10>.row>.col-sm-3 img {
padding: 2%;
border: 1px solid #cccccc;
}
.Hotzone>.row>.col-sm-10>.row>.col-sm-3 img:hover {
border: 1px solid #f00f00;
}
.Hotzone>.row>.col-sm-10>.row>.col-sm-3>a>p {
color: #000000;
}
.Hotzone>.row>.col-sm-10>.row>.col-sm-3>a>p:last-child {
color: #f00f00;
}
/*热卖*/
.more>.row>.col-sm-12 {
border-bottom: 2px solid #000000;
font-size: 1.2em;
line-height: 2.8em;
}
.more>.row>.col-sm-12>a {
display: inline-block;
float: right;
color: #3a3a3a;
}
/*更多*/
.footer {
border-top: 1px solid #CCCCCC;
margin-top: 1em;
}
.footer>.container>.col-sm-2>h4 {
text-align: center;
color: #000000;
}
.footer>.container>.col-sm-2>a {
display: block;
color: #080808;
text-align: center;
line-height: 2em;
}
.footer>.container>.col-sm-4>img {
text-align:center; padding-top:50px;
}
/*底部*/
#kinMaxShow{display:none;}
#kinMaxShow{visibility:hidden;width:100%; height:500px;overflow:hidden;}
</style>
</head>
<body>
<div class="container h_top">
<div class="row">
<div class="col-sm-3"><a href=""><img src="static/picture/logo.png" alt="" class="img-responsive" style="max-width: 100px"></a></div>
<div class="col-sm-6">
<form action="">
<input type="text" placeholder="请输入关键字">
<input type="button" value="搜索">
</form>
</div>
<div class="col-sm-3" style="margin-top: 3%">
<a href="register1.html">注册</a>
<a href="login.html">登陆</a>
</div>
</div>
</div>
<!--头部-->
<div class="navcolor" style="background: #f00f00">
<div class="container">
<nav class="">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">全部商品分类 <span class="caret"></span></a>
<ul class="dropdown-menu" id="navcategory">
<li class="li">
<a href="#">琥珀蜜蜡</a>
<ul class="detail">
<li><a href="">蜜蜡1</a></li>
<li><a href="">蜜蜡1</a></li>
<li><a href="">蜜蜡1</a></li>
<li><a href="">蜜蜡1</a></li>
<li><a href="">蜜蜡1</a></li>
</ul>
</li>
<li class="li"><a href="#">玛瑙水晶</a>
<ul class="detail">
<li><a href="">蜜蜡2</a></li>
<li><a href="">蜜蜡2</a></li>
<li><a href="">蜜蜡2</a></li>
<li><a href="">蜜蜡2</a></li>
<li><a href="">蜜蜡52</a></li>
</ul>
</li>
<li class="li"><a href="#">文玩产品</a>
<ul class="detail">
<li><a href="">蜜蜡3</a></li>
<li><a href="">蜜蜡3</a></li>
<li><a href="">蜜蜡3</a></li>
<li><a href="">蜜蜡3</a></li>
<li><a href="">蜜蜡3</a></li>
</ul>
</li>
<li class="li"><a href="#">翡翠专区</a>
<ul class="detail">
<li><a href="">蜜蜡4</a></li>
<li><a href="">蜜蜡4</a></li>
<li><a href="">蜜蜡4<
简洁红色风格玉石珠宝首饰商城网站模板
版权申诉
92 浏览量
2022-07-12
21:28:34
上传
评论
收藏 8.76MB RAR 举报
简洁红色风格玉石珠宝首饰商城网站模板
（133个子文件） 
bootstrap.css 143KB sangarSlider.css 13KB particulars.css 5KB css.css 3KB default.css 3KB index.css 3KB elastislide.css 2KB magnifier.css 2KB main.css 1KB ajadezone.css 696B activity.css 526B demo1.css 466B demo.css 61B
yzm.gif 3KB
index.html 41KB particulars.html 25KB seckill.html 25KB Ajadezone.html 13KB serve.html 10KB register1.html 9KB groupbuying.html 9KB activity.html 9KB login.html 7KB forgePwd1.html 2KB
tg.jpg 4.4MB timg.jpg 1.03MB banner3.jpg 684KB banner1.jpg 532KB banner2.jpg 514KB banner4.jpg 351KB banner7.jpg 276KB g2.jpg 254KB g1.jpg 232KB banner5.jpg 230KB ms.jpg 225KB banner6.jpg 219KB banner10.jpg 212KB g3.jpg 210KB 27.jpg 190KB banner8.jpg 186KB banner9.jpg 164KB 26.jpg 148KB gg2.jpg 145KB gg1.jpg 135KB 1.jpg 127KB 2652.jpg 91KB 2651.jpg 75KB 2.jpg 72KB tgnavbg.jpg 71KB 25.jpg 63KB 17.jpg 63KB 28.jpg 60KB 35.jpg 58KB 32.jpg 55KB 24.jpg 52KB 8.jpg 47KB 33.jpg 46KB 22.jpg 45KB 7.jpg 43KB 16.jpg 42KB 18.jpg 40KB 9.jpg 38KB 31.jpg 37KB 34.jpg 35KB 10.jpg 34KB 19.jpg 33KB 5.jpg 32KB 23.jpg 30KB 29.jpg 29KB 20.jpg 26KB 3.jpg 22KB 15.jpg 21KB 4.jpg 21KB 14.jpg 20KB 21.jpg 18KB 11.jpg 16KB 6.jpg 15KB 30.jpg 15KB 12.jpg 14KB 13.jpg 14KB tgbg.jpg 4KB ShoppingCart.jpg 2KB lonely.jpg 986B jquery-1.11.3.js 278KB jquery.js 94KB jquery.min2.js 91KB jquery.min1.js 91KB jquery-2.1.1.min.js 82KB bootstrap.js 68KB jsAddress.js 60KB bootstrap.min.js 36KB sangarSetupBulletNav.js 22KB jquery.elastislide.js 19KB sangarBaseClass.js 17KB sangarShift.js 16KB jquery.touchSwipe.min.js 11KB modernizr.custom.17475.js 9KB sangarSlider.js 8KB sangarSetupSwipeTouch.js 7KB imagesloaded.min.js 7KB共 133 条
- 1
- 2
资源评论
你热爱好热啊
- 粉丝: 2
- 资源: 1385
最新资源
- 一个chm格式的 SQL 函数手册-SQL语言手册文档
- 计算当前月份的天数和剩余天数
- 基于ARM的指令调度和延迟分支
- 基于Vue和TypeScript的极简聊天应用设计源码 - HasChat
- 基于Vue2全家桶和Zcool数据的图片收集网站设计源码 - cool-picture
- 基于C和C++的二维绘制工具设计源码 - DrawPro
- Object.defineProperty 的 IE 补丁object-defineproperty-ie-master.zip
- 整卷预览.mhtml
- MySQL是一种广泛使用的开源关系型数据库管理系统，它提供了丰富的SQL语句用于数据库的创建、查询、更新和管理 以下是一些常见的
- MySQL是一种广泛使用的开源关系型数据库管理系统，它提供了丰富的SQL语句用于数据库的创建、查询、更新和管理 以下是一些常见
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
