mirror of
https://github.com/dawidolko/Website-Templates.git
synced 2025-10-27 07:53:11 +01:00
397 lines
18 KiB
HTML
397 lines
18 KiB
HTML
<!--
|
||
Author: WebThemez
|
||
Author URL: http://webthemez.com
|
||
License: Creative Commons Attribution 3.0 Unported
|
||
License URL: http://creativecommons.org/licenses/by/3.0/
|
||
-->
|
||
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<meta name="description" content="Interior-Design-Responsive-Website-Templates-StyleInn">
|
||
<meta name="author" content="webThemez.com">
|
||
<title>Interior-Design-Responsive-Website-Templates-StyleInn</title>
|
||
<link rel="favicon" href="assets/images/favicon.png">
|
||
<link rel="stylesheet" media="screen" href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,700">
|
||
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
|
||
<link rel="stylesheet" href="assets/css/font-awesome.min.css">
|
||
<link rel="stylesheet" href="assets/css/bootstrap-theme.css" media="screen">
|
||
<link rel="stylesheet" href="assets/css/style.css">
|
||
<link rel='stylesheet' id='camera-css' href='assets/css/camera.css' type='text/css' media='all'>
|
||
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
|
||
<!--[if lt IE 9]>
|
||
<script src="assets/js/html5shiv.js"></script>
|
||
<script src="assets/js/respond.min.js"></script>
|
||
<![endif]-->
|
||
</head>
|
||
<body>
|
||
<!-- Fixed navbar -->
|
||
<div class="navbar navbar-inverse">
|
||
<div class="container">
|
||
<div class="navbar-header">
|
||
<!-- Button for smallest screens -->
|
||
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button>
|
||
<a class="navbar-brand" href="index.html">
|
||
<img src="assets/images/logo.png" alt="Techro HTML5 template"></a>
|
||
</div>
|
||
<div class="navbar-collapse collapse">
|
||
<ul class="nav navbar-nav pull-right mainNav">
|
||
<li class="active"><a href="index.html">Home</a></li>
|
||
<li><a href="about.html">About</a></li>
|
||
<li><a href="services.html">Services</a></li>
|
||
<li><a href="price.html">Price</a></li>
|
||
<li><a href="projects.html">Projects</a></li>
|
||
<li class="dropdown">
|
||
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Pages <b class="caret"></b></a>
|
||
<ul class="dropdown-menu">
|
||
<li><a href="sidebar-right.html">Right Sidebar</a></li>
|
||
<li><a href="#">Dummy Link1</a></li>
|
||
<li><a href="#">Dummy Link2</a></li>
|
||
<li><a href="#">Dummy Link3</a></li>
|
||
</ul>
|
||
</li>
|
||
<li><a href="contact.html">Contact</a></li>
|
||
|
||
</ul>
|
||
</div>
|
||
<!--/.nav-collapse -->
|
||
</div>
|
||
</div>
|
||
<!-- /.navbar -->
|
||
|
||
<!-- Header -->
|
||
<header id="head">
|
||
<div class="container">
|
||
<div class="fluid_container">
|
||
<div class="camera_wrap camera_emboss pattern_1" id="camera_wrap_4">
|
||
<div data-thumb="assets/images/slides/thumbs/img1.jpg" data-src="assets/images/slides/img1.jpg">
|
||
</div>
|
||
<div data-thumb="assets/images/slides/thumbs/img2.jpg" data-src="assets/images/slides/img2.jpg">
|
||
</div>
|
||
<div data-thumb="assets/images/slides/thumbs/img3.jpg" data-src="assets/images/slides/img3.jpg">
|
||
</div>
|
||
</div><!-- #camera_wrap_3 -->
|
||
</div><!-- .fluid_container -->
|
||
</div>
|
||
</header>
|
||
<!-- /Header -->
|
||
|
||
|
||
<section class="news-box top-margin">
|
||
<div class="container">
|
||
<h2><span>We Offer..</span></h2>
|
||
<div class="row">
|
||
|
||
<div class="col-lg-4 col-md-4 col-sm-12">
|
||
<div class="newsBox">
|
||
<div class="thumbnail">
|
||
<figure><img src="assets/images/news2.jpg" alt=""></figure>
|
||
<div class="caption maxheight2">
|
||
<div class="box_inner">
|
||
<div class="box">
|
||
<p class="title"><strong>CONCEPT</strong></p>
|
||
<p>Lorem ipsum dolor sit amet, conc tetu er adipi scing. Praesent ves tibuum molestie lacuiirhs. Aenean.</p>
|
||
</div>
|
||
<div>
|
||
<a href="#" class="btn-inline">more</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-4 col-md-4 col-sm-12">
|
||
<div class="newsBox">
|
||
<div class="thumbnail">
|
||
<figure><img src="assets/images/news3.jpg" alt=""></figure>
|
||
<div class="caption maxheight2">
|
||
<div class="box_inner">
|
||
<div class="box">
|
||
<p class="title"><strong>DESIGN</strong></p>
|
||
<p>Lorem ipsum dolor sit amet, conc tetu er adipi scing. Praesent ves tibuum molestie lacuiirhs. Aenean.</p>
|
||
</div>
|
||
<div>
|
||
<a href="#" class="btn-inline">more</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-4 col-md-4 col-sm-12">
|
||
<div class="newsBox">
|
||
<div class="thumbnail">
|
||
<figure><img src="assets/images/news4.jpg" alt=""></figure>
|
||
<div class="caption maxheight2">
|
||
<div class="box_inner">
|
||
<div class="box">
|
||
<p class="title"><strong>INSTALLATION</strong></p>
|
||
<p>Lorem ipsum dolor sit amet, conc tetu er adipi scing. Praesent ves tibuum molestie lacuiirhs. Aenean.</p>
|
||
</div>
|
||
<div>
|
||
<a href="#" class="btn-inline">more</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
|
||
<section class="container">
|
||
<div class="row">
|
||
<div class="col-md-4"><div class="title-box clearfix "><h2 class="title-box_primary">About Us</h2></div>
|
||
<p><span>Perspiciatis unde omnis iste natus error sit voluptatem. Cum sociis natoque penatibus et magnis dis parturient montes ascetur ridiculus musull dui.</span></p>
|
||
<p>Lorem ipsumulum aenean noummy endrerit mauris. Cum sociis natoque penatibus et magnis dis parturient montes ascetur ridiculus mus. Null dui. Fusce feugiat malesuada odio.</p>
|
||
<a href="#" title="read more" class="btn-inline " target="_self">read more</a> </div>
|
||
|
||
|
||
<div class="col-md-4"><div class="title-box clearfix "><h2 class="title-box_primary">Clients</h2></div>
|
||
<blockquote class="blockquote-1">
|
||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante. Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid</p>
|
||
<small>Someone famous in <cite title="Source Title">Source Title</cite></small>
|
||
</blockquote></div>
|
||
|
||
<div class="col-md-4"><div class="title-box clearfix "><h2 class="title-box_primary">Projects</h2></div>
|
||
<div class="list styled custom-list">
|
||
<ul>
|
||
<li><a title="Snatoque penatibus et magnis dis partu rient montes ascetur ridiculus mus." href="#">Singapore Township Complete Interior Design</a></li>
|
||
<li><a title="Fusce feugiat malesuada odio. Morbi nunc odio gravida at cursus nec luctus." href="#">Mega luxury Villas Planing and Interior Design</a></li>
|
||
<li><a title="Penatibus et magnis dis parturient montes ascetur ridiculus mus." href="#">Commercial Shopping Mall Interior Design</a></li>
|
||
<li><a title="Morbi nunc odio gravida at cursus nec luctus a lorem. Maecenas tristique orci." href="#">SVN Independent & Duplex Houses</a></li>
|
||
<li><a title="Snatoque penatibus et magnis dis partu rient montes ascetur ridiculus mus." href="#">World wide IT park</a></li>
|
||
<li><a title="Fusce feugiat malesuada odio. Morbi nunc odio gravida at cursus nec luctus." href="#">North Arena SNT Township Interior Design</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="container">
|
||
<div class="row">
|
||
<div class="col-md-12">
|
||
<h2><span>Our Projects</span></h2>
|
||
<div class="carousel slide" id="myCarousel">
|
||
<div class="carousel-inner">
|
||
<div class="item active">
|
||
<ul class="thumbnails">
|
||
<li class="col-md-3">
|
||
<div class="thumbnail">
|
||
<a href="#"><img src="assets/images/portfolio/img1.jpg" alt=""></a>
|
||
</div>
|
||
<div class="caption">
|
||
<h4>Praesent commodo</h4>
|
||
<p>Nullam Condimentum Nibh Etiam Sem</p>
|
||
<a class="btn btn-mini" href="#">Read More</a>
|
||
</div>
|
||
</li>
|
||
<li class="col-md-3">
|
||
<div class="thumbnail">
|
||
<a href="#"><img src="assets/images/portfolio/img2.jpg" alt=""></a>
|
||
</div>
|
||
<div class="caption">
|
||
<h4>Praesent commodo</h4>
|
||
<p>Nullam Condimentum Nibh Etiam Sem</p>
|
||
<a class="btn btn-mini" href="#">Read More</a>
|
||
</div>
|
||
</li>
|
||
<li class="col-md-3">
|
||
<div class="thumbnail">
|
||
<a href="#"><img src="assets/images/portfolio/img3.jpg" alt=""></a>
|
||
</div>
|
||
<div class="caption">
|
||
<h4>Praesent commodo</h4>
|
||
<p>Nullam Condimentum Nibh Etiam Sem</p>
|
||
<a class="btn btn-mini" href="#">Read More</a>
|
||
</div>
|
||
</li>
|
||
<li class="col-md-3">
|
||
<div class="thumbnail">
|
||
<a href="#"><img src="assets/images/portfolio/img4.jpg" alt=""></a>
|
||
</div>
|
||
<div class="caption">
|
||
<h4>Praesent commodo</h4>
|
||
<p>Nullam Condimentum Nibh Etiam Sem</p>
|
||
<a class="btn btn-mini" href="#">Read More</a>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</div><!-- /Slide1 -->
|
||
<div class="item">
|
||
<ul class="thumbnails">
|
||
<li class="col-md-3">
|
||
<div class="thumbnail">
|
||
<a href="#"><img src="assets/images/portfolio/img5.jpg" alt=""></a>
|
||
</div>
|
||
<div class="caption">
|
||
<h4>Praesent commodo</h4>
|
||
<p>Nullam Condimentum Nibh Etiam Sem</p>
|
||
<a class="btn btn-mini" href="#">Read More</a>
|
||
</div>
|
||
</li>
|
||
<li class="col-md-3">
|
||
<div class="thumbnail">
|
||
<a href="#"><img src="assets/images/portfolio/img6.jpg" alt=""></a>
|
||
</div>
|
||
<div class="caption">
|
||
<h4>Praesent commodo</h4>
|
||
<p>Nullam Condimentum Nibh Etiam Sem</p>
|
||
<a class="btn btn-mini" href="#">Read More</a>
|
||
</div>
|
||
</li>
|
||
<li class="col-md-3">
|
||
<div class="thumbnail">
|
||
<a href="#"><img src="assets/images/portfolio/img7.jpg" alt=""></a>
|
||
</div>
|
||
<div class="caption">
|
||
<h4>Praesent commodo</h4>
|
||
<p>Nullam Condimentum Nibh Etiam Sem</p>
|
||
<a class="btn btn-mini" href="#">Read More</a>
|
||
</div>
|
||
</li>
|
||
<li class="col-md-3">
|
||
<div class="thumbnail">
|
||
<a href="#"><img src="assets/images/portfolio/img8.jpg" alt=""></a>
|
||
</div>
|
||
<div class="caption">
|
||
<h4>Praesent commodo</h4>
|
||
<p>Nullam Condimentum Nibh Etiam Sem</p>
|
||
<a class="btn btn-mini" href="#">Read More</a>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</div><!-- /Slide2 -->
|
||
<div class="item">
|
||
<ul class="thumbnails">
|
||
<li class="col-md-3">
|
||
<div class="thumbnail">
|
||
<a href="#"><img src="assets/images/portfolio/img1.jpg" alt=""></a>
|
||
</div>
|
||
<div class="caption">
|
||
<h4>Praesent commodo</h4>
|
||
<p>Nullam Condimentum Nibh Etiam Sem</p>
|
||
<a class="btn btn-mini" href="#">Read More</a>
|
||
</div>
|
||
</li>
|
||
<li class="col-md-3">
|
||
<div class="thumbnail">
|
||
<a href="#"><img src="assets/images/portfolio/img2.jpg" alt=""></a>
|
||
</div>
|
||
<div class="caption">
|
||
<h4>Praesent commodo</h4>
|
||
<p>Nullam Condimentum Nibh Etiam Sem</p>
|
||
<a class="btn btn-mini" href="#">Read More</a>
|
||
</div>
|
||
</li>
|
||
<li class="col-md-3">
|
||
<div class="thumbnail">
|
||
<a href="#"><img src="assets/images/portfolio/img3.jpg" alt=""></a>
|
||
</div>
|
||
<div class="caption">
|
||
<h4>Praesent commodo</h4>
|
||
<p>Nullam Condimentum Nibh Etiam Sem</p>
|
||
<a class="btn btn-mini" href="#">Read More</a>
|
||
</div>
|
||
</li>
|
||
<li class="col-md-3">
|
||
<div class="thumbnail">
|
||
<a href="#"><img src="assets/images/portfolio/img4.jpg" alt=""></a>
|
||
</div>
|
||
<div class="caption">
|
||
<h4>Praesent commodo</h4>
|
||
<p>Nullam Condimentum Nibh Etiam Sem</p>
|
||
<a class="btn btn-mini" href="#">Read More</a>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</div><!-- /Slide3 -->
|
||
</div>
|
||
|
||
<div class="control-box">
|
||
<a data-slide="prev" href="#myCarousel" class="carousel-control left">‹</a>
|
||
<a data-slide="next" href="#myCarousel" class="carousel-control right">›</a>
|
||
</div><!-- /.control-box -->
|
||
|
||
</div><!-- /#myCarousel -->
|
||
|
||
</div><!-- /.span12 -->
|
||
</div><!-- /.row -->
|
||
</section><!-- /.container -->
|
||
|
||
<footer id="footer">
|
||
<div class="container">
|
||
<div class="social text-center">
|
||
<a href="#"><i class="fa fa-twitter"></i></a>
|
||
<a href="#"><i class="fa fa-facebook"></i></a>
|
||
<a href="#"><i class="fa fa-dribbble"></i></a>
|
||
<a href="#"><i class="fa fa-flickr"></i></a>
|
||
<a href="#"><i class="fa fa-github"></i></a>
|
||
</div>
|
||
|
||
<div class="clear"></div>
|
||
<!--CLEAR FLOATS-->
|
||
</div>
|
||
<div class="footer2">
|
||
<div class="container">
|
||
<div class="row">
|
||
|
||
<div class="col-md-6 panel">
|
||
<div class="panel-body">
|
||
<p class="simplenav">
|
||
<a href="index.html">Home</a> |
|
||
<a href="about.html">About</a> |
|
||
<a href="services.html">Services</a> |
|
||
<a href="price.html">Price</a> |
|
||
<a href="projects.html">Projects</a> |
|
||
<a href="contact.html">Contact</a>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-md-6 panel">
|
||
<div class="panel-body">
|
||
<p class="text-right">
|
||
Copyright © 2015. Template by <a href="http://webthemez.com/" rel="develop">WebThemez.com</a>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
<!-- /row of panels -->
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
|
||
<!-- JavaScript libs are placed at the end of the document so the pages load faster -->
|
||
<script src="assets/js/modernizr-latest.js"></script>
|
||
<script type='text/javascript' src='assets/js/jquery.min.js'></script>
|
||
<script type='text/javascript' src='assets/js/fancybox/jquery.fancybox.pack.js'></script>
|
||
|
||
<script type='text/javascript' src='assets/js/jquery.mobile.customized.min.js'></script>
|
||
<script type='text/javascript' src='assets/js/jquery.easing.1.3.js'></script>
|
||
<script type='text/javascript' src='assets/js/camera.min.js'></script>
|
||
<script src="assets/js/bootstrap.min.js"></script>
|
||
<script src="assets/js/custom.js"></script>
|
||
<script>
|
||
jQuery(function(){
|
||
|
||
jQuery('#camera_wrap_4').camera({
|
||
height: '600',
|
||
loader: 'bar',
|
||
pagination: false,
|
||
thumbnails: false,
|
||
hover: false,
|
||
opacityOnGrid: false,
|
||
imagePath: 'assets/images/'
|
||
});
|
||
|
||
});
|
||
</script>
|
||
|
||
</body>
|
||
</html>
|