<!--A Design by W3layouts
Author: W3layout
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE HTML>
<html>
<head>
<title>Restolex A Interior Category Flat Bootstarp Resposive Website Template | Portfolio :: w3layouts</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="Restolex 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>
<link href='http://fonts.googleapis.com/css?family=Open+Sans:100,200,300,400,500,600,700,800,900' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700' rel='stylesheet' type='text/css'>
<!----requred-js-files---->
<script src="js/bootstrap.min.js"></script>
<!----//requred-js-files---->
<!----font-Awesome----->
<link rel="stylesheet" href="fonts/css/font-awesome.min.css">
<!------ light-box-script ----->
<script src="js/jquery.chocolat.js"></script>
<link rel="stylesheet" href="css/chocolat.css" type="text/css" media="screen" charset="utf-8" />
<script type="text/javascript" charset="utf-8">
$(function() {
$('.about-grid a').Chocolat({linkImages:false});
});
</script>
<!------ light-box-script ----->
</head>
<body>
<div class="about">
<div class="container">
<div class="header-shadow">
<div class="header-top">
<div class="logo">
<a href="index.html"><img src="images/logo.png" alt=""/></a>
</div>
<nav class="navbar navbar-default menu" role="navigation"><h3 class="nav_right"><a href="index.html"><img src="images/logo.png" class="img-responsive" alt=""/></a></h3>
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<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 menu1">
<li class="active"><a href="index.html"> </a></li>
<li><a href="about.html">About</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="portfolio.html">Portfolio</a><span> </span><i class="menu-border"></i></li>
<li><a href="404.html">Blog</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
<div class="social">
<ul>
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
</ul>
</div>
<form class="navbar-form navbar-left search1" role="search">
<div class="search2">
<form>
<input type="text" value="">
<input type="submit" value="">
</form>
</div>
</form>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>
<div class="clearfix"></div>
</div>
</div>
<ul class="breadcrumbs">
<li class="home">
<a href="index.html" title="Go to Home Page">Home</a>
<span>></span>
</li>
<li class="home">
Portfolio
</li>
</ul>
</div>
</div>
<div class="grid_3">
<h2 class="tz-title-2">Portfolio</h2>
<div class="container">
<div class="about-grids service_box">
<div class="col-sm-3 about-grid">
<a href="images/pic26.jpg" title="name" rel="title2">
<div class="view view-first">
<img src="images/pic26.jpg" class="img-responsive" alt=""/>
<div class="mask">
<div class="info"><img src="images/magnify.png" alt=""/></div>
</div>
</div>
</a>
<h3><a href="#">Duis autem</a></h3>
<p class="service_desc">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna.</p>
<a href="#" class="btn_2" title="Lewis Tompson">more</a>
</div>
<div class="col-sm-3 about-grid">
<a href="images/pic25.jpg" title="name" rel="title2">
<div class="view view-first">
<img src="images/pic25.jpg" class="img-responsive" alt=""/>
<div class="mask">
<div class="info"><img src="images/magnify.png" alt=""/></div>
</div>
</div>
</a>
<h3><a href="#">Duis autem</a></h3>
<p class="service_desc">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna.</p>
<a href="#" class="btn_2" title="Lewis Tompson">more</a>
</div>
<div class="col-sm-3 about-grid">
<a href="images/pic24.jpg" title="name" rel="title2">
<div class="view view-first">
<img src="images/pic24.jpg" class="img-responsive" alt=""/>
<div class="mask">
<div class="info"><img src="images/magnify.png" alt=""/></div>
</div>
</div>
</a>
<h3><a href="#">Duis autem</a></h3>
<p class="service_desc">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna.</p>
<a href="#" class="btn_2" title="Lewis Tompson">more</a>
</div>
<div class="col-sm-3 about-grid">
<a href="images/pic23.jpg" title="name" rel="title2">
<div class="view view-first">
<img src="images/pic23.jpg" class="img-responsive" alt=""/>
<div class="mask">
<div class="info"><img src="images/magnify.png" alt=""/></div>
</div>
</div>
</a>
<h3><a href="#">Duis autem</a></h3>
<p class="service_desc">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna.</p>
<a href="#" class="btn_2" title="Lewis Tompson">more</a>
</div>
<div class="clearfix"> </div>
</div>
<div class="service_box">
<div class="col-sm-3 about-grid">
<a href="images/pic22.jpg" title="name" rel="title2">
<div class="view view-first">
<img src="images/pic22.jpg" class="img-responsive" alt=""/>
<div class="mask">
<div class="info"><img src="imag
HTML+CSS+JS+JQ+Bootstrap的家居装修案例展示响应式网页.7z （62个子文件） 
【web课设】家居装修案例展示响应式网页-HTML源码 html 
portfolio.html 20KB js 
jquery.wmuSlider.js 12KB bootstrap.min.js 28KB jquery.chocolat.js 10KB modernizr.custom.js 8KB jquery-1.11.1.min.js 94KB css style.css 22KB component.css 9KB bootstrap.css 118KB chocolat.css 2KB 404.html 8KB services.html 20KB index.html 12KB contact.html 9KB about.html 13KB images 
pic12.jpg 34KB pic5.jpg 17KB pic20.jpg 35KB pic6.jpg 28KB pic15.jpg 27KB pic25.jpg 31KB
close.gif 70B
menu_border.png 3KB magnify.png 4KB 2.jpg 19KB pic10.jpg 24KB Thumbs.db 1.47MB pic8.jpg 14KB about.jpg 47KB 6.jpg 15KB pic9.jpg 21KB logo.png 4KB pic22.jpg 29KB banner-bottom.png 3KB pic16.jpg 9KB 1.jpg 10KB pic19.jpg 26KB pic26.jpg 33KB pic18.jpg 35KB pic4.jpg 31KB pic2.jpg 18KB pic23.jpg 50KB pic21.jpg 19KB search.png 3KB pic3.jpg 27KB pic1.jpg 12KB email.png 3KB home-icon.png 3KB 8.jpg 14KB pic24.jpg 27KB pic11.jpg 40KB border1.png 3KB pic17.jpg 23KB pic7.jpg 21KB pic13.jpg 49KB pic14.jpg 15KB 7.jpg 9KB 9.jpg 15KB 4.jpg 93KB fonts css font-awesome.min.css 17KB fonts FontAwesome.otf 61KB fontawesome-webfont.ttf 79KB资源评论
