白色简洁风格的钻石珠宝首饰企业网站模板.zip资源-CSDN文库

共41个文件

jpg：20个

png：7个

html：6个

版权申诉

H5源码

HTML模版

H5模版

127 浏览量 2024-12-27 11:17:44 上传评论收藏 1.01MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

白色简洁风格的钻石珠宝首饰企业网站模板.zip （41个子文件）

12141

portfolio.html 9KB

jquery.swipebox.min.js 7KB

bootstrap.min.js 35KB

jquery-1.11.1.min.js 94KB

jquery.flexisel.js 8KB

typography.html 25KB

css

style.css 51KB

bootstrap.css 118KB

swipebox.css 6KB

index.html 13KB

contact.html 7KB

about.html 9KB

single.html 11KB

images

g3.jpg 30KB

co.png 2KB

g2.jpg 49KB

2.jpg 93KB

s1.jpg 27KB

g8.jpg 40KB

jewellery.jpg 56KB

social-icons.png 5KB

t3.jpg 12KB

g7.jpg 40KB

g6.jpg 30KB

t1.jpg 11KB

nav.png 3KB

arrows.png 4KB

5.jpg 64KB

icons.svg 1KB

move-top.png 3KB

g5.jpg 39KB

img-sprite.png 3KB

footer-icons.png 3KB

t2.jpg 12KB

g4.jpg 36KB

s3.jpg 52KB

ab.jpg 39KB

3.jpg 98KB

s4.jpg 43KB

g1.jpg 51KB

single.jpg 156KB

