<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<!-- Title and other stuffs -->
<title>Colors</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="author" content="">
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,600,700' rel='stylesheet' type='text/css'>
<!-- Stylesheets -->
<link href="style/bootstrap.css" rel="stylesheet">
<!-- Font awesome icon -->
<link rel="stylesheet" href="style/font-awesome.css">
<!-- Flexslider -->
<link rel="stylesheet" href="style/flexslider.css">
<!-- prettyPhoto -->
<link rel="stylesheet" href="style/prettyPhoto.css">
<!-- Main stylesheet -->
<link href="style/style.css" rel="stylesheet">
<!-- Bootstrap responsive -->
<link href="style/bootstrap-responsive.css" rel="stylesheet">
<!-- HTML5 Support for IE -->
<!--[if lt IE 9]>
<script src="js/html5shim.js"></script>
<![endif]-->
<!-- Favicon -->
<link rel="shortcut icon" href="img/favicon/favicon.png">
</head>
<body>
<!-- Navbar starts -->
<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="container-fluid">
<a 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>
</a>
<div class="nav-collapse collapse">
<ul class="nav pull-right">
<li><a href="login.html">Login</a></li>
<li><a href="register.html">Register</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">My Account <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="contactus.html">Contact Us</a></li>
<li><a href="login.html">Logout</a></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- Navbar ends -->
<!-- Sliding box starts -->
<div class="slide-box">
<div class="bor"></div>
<div class="padd">
<div class="slide-box-button">
<i class="icon-chevron-left"></i>
</div>
<h5>Welcome</h5>
Lorem ipsum dolor sit amet, constur adipiscing elit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
<hr />
<div class="social">
<a href="#"><i class="icon-facebook facebook"></i></a>
<a href="#"><i class="icon-twitter twitter"></i></a>
<a href="#"><i class="icon-linkedin linkedin"></i></a>
<a href="#"><i class="icon-google-plus google-plus"></i></a>
<a href="#"><i class="icon-pinterest pinterest"></i></a>
</div>
</div>
</div>
<!-- Sliding box ends -->
<!-- Main content starts -->
<div class="content">
<!-- Sidebar starts -->
<div class="sidebar">
<!-- Logo -->
<div class="logo">
<a href="#"><img src="img/b-logo.png" alt="" /></a>
</div>
<div class="sidebar-dropdown"><a href="#">Navigation</a></div>
<!--- Sidebar navigation -->
<!-- If the main navigation has sub navigation, then add the class "has_sub" to "li" of main navigation. -->
<!-- Colors: Add the class "br-red" or "br-blue" or "br-green" or "br-orange" or "br-purple" or "br-yellow" to anchor tags to create colorful left border -->
<div class="s-content">
<ul id="nav">
<!-- Main menu with font awesome icon -->
<li><a href="index.html" class="open br-red"><i class="icon-home"></i> Home</a>
<!-- Sub menu markup
<ul>
<li><a href="#">Submenu #1</a></li>
<li><a href="#">Submenu #2</a></li>
<li><a href="#">Submenu #3</a></li>
</ul>-->
</li>
<li class="has_sub"><a href="#" class="br-green"><i class="icon-list-alt"></i> Pages <span class="pull-right"><i class="icon-chevron-right"></i></span></a>
<ul>
<li><a href="pricing.html">Pricing Table</a></li>
<li><a href="404.html">404</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="faq.html">FAQ</a></li>
<li><a href="sitemap.html">Sitemap</a></li>
<li><a href="login.html">Login</a></li>
<li><a href="register.html">Register</a></li>
</ul>
</li>
<li class="has_sub"><a href="#" class="br-orange"><i class="icon-comments"></i> Blog <span class="pull-right"><i class="icon-chevron-right"></i></span></a>
<ul>
<li><a href="blog1.html">Blog #1</a></li>
<li><a href="blog2.html">Blog #2</a></li>
<li><a href="blog-single.html">Blog Single</a></li>
</ul>
</li>
<li><a href="aboutus.html" class="br-blue"><i class="icon-user"></i> About Us</a></li>
<li><a href="contactus.html" class="br-yellow"><i class="icon-envelope-alt"></i> Contact Us</a></li>
</ul>
<!-- Sidebar search -->
<form class="form-search">
<div class="input-append">
<input type="text" class="input-small search-query">
<button type="submit" class="btn btn-danger">Search</button>
</div>
</form>
<!-- Sidebar widget -->
<div class="s-widget">
<h6>Sidebar Widget</h6>
<p>Maecenas sit amet ipsum ac ipsum consequat fringilla. Curabitur rutrum dignissim convallis. Cras venenatis rhoncus orci, mattis interdum dui porta sit amet. </p>
</div>
</div>
</div>
<!-- Sidebar ends -->
<!-- Mainbar starts -->
<div class="mainbar">
<div class="matter">
<div class="container-fluid">
<div class="row-fluid">
<div class="span12">
<!-- Sheet starts -->
<div class="box-body">
<div class="ysheet">
<div class="bor"></div>
<div class="ysheet1">
<!-- Title -->
<h3>Scelerisque Utvel Consectetur</h3>
<!-- Para -->
<p>Nulla facilisi. Sed justo dui, scelerisque ut consectetur vel, eleifend id erat. Morbi auctor adipiscing tempor. Phasellus condimentum rutrum aliquet. Aliquam consequat, purus. Proin rutrum, erat eget posuere semper.</p>
</div>
<div class="ysheet2"></div>
<div class="ysheet3"></div>
</div>
</div>
<!-- Sheet ends -->
<!-- Table style starts -->
<div class="box-body">
<table class="table table-striped table-bordered table-hover">
<thead>
<tr>
<th>#</th>
<th>Name</th>
<th>Location</th>
<th>Age</th>
<th>Education</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Ashok</td>
<td>India</td>
<td>23</td>
黑色全屏漂亮的相册图库整站企业模板_html5 bootstrap 响应式模板UI前端源码.rar （120个子文件） 
bootstrap.css 111KB style.css 28KB font-awesome.css 21KB bootstrap-responsive.css 21KB prettyPhoto.css 19KB flexslider.css 4KB fontawesome-webfont.eot 25KB
loader.gif 6KB loader.gif 2KB loader.gif 2KB loader.gif 2KB loader.gif 2KB loader.gif 2KB default_thumbnail.gif 227B default_thumbnail.gif 227B default_thumbnail.gif 227B default_thumbnail.gif 227B default_thumbnail.gif 227B
backup.html 28KB index.html 25KB aboutus.html 21KB blog-single.html 21KB blog1.html 18KB pricing.html 17KB blog2.html 17KB contactus.html 16KB sitemap.html 16KB faq.html 15KB grid.html 14KB service.html 14KB gallery.html 14KB portfolio-single.html 13KB 0-base-file.html 11KB 404.html 11KB register.html 9KB login.html 6KB
i.jpg 132KB title-back.jpg 95KB b.jpg 74KB j.jpg 68KB s1.jpg 68KB blog1.jpg 68KB h.jpg 66KB c.jpg 65KB s2.jpg 62KB blog2.jpg 62KB s3.jpg 62KB 5.jpg 53KB 20.jpg 51KB 7.jpg 50KB 17.jpg 49KB 15.jpg 47KB f.jpg 46KB 3.jpg 46KB 14.jpg 45KB 4.jpg 43KB 18.jpg 43KB 9.jpg 43KB ashok.jpg 42KB 12.jpg 42KB 11.jpg 42KB 2.jpg 41KB 19.jpg 41KB g.jpg 40KB 13.jpg 40KB d.jpg 39KB 10.jpg 37KB 6.jpg 36KB 16.jpg 36KB 8.jpg 35KB 1.jpg 29KB a.jpg 27KB jquery.js 91KB bootstrap.js 26KB jquery.prettyPhoto.js 25KB jquery.flexslider-min.js 16KB jquery.isotope.js 16KB custom.js 4KB html5shim.js 2KB imageloaded.js 1KB FontAwesome.otf 48KB
e.png 644KB b-logo.png 15KB sprite.png 7KB red.png 5KB sprite.png 4KB sprite.png 4KB sprite.png 4KB sprite.png 3KB sprite.png 3KB favicon.png 3KB bor.png 3KB b-sidebar-back.png 3KB bg_direction_nav.png 2KB default_thumb.png 2KB btnPrevious.png 1KB btnPrevious.png 1KB btnPrevious.png 1KB btnPrevious.png 1KB btnNext.png 1KB共 120 条
- 1
- 2
资源评论
