<!--A Design by W3layouts
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>Constellation a Furniture Category Flat Bootstarp Resposive Website Template | Home :: w3layouts</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery.min.js"></script>
<!-- Custom Theme files -->
<!--theme-style-->
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!--//theme-style-->
<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="Constellation 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>
<!--fonts-->
<link href='http://fonts.googleapis.com/css?family=Roboto:500,900,100,300,700,400' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Droid+Serif:400,700' rel='stylesheet' type='text/css'>
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<!---->
<script>
$(document).ready(function () {
size_li = $("#myList li").size();
x=3;
$('#myList li:lt('+x+')').show();
$('#loadMore').click(function () {
x= (x+1 <= size_li) ? x+1 : size_li;
$('#myList li:lt('+x+')').show();
});
});
</script>
</head>
<body>
<div class="header">
<div class="container">
<div class="header-on">
<div class="header-left">
<div class="menu">
<a href="#" class="right_bt" id="activator"><img class="menu-in" src="images/menu.png" alt=""/></a>
<div class="box" id="box">
<div class="box_content">
<div class="menu_box_list">
<h3> Hello,</h3>
<p>Vestibulum commodo volutpat a,
convallis ac, laoreet enim.
Phasellus fermentum in, dolor. </p>
<p>Pellentesque facilisis.
Nulla imperdiet sit amet magna.</p>
<ul class="social-in in-social">
<li><a href="#"><i> </i></a></li>
<li><a href="#"><i class="inline"> </i></a></li>
<li><a href="#"><i class="camera"> </i></a></li>
<li ><a href="#"><i class="twitter"> </i></a></li>
</ul>
<ul>
<li class="active"><a href="index.html" >home</a></li>
<li><a href="gallery.html" class="scroll">gallery</a></li>
<li><a href="404.html" class="scroll">posts</a></li>
<li><a href="contact.html" class="scroll">contact </a></li>
<div class="clearfix"></div>
</ul>
</div>
<a class="boxclose" id="boxclose"><img src="images/cross.png" alt=""/></a>
</div>
</div>
<script type="text/javascript">
var $ = jQuery.noConflict();
$(function() {
$('#activator').click(function(){
$('#box').animate({'left':'0px'},500);
});
$('#boxclose').click(function(){
$('#box').animate({'left':'-700px'},500);
});
});
$(document).ready(function(){
//Hide (Collapse) the toggle containers on load
$(".toggle_container").hide();
//Switch the "Open" and "Close" state per click then slide up/down (depending on open/close state)
$(".trigger").click(function(){
$(this).toggleClass("active").next().slideToggle("slow");
return false; //Prevent the browser jump to the link anchor
});
});
</script>
</div>
</div>
<!---->
<div class="search">
<a class="play-icon popup-with-zoom-anim" href="#small-dialog"><i> </i>Search... </a>
</div>
<div class="clearfix"> </div>
</div>
<!---pop-up-box---->
<script type="text/javascript" src="js/modernizr.custom.min.js"></script>
<link href="css/popuo-box.css" rel="stylesheet" type="text/css" media="all"/>
<script src="js/jquery.magnific-popup.js" type="text/javascript"></script>
<!---//pop-up-box---->
<div id="small-dialog" class="mfp-hide">
<div class="search-top">
<div class="login">
<input type="submit" value="">
<input type="text" value="Type something..." onfocus="this.value = '';" onblur="if (this.value == '') {this.value = '';}">
</div>
<p>user interface designuser experience designdesign inspirations</p>
</div>
</div>
<script>
$(document).ready(function() {
$('.popup-with-zoom-anim').magnificPopup({
type: 'inline',
fixedContentPos: false,
fixedBgPos: true,
overflowY: 'auto',
closeBtnInside: true,
preloader: false,
midClick: true,
removalDelay: 300,
mainClass: 'my-mfp-zoom-in'
});
});
</script>
<!---->
<div class="header-top">
<ul class="social-in">
<li><a href="#"><i> </i></a></li>
<li><a href="#"><i class="inline"> </i></a></li>
<li><a href="#"><i class="camera"> </i></a></li>
<li ><a href="#"><i class="twitter"> </i></a></li>
</ul>
<h1><a href="index.html">constellation </a></h1>
<p>If I create from the heart, nearly everything works; if from the head, almost nothing.</p>
</div>
</div>
</div>
<!---->
<div class="content">
<div class="container">
<div class="load_more">
<ul id="myList">
<!-- These are our grid blocks -->
<li>
<div class="l_g">
<div class="col-md-3 grid">
<div class="l_g_r">
<a href="single.html" class="port-grid" ><img class="img-responsive " src="images/ch.jpg" alt="" >
<div class="content-grid">
<h6>#design #inspirations</h6>
<h3>View Gallery</h3>
</div></a>
<div class="port">
<p class="port-in">12 August 2014 / <a href="#"> 1 Comment</a></p>
<div class="social">
<a href="#"><i> </i></a>
<a href="#"><i class="facebook"> </i></a>
<a href="#"><i class="twitter"> </i></a>
<div class="clearfix"> </div>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<div class="col-md-3 grid">
<div class="l_g_r">
<a href="single.html" class="port-grid" ><img class="img-responsive " src="images/ch1.jpg" alt="" >
<div class="content-grid">
<h6>#design #inspirations</h6>
<h3>View Gallery</h3>
</div></a>
<div class="port">
<p class="port-in">12 August 2014 / <a href="#"> 3 Comment</a></p>
<div class="social">
<a href="#"><i> </i></a>
<a href="#"><i class="facebook"> </i></a>
<a href="#"><i class="twitter"> </i></a>
<div class="clearfix"> </div>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<div class="col-md-3 grid grid-in">
<div class="l_g_r">
<h6><a href="single.html">#design</a> <a href="#">#inspirations</a></h6>
<h3>However beautiful the strategy, you should occasionally look at the results.</h3>
<div class="port">
<p class="port-in">12 August 2014 / <a href="#"> 6 Comment</a></p>
<div class="social">
<a href="#"><i> </i></a>
<a href="#"><i cl
作品展示&图片展示HTML源码-简洁室内设计案例展示响应式网页模板-适配移动端.zip
版权申诉
156 浏览量
2024-03-26
09:50:58
上传
评论
收藏 1.21MB ZIP 举报
作品展示&图片展示HTML源码-简洁室内设计案例展示响应式网页模板-适配移动端.zip （52个子文件） 
作品展示&图片展示HTML源码-简洁室内设计案例展示响应式网页模板-适配移动端 html js 
jquery.magnific-popup.js 45KB nivo-lightbox.min.js 7KB easing.js 5KB move-top.js 1KB jquery.min.js 94KB css style.css 17KB popuo-box.css 5KB magnific-popup.css 10KB bootstrap.css 118KB
404.html 7KB index.html 20KB contact.html 8KB single.html 8KB images 
pic5.jpg 17KB pic6.jpg 13KB
plus.png 772B pic.jpg 13KB prev.png 3KB si5.jpg 39KB pic8.jpg 25KB menu.png 3KB si1.jpg 66KB si6.jpg 31KB pic4.jpg 16KB ch7.jpg 30KB pic2.jpg 31KB next.png 3KB ch4.jpg 24KB pic3.jpg 21KB ch2.jpg 22KB si8.jpg 63KB si.jpg 29KB si2.jpg 81KB pic1.jpg 27KB ch.jpg 25KB si3.jpg 46KB back.png 31KB img-sprite.png 9KB up.png 4KB close.png 3KB ch3.jpg 30KB si4.jpg 41KB ch8.jpg 40KB ch1.jpg 17KB ch5.jpg 17KB cross.png 3KB pic7.jpg 31KB si7.jpg 86KB pi.jpg 149KB ch9.jpg 25KB ch6.jpg 25KB gallery.html 11KB资源评论