<!DOCTYPE HTML> <html> <head> <title>Joyas a Jewellery Category Flat Bootstarp Resposive Website Template | Typography</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="keywords" content="Joyas Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" /> <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script> <link href="css/bootstrap.css" rel='stylesheet' type='text/css' />  <link href="css/style.css" rel='stylesheet' type='text/css' /> <script src="js/jquery-1.11.1.min.js"></script> <script src="js/bootstrap.min.js"></script>  <link href='http://222.178.203.72:19005/whst/63/_enmsrztrdrnzbnl//css?family=Tangerine:400,700%7CRaleway:400,300,500,600,700' rel='stylesheet' type='text/css'>  </head> <body>  <div id="home" class="header"> <div class="header-bottom"> <div class="container"> <div class="logo"> <a href="index.html"><h1>Joya<span>s</span></h1></a> </div> <span class="menu"></span> <div class="top-menu"> <ul> <nav> <li><a href="index.html">Home</a></li> <li><a href="about.html">About</a></li> <li><a class="active" href="typography.html">SERVICES</a></li> <li><a href="portfolio.html">PORTFOLIO</a></li> <li><a href="index.html">BLOG</a></li> <li><a href="contact.html">Contact</a></li> </nav> </ul> </div>  <script> $( "span.menu" ).click(function() { $( ".top-menu" ).slideToggle( "slow", function() { // Animation complete. }); }); </script>  <div class="clearfix"></div> </div> </div> <div class="banner two"> <div class="container"> <div class="bread-crumbs"> <ol class="breadcrumb"> <li><a href="#">Home</a></li> <li class="active">Typography Page</li> </ol> </div> </div> </div> </div> </div>  <div class="typrography"> <div class="container"> <h3 class="type">Typography Page</h3> <div class="grid_3 grid_4"> <h3>Headings</h3> <div class="bs-example"> <table class="table"> <tbody> <tr> <td><h1 id="h1.-bootstrap-heading">h1. Bootstrap heading<a class="anchorjs-link" href="#h1.-bootstrap-heading"><span class="anchorjs-icon"></span></a></h1></td> <td class="type-info">Semibold 36px</td> </tr> <tr> <td><h2 id="h2.-bootstrap-heading">h2. Bootstrap heading<a class="anchorjs-link" href="#h2.-bootstrap-heading"><span class="anchorjs-icon"></span></a></h2></td> <td class="type-info">Semibold 30px</td> </tr> <tr> <td><h3 id="h3.-bootstrap-heading">h3. Bootstrap heading<a class="anchorjs-link" href="#h3.-bootstrap-heading"><span class="anchorjs-icon"></span></a></h3></td> <td class="type-info">Semibold 24px</td> </tr> <tr> <td><h4 id="h4.-bootstrap-heading">h4. Bootstrap heading<a class="anchorjs-link" href="#h4.-bootstrap-heading"><span class="anchorjs-icon"></span></a></h4></td> <td class="type-info">Semibold 18px</td> </tr> <tr> <td><h5 id="h5.-bootstrap-heading">h5. Bootstrap heading<a class="anchorjs-link" href="#h5.-bootstrap-heading"><span class="anchorjs-icon"></span></a></h5></td> <td class="type-info">Semibold 14px</td> </tr> <tr> <td><h6>h6. Bootstrap heading</h6></td> <td class="type-info">Semibold 12px</td> </tr> </tbody> </table> </div> </div> <div class="grid_3 grid_5"> <h3>Buttons</h3> <h1 class="t-button"> <a href="#"><span class="label label-default">Default</span></a> <a href="#"><span class="label label-primary">Primary</span></a> <a href="#"><span class="label label-success">Success</span></a> <a href="#"><span class="label label-info">Info</span></a> <a href="#"><span class="label label-warning">Warning</span></a> <a href="#"><span class="label label-danger">Danger</span></a> </h1> <h2 class="t-button"> <a href="#"><span class="label label-default">Default</span></a> <a href="#"><span class="label label-primary">Primary</span></a> <a href="#"><span class="label label-success">Success</span></a> <a href="#"><span class="label label-info">Info</span></a> <a href="#"><span class="label label-warning">Warning</span></a> <a href="#"><span class="label label-danger">Danger</span></a> </h2> <h3 class="t-button"> <a href="#"><span class="label label-default">Default</span></a> <a href="#"><span class="label label-primary">Primary</span></a> <a href="#"><span class="label label-success">Success</span></a> <a href="#"><span class="label label-info">Info</span></a> <a href="#"><span class="label label-warning">Warning</span></a> <a href="#"><span class="label label-danger">Danger</span></a> </h3> <h4 class="typ1 t-button"> <a href="#"><span class="label label-default">Default</span></a> <a href="#"><span class="label label-primary">Primary</span></a> <a href="#"><span class="label label-success">Success</span></a> <a href="#"><span class="label label-info">Info</span></a> <a href="#"><span class="label label-warning">Warning</span></a> <a href="#"><span class="label label-danger">Danger</span></a> </h4> <h5 class="typ1 t-button"> <a href="#"><span class="label label-default">Default</span></a> <a href="#"><span class="label label-primary">Primary</span></a> <a href="#"><span class="label label-success">Success</span></a> <a href="#"><span class="label label-info">Info</span></a> <a href="#"><span class="label label-warning">Warning</span></a> <a href="#"><span class="label label-danger">Danger</span></a> </h5> <h6 class="typ1 t-button"> <a href="#"><span class="label label-default">Default</span></a> <a href="#"><span class="label label-primary">Primary</span></a> <a href="#"><span class="label label-success">Success</span></a> <a href="#"><span class="label label-info">Info</span></a> <a href="#"><span class="label label-warning">Warning</span></a> <a href="#"><span class="label label-danger">Danger</span></a> </h6> </div> <div class="grid_3 grid_5"> <h3 class="bars">Progress Bars</h3> <div class="tab-content"> <div class="tab-pane active" id="domprogress"> <div class="progress"> <div class="progress-bar progress-bar-primary" style="width: 20%"></div> </div> <p>Info with <code>progress-bar-info</code> class.</p> <div class="progress"> <div class="progress-bar progress-bar-info" style="width: 60%"></div> </div> <p>Success with <code>progress-bar-success</code> class.</p> <div class="progress"> <div class="progress-bar progress-bar-success" style="width: 30%"></div> </div> <p>Warning with <code>progress-bar-warning</code> class.</p> <div class="progress"> <div class="progress-bar progress-bar-warning" style="width: 70%"></div> </div> <p>Danger with <code>progress-bar-danger</code> class.</p> <div class="progress"> <div class="progress-bar progress-bar-danger" style="width: 50%"></div> </div> <p>Inverse with <code>progress-bar-inverse</code> class.</p> <div class="progress"> <div class="progress-bar progress-bar-inverse"

评论收藏

内容反馈

版权申诉