<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Serenity, HTML Responsive Portfolio</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<!-- Le styles -->
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/icons.css" rel="stylesheet" media="screen">
<link href="css/custom.css" rel="stylesheet">
<link href="css/skindefault.css" rel="stylesheet">
<link href="css/bootstrap-responsive.css" rel="stylesheet">
<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="js/html5shiv.js"></script>
<link rel="stylesheet" type="text/css" href="css/ie.css" />
<![endif]-->
<!-- Jquery - The rest of the scripts at the bottom-->
<script src="js/jquery-1.9.0.min.js"></script>
</head>
<body>
<!-- Header
================================================== -->
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="brand" href="index.html">SERENITY.</a>
<div class="nav-collapse collapse">
<ul class="nav">
<li><a href="index.html">Home</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle js-activated" data-toggle="dropdown">Pages <b class="caret"></b></a>
<ul class="dropdown-menu">
<li class="nav-header">General</li>
<li><a href="about.html">About</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="singleproject.html">Single Project</a></li>
<li><a href="faq.html">FAQ</a></li>
<li><a href="testimonials.html">Testimonials</a></li>
<li class="divider"></li>
<li class="nav-header">Portfolio Fixed</li>
<li><a href="portfolio2.html">Two Columns</a></li>
<li><a href="portfolio3.html">Three Columns</a></li>
<li><a href="portfolio4.html">Four Columns</a></li>
<li class="divider"></li>
<li class="nav-header">Masonry</li>
<li><a href="masonry2.html">Two Columns</a></li>
<li><a href="masonry3.html">Three Columns</a></li>
<li><a href="masonry4.html">Four Columns</a></li>
<li class="divider"></li>
<li class="nav-header">Blog</li>
<li><a href="blogindex.html">Index</a></li>
<li><a href="blogsingle.html">Single Post</a></li>
<li><a href="404.html">404</a></li>
</ul>
</li>
<li class="active dropdown">
<a href="#" class="dropdown-toggle js-activated" data-toggle="dropdown">Features <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="columns.html">Columns</a></li>
<li><a href="team.html">Team Styles</a></li>
<li><a href="elements.html">More Elements</a></li>
<li><a href="icons.html">Icons</a></li>
</ul>
</li>
<li><a href="contact.html">Contact</a></li>
<li><a href="#">Buy Theme</a></li>
</ul>
</div>
<!--/.nav-collapse -->
</div>
</div>
</div>
<!-- Intro
================================================== -->
<div class="introtitle">
<div class="container">
<h1>Theme Components</h1>
<p>
Typography, styles & elements
</p>
</div>
</div>
<!-- end Intro -->
<div class="container">
<div class="row-fluid">
<div class="span6">
<h3>Tabs</h3>
<div class="bordered">
</div>
<!-- Tabs
================================================== -->
<ul id="myTab" class="nav nav-tabs">
<li class="active"><a href="#home" data-toggle="tab">Home</a></li>
<li class=""><a href="#profile" data-toggle="tab">Profile</a></li>
<li class=""><a href="#something" data-toggle="tab">Something</a></li>
</ul>
<div id="myTabContent" class="tab-content">
<div class="tab-pane fade active in" id="home">
<p>
Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.
</p>
<p>
Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum.
</p>
</div>
<div class="tab-pane fade" id="profile">
<p>
Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid. Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan four loko farm-to-table craft beer twee. Qui photo booth letterpress, commodo enim craft beer mlkshk aliquip jean shorts ullamco ad vinyl cillum PBR. Homo nostrud organic, assumenda labore aesthetic magna delectus mollit. Keytar helvetica VHS salvia yr, vero magna velit sapiente labore stumptown. Vegan fanny pack odio cillum wes anderson 8-bit, sustainable jean shorts beard ut DIY ethical culpa terry richardson biodiesel. Art party scenester stumptown, tumblr butcher vero sint qui sapiente accusamus tattooed echo park.
</p>
<p>
Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum.
</p>
</div>
<div class="tab-pane fade" id="something">
<p>
Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out mcsweeney's organic lomo retro fanny pack lo-fi farm-to-table readymade. Messenger bag gentrify pitchfork tattooed craft beer, iphone skateboard locavore carles etsy salvia banksy hoodie helvetica. DIY synth PBR banksy irony. Leggings gentrify squid 8-bit cred pitchfork. Williamsburg banh mi whatever gluten-free, carles pitchfork biodiesel fixie etsy retro mlkshk vice blog. Scenester cred you probably haven't heard of them, vinyl craft beer blog stumptown. Pitchfork sustainable tofu synth chambray yr.
</p>
<p>
Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum.
</p>
</div>
</div>
<!-- END Tabs -->
</div>
<div class="span6">
<h3>Accordions</h3>
<div class="bordered">
</div>
<!-- Accordions
================================================== -->
<div class="accordion" id="accordion2">
<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne">
Collapsible Group Item 1 </a>
</div>
<div id="collapseOne" class="accordion-body collapse" style="height: 0px;">
<div class="accordion-inner">
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente.
</div>
</div>
</div>
<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" data-toggle=
作品展示&图片展示HTML源码-图集工作室网页模板-适配移动端2.zip
版权申诉
27 浏览量
2024-03-26
09:52:23
上传
评论
收藏 3.68MB ZIP 举报
作品展示&图片展示HTML源码-图集工作室网页模板-适配移动端2.zip （158个子文件） 
bootstrap.css 124KB custom.css 35KB bootstrap-responsive.css 24KB icons.css 21KB prettyPhoto.css 12KB ie.css 7KB skingreen.css 1KB skinmagenta.css 1KB skinpink.css 1KB skinorange.css 1KB skinturquoise.css 1KB skingold.css 1KB skinteal.css 1KB skinblue.css 1KB skingray.css 1KB skindefault.css 1KB skinred.css 1KB skinyellow.css 1KB Lato-RegIta-webfont.eot 32KB Lato-BolIta-webfont.eot 32KB Lato-LigIta-webfont.eot 31KB Lato-BlaIta-webfont.eot 31KB Lato-HaiIta-webfont.eot 31KB Lato-Bol-webfont.eot 29KB Lato-Reg-webfont.eot 28KB Lato-Lig-webfont.eot 28KB Lato-Bla-webfont.eot 28KB Lato-Hai-webfont.eot 27KB fontawesome-webfont.eot 25KB OpenSans-LightItalic-webfont.eot 24KB OpenSans-Light-webfont.eot 20KB
loader.gif 2KB loader.gif 2KB default_thumbnail.gif 227B default_thumbnail.gif 227B
elements.html 45KB icons.html 22KB faq.html 22KB masonry4.html 14KB index.html 14KB portfolio3.html 14KB portfolio4.html 14KB portfolio2.html 14KB masonry3.html 14KB masonry2.html 14KB testimonials.html 14KB columns.html 13KB services.html 13KB team.html 13KB about.html 12KB blogsingle.html 11KB blogindex.html 10KB contact.html 8KB singleproject.html 7KB 404.html 6KB
t5.jpg 448KB 10.jpg 139KB 8.jpg 138KB 12.jpg 137KB 15.jpg 136KB 6.jpg 130KB 3.jpg 128KB 5.jpg 126KB 4.jpg 125KB 13.jpg 120KB 14.jpg 104KB 9.jpg 97KB 7.jpg 96KB 1.jpg 96KB 11.jpg 82KB 2.jpg 78KB t2.jpg 52KB t4.jpg 50KB t3.jpg 44KB t1.jpg 13KB dummyimage.jpg 4KB avatar.jpg 701B jquery-1.9.0.min.js 91KB bootstrap.js 60KB jquery.carouFredSel-6.0.3-packed.js 35KB jquery.prettyPhoto.js 35KB jquery.isotope.min.js 17KB jquery.flexslider-min.js 17KB html5shiv.js 2KB contact.js 2KB twitter-bootstrap-hover-dropdown.js 993B common.js 205B FontAwesome.otf 48KB
author1.png 79KB logo1.png 26KB logo3.png 26KB logo2.png 23KB logo6.png 21KB logo5.png 16KB logo4.png 16KB glyphicons-halflings.png 12KB glyphicons-halflings-white.png 9KB avatar.png 6KB sprite.png 4KB sprite.png 3KB共 158 条
- 1
- 2
资源评论
