<!DOCTYPE HTML>
<html>
<head>
<title>Home</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<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="Dream Elite 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?family=Roboto:400,100,300,500,700,900' rel='stylesheet' type='text/css'>
<script src="js/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="css/magnific-popup.css">
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},1200);
});
});
</script>
<script type="text/javascript">
$(document).ready(function() {
/*
var defaults = {
containerID: 'toTop', // fading element id
containerHoverID: 'toTopHover', // fading element hover id
scrollSpeed: 1200,
easingType: 'linear'
};
*/
$().UItoTop({ easingType: 'easeOutQuart' });
});
</script>
</head>
<body>
<!-- header -->
<div class="banner">
<div class="header">
<div class="container">
<div class="logo">
<a href="index.html"><img src="images/logo.png" class="img-responsive" alt="" /></a>
</div>
<div class="hader-left">
<h1><a href="index.html">DREAM ELITE</a></h1>
<h6><a href="index.html">HOMES</a></h6>
</div>
<div class="head-nav">
<span class="menu"> </span>
<ul class="cl-effect-3">
<li class="active"><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="project.html">Projects</a></li>
<li><a href="contact.html">Contact</a></li>
<div class="clearfix"> </div>
</ul>
</div>
<div class="clearfix"> </div>
<!-- script-for-nav -->
<script>
$( "span.menu" ).click(function() {
$( ".head-nav ul" ).slideToggle(300, function() {
// Animation complete.
});
});
</script>
<!-- script-for-nav -->
</div>
</div>
<div class="container">
<!-- portfolio -->
<div class="worksmain">
<div class="section group">
<div class="gallery-box">
<div id="nivo-lightbox-demo"> <a href="images/img1.jpg"data-lightbox-gallery="gallery1" id="nivo-lightbox-demo"> <span class="rollover1"> </span></a> </div>
<img src="images/img1.jpg" alt="">
</div>
<div class="gallery-box">
<div id="nivo-lightbox-demo"> <a href="images/img2.jpg" data-lightbox-gallery="gallery1" id="nivo-lightbox-demo"> <span class="rollover1"> </span></a> </div>
<img src="images/img2.jpg" alt="">
</div>
<div class="gallery-box">
<div id="nivo-lightbox-demo"> <a href="images/img3.jpg" data-lightbox-gallery="gallery1" id="nivo-lightbox-demo"> <span class="rollover1"> </span></a> </div>
<img src="images/img3.jpg" alt="">
</div>
<div class="gallery-box">
<div id="nivo-lightbox-demo"> <a href="images/img4.jpg" data-lightbox-gallery="gallery1" id="nivo-lightbox-demo"> <span class="rollover1"> </span></a> </div>
<img src="images/img4.jpg" alt="">
</div>
<div class="gallery-box">
<div id="nivo-lightbox-demo"> <a href="images/img5.jpg" data-lightbox-gallery="gallery1" id="nivo-lightbox-demo"> <span class="rollover1"> </span></a> </div>
<img src="images/img5.jpg" alt="">
</div>
<div class="gallery-box">
<div id="nivo-lightbox-demo"> <a href="images/img6.jpg" data-lightbox-gallery="gallery1" id="nivo-lightbox-demo"> <span class="rollover1"> </span></a> </div>
<img src="images/img6.jpg" alt="">
</div>
<div class="clearfix"></div>
</div>
<script type="text/javascript" src="js/nivo-lightbox.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#nivo-lightbox-demo a').nivoLightbox({ effect: 'fade' });
});
</script>
</div>
<h3>Morbi molestie dolor vel commodo</h3>
<p>Mentum mauris. orbi vulputate ultrices semper. Phasellus ultricies elit et orcidunt est congue tortor vehicul acilisis purus in malesuada purus lacin</p>
</div>
<!--//End-Gallery-->
<!-- portfolio -->
</div>
<!-- header -->
<!-- duis -->
<div class="duis">
<div class="down">
<a href="#contact" class="scroll" "=""><img src="images/dwnar.png" class="img-responsive" alt="" /></a>
</div>
<div class="container">
<h2>Duis felis liberomollis non</h2>
<div class="elites">
<div class="col-md-4 elite-grid">
<a href="single.html"><img src="images/e1.jpg" alt=""/></a>
<h3><a href="single.html">MANSION HOUSE</a></h3>
<p>Quisque volutpat odio sit amet mi volutpat, a bibendum ante vulputate. Praesent bibendum lorem
non sem cursus, eu tempus leo condimentum. Sed nec ullamcorper massa.</p>
<a href="single.html" class="more">[ Read More..]</a>
</div>
<div class="col-md-4 elite-grid">
<a href="single.html"><img src="images/e2.jpg" alt=""/></a>
<h3><a href="single.html">INDEPENDENT HOUSE</a></h3>
<p>Quisque volutpat odio sit amet mi volutpat, a bibendum ante vulputate. Praesent bibendum lorem
non sem cursus, eu tempus leo condimentum. Sed nec ullamcorper massa.</p>
<a href="single.html" class="more">[ Read More..]</a>
</div>
<div class="col-md-4 elite-grid">
<a href="single.html"><img src="images/e3.jpg" alt=""/></a>
<h3><a href="single.htmll">DUPLEX HOUSE</a></h3>
<p>Quisque volutpat odio sit amet mi volutpat, a bibendum ante vulputate. Praesent bibendum lorem
non sem cursus, eu tempus leo condimentum. Sed nec ullamcorper massa.</p>
<a href="single.html" class="more">[ Read More..]</a>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<!-- duis -->
<!-- anean -->
<div class="anean"id="contact">
<div class="container">
<label></label>
<div class="anean-top">
<h3>Aenean non mi ac neque rutrum bibendum</h3>
<p>Nunc elementum est ut dignissim posuere</p>
</div>
<label></label>
</div>
</div>
<!-- anean -->
<div class="anean-bottom">
<div class="container">
<div class="col-md-6">
<div class="anean-1">
<div class="anean-left">
<a href="project.html"><img src="images/img1.jpg" class="img-responsive" alt="" /></a>
</div>
<div class="anean-right">
<h4><a href="project.html">Aenean non miac</a></h4>
<span>- Nunce element</span>
<p>Osteger non semper nunc. Nam lacus diam, dignissim eu lobortis sit amet, ultrices sit . </p>
</div>
<div class="clearfix"></div>
</div>
<div class="anean-1">
<div class="anean-left">
<a href="project.html"><img src="images/img3.jpg" class="img-responsive" alt="" /></a>
</div>
<div class="anean-right">
<h4><a href="project.html">Civamus et diam sed </a></h4>
<span>- Pharetra sit amet</span>
<p>Teger non semper nunc. Nam la