<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Blog Details|| DomInno</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- favicon
============================================ -->
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico">
<!-- Google Fonts
============================================ -->
<link href="https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700,800" rel="stylesheet">
<!-- All css files are included here
============================================ -->
<!-- Bootstrap CSS
============================================ -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<!-- This core.css file contents all plugins css file
============================================ -->
<link rel="stylesheet" href="css/core.css">
<!-- Theme shortcodes/elements style
============================================ -->
<link rel="stylesheet" href="css/shortcode/shortcodes.css">
<!-- Theme main style
============================================ -->
<link rel="stylesheet" href="style.css">
<!-- Responsive CSS
============================================ -->
<link rel="stylesheet" href="css/responsive.css">
<!-- Style Customizer CSS
============================================ -->
<link rel="stylesheet" href="css/style-customizer.css">
<link href="#" data-style="styles" rel="stylesheet">
<!-- Modernizr JS -->
<script src="js/vendor/modernizr-2.8.3.min.js"></script>
</head>
<body>
<!--[if lt IE 8]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<!--Main Wrapper Start-->
<div class="wrapper bg-white fix">
<!--Bg White Start-->
<div class="bg-white">
<!--Header Area Start-->
<header class="header-area">
<div class="header-top bg-violet">
<div class="container">
<div class="row">
<div class="col-lg-7 col-md-6 col-sm-6 hidden-xs">
<div class="header-top-info">
<img src="images/icons/h-phone.png" alt="">
<span class="ml-8">+88 (012) 564 979 56</span>
</div>
<div class="header-top-info">
<img src="images/icons/h-envelope.png" alt="">
<span class="ml-8">info@devitems.com</span>
</div>
</div>
<div class="col-lg-5 col-md-6 col-sm-6 col-xs-12 header-right">
<div class="pull_right">
<div class="header-login-register">
<span><a href="create-agency.html">Create Agency</a></span>
<ul class="login">
<li>
<a href="#">Login</a>
<div class="login-form">
<h4>Login</h4>
<form action="#" method="post">
<div class="input-box mb-19">
<i class="fa fa-user"></i>
<input type="text" name="user-name" placeholder="Username">
</div>
<div class="input-box">
<i class="fa fa-lock"></i>
<input type="password" name="user-password" placeholder="Password">
</div>
<div class="button-box">
<div class="fix">
<input type="checkbox" value="remember" name="remember">
<span>Remember me</span>
</div>
<button type="submit" class="register-btn button lemon pull_right">Login</button>
</div>
</form>
</div>
</li>
</ul>
<ul class="login">
<li>
<a href="#">Register</a>
<div class="login-form">
<h4>Sign Up</h4>
<form action="#" method="post">
<div class="input-box mb-19">
<i class="fa fa-user"></i>
<input type="text" name="first-name" placeholder="Firstname">
</div>
<div class="input-box mb-19">
<i class="fa fa-user"></i>
<input type="text" name="last-name" placeholder="Lastname">
</div>
<div class="input-box mb-19">
<i class="fa fa-envelope"></i>
<input type="email" name="user-email" placeholder="Email">
</div>
<div class="input-box">
<i class="fa fa-lock"></i>
<input type="password" name="user-password" placeholder="Password">
</div>
<div class="button-box mt-20">
<button type="submit" class="register-btn button lemon pull_right">Sign Up</button>
</div>
</form>
</div>
</li>
</ul>
</div>
<!--Search Form Start-->
<div class="search-btn">
<ul data-toggle="dropdown" class="header-search search-toggle">
<li class="search-menu">
<img src="images/icons/search.png" alt="" class="p-img">
<img src="images/icons/search-hover.png" alt="" class="s-img">
</li>
</ul>
<div class="search">
<div class="search-form">
<form id="search-form" action="#">
<input type="search" placeholder="Search here..." name="search" />
<button type="submit">
<span><i class="fa fa-search"></i></span>
</button>
</form>
</div>
</div>
</div>
<!--End of Search Form-->
</div>
<!--Add Property Button Start-->
<a href="#" class="add-property-btn button text-uppercase mr-15 modal-view button" data-toggle="modal" data-target="#propertyModal">ADD Property</a>
<!--Add Property Button End-->
</div>
</div>
</div>
</div>
<div id="sticky-header">
<div class="container">
<div class="row">
<div class="col-md-2 col-xs-12">
<div class="logo"><a href="index.html"><img src="images/logo/logo.png" alt="DomInno"></a></div>
</div>
<div class="col-md-10 hidden-sm hidden-xs">
<div class="pull_right">
<nav id="primary-menu">
<ul class="main-menu text-right">
<li class="mega-parent active"><a href="index.html">HOME</a>
<div class="mega-menu-area">
<ul class="single-mega-item">
<li><a href="index.html">Slider Style 1</a></li>
<li><a href="index-2.html">Slider Style 2</a></li>
<li><a href="index-3.html">Slider Style 3</a></li>
<li><a href="index-4.html">Map Banner</a></li>
</ul>
<ul class="single-mega-item">
<li><a href="index-5.html">Image Overlay Light</a></li>
<li><a href="index-6.html">Image Overlay Dark</a></li>
<li><a href="index-7.html">Pattern Overlay</a></li>
<li><a href="index-8.html">Background Image</a></li>
</ul>
<ul class="single-mega-item">
<li><a href="index-9.html">Menu With Image 1</a></li>
<li><a href="index-10.html">Menu With Image 2</a></li>
<li><a href="index-11.html">Video Background</a></li>
<li><a href="index-12.html">Video Overlay</a></li>
</ul>
<ul class="single-mega-item">
<li><a href="index-13.html">Video Pattern Overlay</a></li>
<li><a href="index-14.html">Fixed Background</a></li>
<li><a href="index-15.html">Animated Background</a></li>
<li><a href="index-16.html">Box Layout</a></li>
</ul>
</div>
</li>
<li><a href="about.html">ABOUT</a>
<ul class="dropdown">
<li><a href="about-2.html">About Two Page</a></li>
</ul>
</li>
<li><a href="feature.html">FEATURE</a>
<ul class="dropdown">
<li><a href="#">Slider Style<i class="zmdi zmdi-chevron-right"></i></a>
<ul class="inside-menu">
<li><a href="slider-style-1.html">Slider Style 1</a></li>
<li><a href="slider-style-2.html">Slider Style 2</a></li>
<li><a href="slider-style-3.html">Slider Style 3</a></li>
<li><a href="map-banner.html">Map Banner</a></li>
<li><a href="background-image.html">Image Background</a></li>
<li><a href="video-background.html">Video Background</a></li>
<li><a href="fixed-image.html">Fixed Background</a></li>
<li><a href="animated-background.html">Animated Background</a></li>
<li><a href="text-animation-1.html">Text Animation 1</a></li>
<li><a href="text-animation-2.html">Text Animation 2</a></li>
<li><a href="text-animation-3.html">Text Animation 3</a></li>
</ul>
</li>
<li><a href="#">Menu Style<i class="zmdi zmdi-chevron-right"></i></a>
<ul class="inside-menu">
<li><a href="menu-style-1.html">Default Menu</a></li>
<li><a href="menu-style-2.html">Menu Without Top Bar</a></li>
<li><a href="menu-style-3.html">Menu Center</a></li>
<li><a href="menu-style-4.html">Menu Transparent</a></li>
<li><a href="menu-style-5.html">Menu Colored</a></li>
<li><a href="menu-style-6.html">Menu Border</a></li>
<li><a href="menu-style-7.html">Menu Sticky</a></li>
<li><a href="menu-style-8.html">Menu Non Sticky </a></li>
</ul>
</li>
<li><a href="#">Page Title<i class="zmdi zmdi-chevron-right"></i></a>
<ul class="inside-menu">
<li><a href="breadcrumb-center.html">Title Center</a></li>
<li><a href="breadcrumb-left.html">Title Left</a></li>
<li><a href="breadcrumb-right.html">Title Right</a></li>
<li><a href="breadcrumb-dark.html">Title Dark</a></li>
<li><a href="breadcrumb-fixed.html">Title Fixed</a></li>
</ul>
</li>
<li><a href="#">Footer Style<i class="zmdi zmdi-chevron-right"></i></a>
<ul class="inside-menu">
<li><a href="footer-style-1.html">Footer Style 1</a></li>
<li><a href="footer-style-2.html">Footer Style 2</a></li>
<li><a href="footer-style-3.html">Footer Style 3</a></li>
<li><a href="footer-style-4.html">Footer Style 4</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="properties.html">PROPERTIES</a>
<ul class="dropdown">
<li><a href="properties-left-sidebar.html">Grid Left sidebar</a></li>
<li><a href="properties-right-sidebar.html">Grid Right sidebar</a></li>
<li><a href="properties-list-left-sidebar.html">List Left sidebar</a></li>
<li><a href="properties-list-right-sidebar.html">List Right sidebar</a></li>
<li><a href="properties-details.html">PROPERTIES Details</a></li>
</ul>
</li>
<li class="mega-parent"><a href="#">SHORTCODE</a>
<div class="mega-menu-area">
<ul class="single-mega-item">
<li class="block">Megamenu List</li>
<li><a href="shortcode-about-1.html">ABout style 1</a></li>
<li><a href="shortcode-about-2.html">ABout style 2</a></li>
<li><a href="shortcode-about-3.html">ABout style 3</a></li>
<li><a href="shortcode-about-property.html">ABout Property</a></li>
<li><a href="shortcode-service-1.html">Service style 1</a></li>
<li><a href="shortcode-service-2.html">Service style 2</a></li>
<li><a href="shortcode-service-3.html">Service style 3</a></li>
<li><a href="shortcode-service-4.html">Service style 4</a></li>
<li><a href="shortcode-find-home.html">Find Home</a></li>
<li><a href="shortcode-find-home-left.html">Find Home Left</a></li>
<li><a href="shortcode-find-home-right.html">Find Home Right</a></li>
</ul>
<ul class="single-mega-item">
<li class="block">Megamenu List</li>
<li><a href="shortcode-property.html">Property</a></li>
<li><a href="shortcode-property-list.html">Property List</a></li>
<li><a href="shortcode-advertise.html"> Advertise</a></li>
<li><a href="shortcode-feature.html">Feature</a></li>
<li><a href="shortcode-fun-factor.html">Fun Factor</a></li>
<li><a href="shortcode-fun-factor-2.html">Fun Factor 2</a></li>
<li><a href="shortcode-agent.html">Agent</a></li>
<li><a href="shortcode-leftsidebar-1.html">Sidebar Left 1</a></li>
<li><a href="shortcode-leftsidebar-2.html">Sidebar Left 2</a></li>
<li><a href="shortcode-rightsidebar-1.html">Sidebar Right 1</a></li>
<li><a href="shortcode-rightsidebar-2.html">Sidebar Right 2</a></li>
</ul>
<ul class="single-mega-item">
<li class="block">Megamenu List</li>
<li><a href="shortcode-blog.html">Blog</a></li>
<li><a href="shortcode-client.html">Client</a></li>
<li><a href="shortcode-testimonial.html">Testimonial</a></li>
<li><a href="shortcode-tour.html">Tour</a></li>
<li><a href="shortcode-package.html">Package</a></li>
<li><a href="shortcode-contact-form.html">Contact Form</a></li>
<li><a href="shortcode-inquiry.html">Inquiry</a></li>
<li><a href="shortcode-comment.html">Comment</a></li>
<li><a href="image-gallery.html">Image Gallery</a></li>
<li><a href="video-gallery.html">Video Gallery</a></li>
<li><a href="video-presentation.html">Video Presentation</a></li>
</ul>
<ul class="single-mega-item">
<li class="block">Megamenu List</li>
<li><a href="shortcode-address.html">Address</a></li>
<li><a href="shortcode-map.html">Map</a></li>
<li><a href="shortcode-alerts.html">Alerts</a></li>
<li><a href="shortcode-button.html">Buttons</a></li>
<li><a href="shortcode-breadcrumbs.html">Breadcrumbs </a></li>
<li><a href="shortcode-pagination.html">Pagination </a></li>
<li><a href="shortcode-progressbar.html">Progressbar </a></li>
<li><a href="text-animation-1.html">Text Animation 1</a></li>
<li><a href="text-animation-2.html">Text Animation 2</a></li>
<li><a href="text-animation-3.html">Text Animation 3</a></li>
<li><a href="text-animation-4.html">Text Animation 4</a></li>
</ul>
</div>
</li>
<li class="mega-parent"><a href="#">Page</a>
<div class="mega-menu-area">
<ul class="single-mega-item">
<li><a href="about.html">ABout</a></li>
<li><a href="about-2.html">ABout 2</a></li>
<li><a href="properties.html">Propeties Page</a></li>
<li><a href="properties-left-sidebar.html">Grid Left sidebar</a></li>
<li><a href="properties-right-sidebar.html">Grid Right sidebar</a></li>
<li><a href="properties-list-left-sidebar.html">List Left sidebar</a></li>
</ul>
<ul class="single-mega-item">
<li><a href="properties-list-right-sidebar.html">List Right sidebar</a></li>
<li><a href="properties-details.html">PROPERTIES Details</a></li>
<li><a href="single-post.html">Single Post</a></li>
<li><a href="agent.html">Agent</a></li>
<li><a href="agent-details.html">Agent Details</a></li>
<li><a href="create-agency.html">Create Agency</a></li>
</ul>
<ul class="single-mega-item">
<li><a href="blog.html">Blog Page</a></li>
<li><a href="blog-left-sidebar.html">Blog Left Sidebar</a></li>
<li><a href="blog-right-sidebar.html">Blog Right Sidebar</a></li>
<li><a href="blog-details.html">Blog Details</a></li>
<li><a href="services.html">Service</a></li>
<li><a href="services-2.html">Service 2</a></li>
</ul>
<ul class="single-mega-item">
<li><a href="services-3.html">Service 3</a></li>
<li><a href="feature.html">Feature</a></li>
<li><a href="contact.html">Contact</a></li>
<li><a href="error.html">404 Error</a></li>
</ul>
</div>
</li>
<li><a href="blog.html">BLOG</a>
<ul class="dropdown">
<li><a href="blog-left-sidebar.html">Blog Left Sidebar</a></li>
<li><a href="blog-right-sidebar.html">Blog Right Sidebar</a></li>
<li><a href="blog-details.html">Blog Details</a></li>
</ul>
</li>
<li><a href="contact.html">CONTACT</a></li>
</ul>
</nav>
</div>
</div>
</div>
</div>
</div>
<!-- Mobile Menu Area start -->
<div class="mobile-menu-area">
<div class="container">
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12">
<div class="mobile-menu">
<nav id="dropdown">
<ul>
<li><a href="index.html">HOME</a>
<ul class="sub-menu">
<li><a href="index.html">Slider Style 1</a></li>
<li><a href="index-2.html">Slider Style 2</a></li>
<li><a href="index-3.html">Slider Style 3</a></li>
<li><a href="index-4.html">Map Banner</a></li>
<li><a href="index-5.html">Image Overlay Light</a></li>
<li><a href="index-6.html">Image Overlay Dark</a></li>
<li><a href="index-7.html">Pattern Overlay</a></li>
<li><a href="index-8.html">Background Image</a></li>
<li><a href="index-9.html">Menu With Image 1</a></li>
<li><a href="index-10.html">Menu With Image 2</a></li>
<li><a href="index-11.html">Video Background</a></li>
<li><a href="index-12.html">Video Overlay</a></li>
<li><a href="index-13.html">Video Pattern Overlay</a></li>
<li><a href="index-14.html">Fixed Background</a></li>
<li><a href="index-15.html">Animated Background</a></li>
<li><a href="index-16.html">Box Layout</a></li>
</ul>
</li>
<li><a href="about.html">ABOUT</a>
<ul class="sub-menu">
<li><a href="about-2.html">About Two Page</a></li>
</ul>
</li>
<li><a href="feature.html">FEATURE</a>
<ul class="sub-menu">
<li><a href="#">Slider Style</a>
<ul class="sub-menu">
<li><a href="slider-style-1.html">Slider Style 1</a></li>
<li><a href="slider-style-2.html">Slider Style 2</a></li>
<li><a href="slider-style-3.html">Slider Style 3</a></li>
<li><a href="map-banner.html">Map Banner</a></li>
<li><a href="background-image.html">Image Background</a></li>
<li><a href="video-background.html">Video Background</a></li>
<li><a href="fixed-image.html">Fixed Background</a></li>
<li><a href="animated-background.html">Animated Background</a></li>
<li><a href="text-animation-1.html">Text Animation 1</a></li>
<li><a href="text-animation-2.html">Text Animation 2</a></li>
<li><a href="text-animation-3.html">Text Animation 3</a></li>
</ul>
</li>
<li><a href="#">Menu Style</a>
<ul class="sub-menu">
<li><a href="menu-style-1.html">Default Menu</a></li>
<li><a href="menu-style-2.html">Menu With Top Bar</a></li>
<li><a href="menu-style-3.html">Menu Center</a></li>
<li><a href="menu-style-4.html">Menu Transparent</a></li>
<li><a href="menu-style-5.html">Menu Colored</a></li>
<li><a href="menu-style-6.html">Menu Border</a></li>
</ul>
</li>
<li><a href="#">Page Title</a>
<ul class="sub-menu">
<li><a href="breadcrumb-center.html">Title Center</a></li>
<li><a href="breadcrumb-left.html">Title Left</a></li>
<li><a href="breadcrumb-right.html">Title Right</a></li>
<li><a href="breadcrumb-dark.html">Title Dark</a></li>
<li><a href="breadcrumb-fixed.html">Title Fixed</a></li>
</ul>
</li>
<li><a href="#">Footer Style</a>
<ul class="sub-menu">
<li><a href="footer-style-1.html">Footer Style 1</a></li>
<li><a href="footer-style-2.html">Footer Style 2</a></li>
<li><a href="footer-style-3.html">Footer Style 3</a></li>
<li><a href="footer-style-4.html">Footer Style 4</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="properties.html">PROPERTIES</a>
<ul class="sub-menu">
<li><a href="properties-left-sidebar.html">Grid Left sidebar</a></li>
<li><a href="properties-right-sidebar.html">Grid Right sidebar</a></li>
<li><a href="properties-list-left-sidebar.html">List Left sidebar</a></li>
<li><a href="properties-list-right-sidebar.html">List Right sidebar</a></li>
<li><a href="properties-details.html">Properties Details</a></li>
</ul>
</li>
<li><a href="#">Shortcode</a>
<ul class="sub-menu">
<li><a href="shortcode-about-1.html">About style 1</a></li>
<li><a href="shortcode-about-2.html">About style 2</a></li>
<li><a href="shortcode-about-3.html">About style 3</a></li>
<li><a href="shortcode-about-property.html">About Property</a></li>
<li><a href="shortcode-service-1.html">Service style 1</a></li>
<li><a href="shortcode-service-2.html">Service style 2</a></li>
<li><a href="shortcode-service-3.html">Service style 3</a></li>
<li><a href="shortcode-service-4.html">Service style 4</a></li>
<li><a href="shortcode-find-home.html">Find Home</a></li>
<li><a href="shortcode-find-home-left.html">Find Home Left</a></li>
<li><a href="shortcode-find-home-right.html">Find Home Right</a></li>
<li><a href="shortcode-property.html">Property</a></li>
<li><a href="shortcode-property-list.html">Property List</a></li>
<li><a href="shortcode-advertise.html"> Advertise</a></li>
<li><a href="shortcode-feature.html">Feature</a></li>
<li><a href="shortcode-fun-factor.html">Fun Factor</a></li>
<li><a href="shortcode-fun-factor-2.html">Fun Factor 2</a></li>
<li><a href="shortcode-agent.html">Agent</a></li>
<li><a href="shortcode-leftsidebar-1.html">Sidebar Left 1</a></li>
<li><a href="shortcode-leftsidebar-2.html">Sidebar Left 2</a></li>
<li><a href="shortcode-rightsidebar-1.html">Sidebar Right 1</a></li>
<li><a href="shortcode-rightsidebar-2.html">Sidebar Right 2</a></li>
<li><a href="shortcode-blog.html">Blog</a></li>
<li><a href="shortcode-client.html">Client</a></li>
<li><a href="shortcode-testimonial.html">Testimonial</a></li>
<li><a href="shortcode-tour.html">Tour</a></li>
<li><a href="shortcode-package.html">Package</a></li>
<li><a href="shortcode-contact-form.html">Contact Form</a></li>
<li><a href="shortcode-inquiry.html">Inquiry</a></li>
<li><a href="shortcode-comment.html">Comment</a></li>
<li><a href="image-gallery.html">Image Gallery</a></li>
<li><a href="video-gallery.html">Video Gallery</a></li>
<li><a href="video-presentation.html">Video Presentation</a></li>
<li><a href="shortcode-address.html">Address</a></li>
<li><a href="shortcode-map.html">Map</a></li>
<li><a href="shortcode-alerts.html">Alerts</a></li>
<li><a href="shortcode-button.html">Buttons</a></li>
<li><a href="shortcode-breadcrumbs.html">Breadcrumbs </a></li>
<li><a href="shortcode-pagination.html">Pagination </a></li>
<li><a href="shortcode-progressbar.html">Progressbar </a></li>
<li><a href="text-animation-1.html">Text Animation 1</a></li>
<li><a href="text-animation-2.html">Text Animation 2</a></li>
<li><a href="text-animation-3.html">Text Animation 3</a></li>
<li><a href="text-animation-4.html">Text Animation 4</a></li>
</ul>
</li>
<li><a href="#">Page</a>
<ul class="sub-menu">
<li><a href="about.html">About</a></li>
<li><a href="about-2.html">About 2</a></li>
<li><a href="properties.html">Propeties Page</a></li>
<li><a href="properties-left-sidebar.html">Grid Left sidebar</a></li>
<li><a href="properties-right-sidebar.html">Grid Right sidebar</a></li>
<li><a href="properties-list-left-sidebar.html">List Left sidebar</a></li>
<li><a href="properties-list-right-sidebar.html">List Right sidebar</a></li>
<li><a href="properties-details.html">Propeties Details</a></li>
<li><a href="single-post.html">Single Post</a></li>
<li><a href="agent.html">Agent</a></li>
<li><a href="agent-details.html">Agent Details</a></li>
<li><a href="create-agency.html">Create Agency</a></li>
<li><a href="blog.html">Blog Page</a></li>
<li><a href="blog-left-sidebar.html">Blog Left Sidebar</a></li>
<li><a href="blog-right-sidebar.html">Blog Right Sidebar</a></li>
<li><a href="blog-details.html">Blog Details</a></li>
<li><a href="services.html">Service</a></li>
<li><a href="services-2.html">Service 2</a></li>
<li><a href="services-3.html">Service 3</a></li>
<li><a href="feature.html">Feature</a></li>
<li><a href="contact.html">Contact</a></li>
<li><a href="error.html">404 Error</a></li>
</ul>
</li>
<li><a href="blog.html">Blog</a>
<ul class="sub-menu">
<li><a href="blog-details.html">Blog Details</a></li>
</ul>
</li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
</div>
</div>
</div>
</div>
</div>
<!-- Mobile Menu Area end -->
</header>
<!-- End of Header Area -->
<!--Start of Banner Area-->
<div class="banner-area bg-2 bg-overlay-2 ptb-165">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="banner-title text-center">
<h1 class="text-uppercase text-white">BLOG</h1>
</div>
</div>
</div>
</div>
</div>
<!--End of Banner Area-->
<!--Start of Blog Area-->
<div class="blog-area pt-120 pb-115 blog-details-page">
<div class="container">
<div class="row">
<div class="col-lg-9 col-md-8">
<div class="blog-details">
<div class="blog-image box-hover block">
<img src="images/blog/large-1.jpg" alt="">
<span class="blog-text block bg-lemon pt-6">10 <span class="block pt-2 ">OCT</span></span>
</div>
<div class="single-blog-text">
<div class="blog-post-info bg-violet pl-20 pr-20 pt-17 pb-17">
<span class="pr-5"><i class="fa fa-user mr-12"></i>Smith</span>
<span class="pl-60 pr-5"><i class="fa fa-heart mr-12"></i>15</span>
<span class="pl-60"><i class="fa fa-comments mr-12"></i>10</span>
</div>
<h5 class="pt-32 mb-22">Latest Architectural Design</h5>
<p class="mb-27">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna liqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute ure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore </p>
<p class="mb-25">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna liqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute ure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur perspiciatis unde omni</p>
<p class="bold mb-30">“Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium tam rem aperiamue ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur”</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna liqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute ure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur perspiciatis unde omni</p>
</div>
</div>
<div class="tags-and-links fix pt-58 pb-12">
<div class="related-tag pull_left">
<span>Tags :</span>
<ul class="tags">
<li><a href="#">Real Estate,</a></li>
<li><a href="#">Home,</a></li>
<li><a href="#">Appartment,</a></li>
<li><a href="#">Duplex,</a></li>
<li><a href="#">Rent</a></li>
</ul>
</div>
<div class="social-links-small pull_right">
<span class="mr-20">Share :</span>
<a href="#"><i class="fa fa-facebook"></i></a>
<a href="#"><i class="fa fa-twitter"></i></a>
<a href="#"><i class="fa fa-linkedin"></i></a>
<a href="#"><i class="fa fa-google-plus"></i></a>
</div>
</div>
<div class="comments fix pt-50">
<h4 class="details-title pb-8 mb-27">Comments</h4>
<div class="single-comment fix mb-42 mr-80">
<div class="author-image pull_left mr-23">
<img alt="" src="images/comment/4.jpg">
</div>
<div class="comment-text fix">
<div class="author-info">
<h5 class="mb-11"><a href="#">Stefen Flemming</a></h5>
<span class="block mb-11">6 hour ago, <span class="ml-5">10 likes</span></span>
</div>
<p class="mb-11">There are some business lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor inc ididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrudt </p>
<span class="reply block">Reply</span>
</div>
</div>
<div class="single-comment fix mb-42 ml-50">
<div class="author-image pull_left mr-23">
<img alt="" src="images/comment/5.jpg">
</div>
<div class="comment-text fix">
<div class="author-info">
<h5 class="mb-11"><a href="#">Lora Smith</a></h5>
<span class="block mb-11">12 hour ago, <span class="ml-5">18 likes</span></span>
</div>
<p class="mb-11">There are some business lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor inc ididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrudt </p>
<span class="reply block">Reply</span>
</div>
</div>
<div class="single-comment fix">
<div class="author-image pull_left mr-23">
<img alt="" src="images/comment/6.jpg">
</div>
<div class="comment-text fix">
<div class="author-info">
<h5 class="mb-11"><a href="#">Thomas Albert</a></h5>
<span class="block mb-11">18 hour ago, <span class="ml-5">25 likes</span></span>
</div>
<p class="mb-11">There are some business lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor inc ididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrudt </p>
<span class="reply block">Reply</span>
</div>
</div>
</div>
<div class="new-comment-post mt-120">
<h4 class="details-title pb-8 mb-34">Leave a Comment</h4>
<form action="#" method="post">
<div class="comment-form">
<div class="col-5 pr-8">
<input type="text" name="name" placeholder="Your name" class="mb-30 bg-white">
</div>
<div class="col-5 pl-8">
<input type="email" name="email" placeholder="Your email" class="mb-30 bg-white">
</div>
<textarea name="post-comment" cols="30" rows="10" placeholder="Write here" class="mb-34 bg-white"></textarea>
<button class="button text-uppercase lemon pl-30 pr-30" type="submit" value="">Submit Comment</button>
</div>
</form>
</div>
</div>
<div class="col-lg-3 col-md-4 pl-35">
<div class="single-sidebar-widget fix mb-55">
<div class="sidebar-widget-title mb-40">
<h5>Search</h5>
</div>
<form action="#">
<div class="search-form-box">
<input type="text" name="search" placeholder="Search here...">
<button type="button"><i class="fa fa-search"></i></button>
</div>
</form>
</div>
<div class="single-sidebar-widget fix mb-60">
<div class="sidebar-widget-title mb-38">
<h5>Categories</h5>
</div>
<ul class="categories">
<li class="mb-27"><a href="#">Appartment (1240)</a></li>
<li class="mb-27"><a href="#">Appartment Building (650)</a></li>
<li class="mb-27"><a href="#">Bungaow (250)</a></li>
<li class="mb-27"><a href="#">Corporate House (480)</a></li>
<li class="mb-27"><a href="#">Duplex Villa (320)</a></li>
<li><a href="#">Garend House (180)</a></li>
</ul>
</div>
<div class="single-sidebar-widget fix mb-60">
<div class="sidebar-widget-title mb-38">
<h5>Latest Post</h5>
</div>
<div class="single-post-widget mb-41 fix hover-effect-one">
<div class="post-img">
<a href="blog-details.html" class="block white-hover"><img src="images/blog/s-1.jpg" alt=""></a>
</div>
<div class="post-texts pl-20">
<h5><a href="blog-details.html">Modern Design<br>Building</a></h5>
<span class="block pt-14">10 October, 2016</span>
</div>
</div>
<div class="single-post-widget mb-41 fix hover-effect-one">
<div class="post-img">
<a href="blog-details.html" class="block white-hover"><img src="images/blog/s-2.jpg" alt=""></a>
</div>
<div class="post-texts pl-20">
<h5><a href="blog-details.html">Real Eatate Expo<br>2016</a></h5>
<span class="block pt-14">22 August, 2016</span>
</div>
</div>
<div class="single-post-widget fix hover-effect-one">
<div class="post-img">
<a href="blog-details.html" class="block white-hover"><img src="images/blog/s-3.jpg" alt=""></a>
</div>
<div class="post-texts pl-20">
<h5><a href="blog-details.html">Construction and<br>Development</a></h5>
<span class="block pt-14">05 October, 2016</span>
</div>
</div>
</div>
<div class="single-sidebar-widget fix mb-38">
<div class="sidebar-widget-title mb-34">
<h5>Latest Tweet</h5>
</div>
<p class="mb-20"><a href="#">@Lorem ipsum dolor</a> sit amet, cotur<br>adipiscing elit, sed do eiusmod dunt<br>ut labore et dolore</p>
<p><a href="#">@Lorem ipsum dolor</a> sit amet, cotur<br>adipiscing elit, sed do eiusmod dunt<br>ut labore et dolore</p>
</div>
<div class="single-sidebar-widget fix mb-58">
<div class="sidebar-widget-title mb-41">
<h5>Image Gallery</h5>
</div>
<div class="row custom">
<div class="col-md-4 mb-8 col-sm-2 col-xs-4">
<div class="hover-effect-one post-small">
<a href="#" class="block white-hover">
<img src="images/blog/s-4.jpg" alt="">
</a>
</div>
</div>
<div class="col-md-4 mb-8 col-sm-2 col-xs-4">
<div class="hover-effect-one post-small">
<a href="#" class="block white-hover">
<img src="images/blog/s-5.jpg" alt="">
</a>
</div>
</div>
<div class="col-md-4 mb-8 col-sm-2 col-xs-4">
<div class="hover-effect-one post-small">
<a href="#" class="block white-hover">
<img src="images/blog/s-6.jpg" alt="">
</a>
</div>
</div>
<div class="col-md-4 col-sm-2 col-xs-4">
<div class="hover-effect-one post-small">
<a href="#" class="block white-hover">
<img src="images/blog/s-7.jpg" alt="">
</a>
</div>
</div>
<div class="col-md-4 col-sm-2 col-xs-4">
<div class="hover-effect-one post-small">
<a href="#" class="block white-hover">
<img src="images/blog/s-8.jpg" alt="">
</a>
</div>
</div>
<div class="col-md-4 col-sm-2 col-xs-4">
<div class="hover-effect-one post-small">
<a href="#" class="block white-hover">
<img src="images/blog/s-9.jpg" alt="">
</a>
</div>
</div>
</div>
</div>
<div class="single-sidebar-widget fix">
<div class="sidebar-widget-title mb-41">
<h5>Tags</h5>
</div>
<ul class="tags">
<li><a href="properties-details.html" class="mb-15 mr-6">Estate</a></li>
<li><a href="index.html" class="mb-15 ml-6 mr-6">Home</a></li>
<li><a href="properties-details.html" class="mb-15 ml-6">Rent</a></li>
<li><a href="properties-details.html" class="mb-15 mr-6">Duplex Villa</a></li>
<li><a href="properties-details.html" class="mb-15 ml-6">Properties</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!--End of Blog Area-->
<!--Start of Footer Widget-area-->
<div class="footer-widget-area bg-violet black-bg pb-58">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="footer-logo">
<a href="index.html"><img src="images/logo/footer-logo.png" alt=""></a>
</div>
</div>
<div class="col-md-12">
<div class="social-links mt-25 mb-80">
<a href="#"><i class="fa fa-facebook"></i></a>
<a href="#"><i class="fa fa-twitter"></i></a>
<a href="#"><i class="fa fa-linkedin"></i></a>
<a href="#"><i class="fa fa-google-plus"></i></a>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-3 col-md-4 col-sm-4 col-xs-12">
<div class="single-footer-widget">
<h3 class="text-white text-uppercase mb-21">About Us</h3>
<p class="pb-19">Lorem must explain to you how all this mistaolt cing pleasure and praising ain wasnad I will give you a complete pain was prexplain to you lorem</p>
<form action="#" id="mc-form" class="mc-form fix">
<div class="subscribe-form">
<input id="mc-email" type="email" name="email" placeholder="Email for Newsletter">
<button id="mc-submit" type="submit"><i class="fa fa-send"></i></button>
</div>
</form>
<!-- mailchimp-alerts Start -->
<div class="mailchimp-alerts text-centre fix text-small">
<div class="mailchimp-submitting"></div><!-- mailchimp-submitting end -->
<div class="mailchimp-success"></div><!-- mailchimp-success end -->
<div class="mailchimp-error"></div><!-- mailchimp-error end -->
</div>
<!-- mailchimp-alerts end -->
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-4 pl-80 col-xs-12">
<div class="single-footer-widget">
<h3 class="text-white text-uppercase mb-28">POPULAR POST</h3>
<div class="footer-widget-content">
<h5 class="mb-8">Duplex Villa Design</h5>
<span class="mb-27 block">Lorem ipsum dolor sit amet, tur<br>acinglit sed do eius </span>
</div>
<div class="footer-widget-content">
<h5 class="mb-8">Real Estate Fest</h5>
<span>Lorem ipsum dolor sit amet, tur<br>acinglit sed do eius </span>
</div>
</div>
</div>
<div class="col-lg-3 hidden-md hidden-sm pl-80 col-xs-12">
<div class="single-footer-widget">
<h3 class="text-white text-uppercase mb-17">QUICK LINK</h3>
<ul class="footer-list">
<li><a href="#">Services</a></li>
<li><a href="#">Agent</a></li>
<li><a href="#">Properties</a></li>
<li><a href="#">Features</a></li>
<li><a href="#">From Blog</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-4 col-xs-12">
<div class="single-footer-widget pull_right">
<h3 class="text-white text-uppercase mb-21">CONTACT US</h3>
<div class="footer-contact-info mb-24">
<img src="images/icons/f-map.png" alt="">
<span class="pl-40 block">256, 1st AVE, Manchester<br>
125 , Noth England</span>
</div>
<div class="footer-contact-info mb-24">
<img src="images/icons/f-phone.png" alt="">
<span class="pl-40 block">Telephone : +88 (012) 356 958 45<br>
Telephone : +88 (012) 254 658 98</span>
</div>
<div class="footer-contact-info">
<img src="images/icons/f-globe.png" alt="">
<span class="pl-40 block">Email : info@devitems.com<br>
Web : www.devitems.com</span>
</div>
</div>
</div>
</div>
</div>
</div>
<!--End of Footer Widget-area-->
<!-- Start of Footer area -->
<footer class="footer-area bg-violet text-center pt-27 pb-32 border-top">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="footer-text">
<span class="block">Copyright© 2016 <a href="#">Devitems</a>. All rights reserved.</span>
</div>
</div>
</div>
</div>
</footer>
<!-- End of Footer area -->
</div>
<!--End of Bg White-->
<!--Start of Add Property Modal-->
<div id="quickview-login">
<!-- Modal -->
<div class="modal fade" id="propertyModal" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h4 class="sub-title">Add property</h4>
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true"><i class="zmdi zmdi-close"></i></span></button>
</div>
<div class="single-post-area">
<form action="#" method="post">
<div class="row">
<div class="col-md-6">
<h4 class="details-title text-small mb-12">Property Title</h4>
<input type="text" name="m-title" placeholder="Enter your title here" class="mb-28">
</div>
<div class="col-md-6">
<h4 class="details-title text-small mb-12">Price</h4>
<input type="text" name="m-price" placeholder="Price $" class="mb-32">
</div>
<div class="col-md-12">
<h4 class="details-title text-small mb-12">Property Description</h4>
<textarea name="m-post-comment" cols="30" rows="10" placeholder="Write here" class="mb-12 bg-light"></textarea>
</div>
</div>
<div class="row">
<div class="col-md-6">
<h4 class="details-title text-small mb-12">Location</h4>
<div class="select pb-12">
<select name="m-location">
<option>Location here</option>
<option>Dhaka</option>
<option>Shylet</option>
<option>Khulna</option>
<option>Barishal</option>
<option>Chittagong</option>
</select>
</div>
<h4 class="details-title text-small mb-12">No. of Bedroom</h4>
<div class="select">
<select name="m-bedrooms">
<option>No. of Bedroom</option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
</select>
</div>
</div>
<div class="col-md-6">
<h4 class="details-title text-small mb-12">No. of Bathroom</h4>
<div class="select pb-12">
<select name="m-bathrooms">
<option>No. of Bathroom</option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
</select>
</div>
<h4 class="details-title text-small mb-12">No. of Garage</h4>
<div class="select">
<select name="m-garage">
<option>No. of Garage</option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
</select>
</div>
</div>
</div>
<div class="text-center">
<button class="button text-white text-uppercase lemon mt-25">ADD Property</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<!--End of Add Property Modal-->
<!--style-customizer start -->
<div class="style-customizer closed">
<div class="buy-button">
<a href="index.html" class="customizer-logo"><img src="images/logo/logo.png" alt="Theme Logo"></a>
<a class="opener" href="#"><i class="zmdi zmdi-settings zmdi-hc-spin"></i></a> <a class="button button-border" href="#">Buy now!</a>
</div>
<div class="clearfix content-chooser">
<h3>Layout Options</h3>
<p>Which layout option you want to use?</p>
<ul class="layoutstyle clearfix">
<li class="wide-layout selected" data-style="wide" title="wide"> Wide </li>
<li class="boxed-layout" data-style="boxed" title="boxed"> Boxed </li>
</ul>
<h3>Color Schemes</h3>
<p>Which theme color you want to use? Select from here.</p>
<ul class="styleChange clearfix">
<li class="color-1 selected" title="color-1" data-style="color-1" ></li>
<li class="color-2" title="color-2" data-style="color-2"></li>
<li class="color-3" title="color-3" data-style="color-3"></li>
<li class="color-4" title="color-4" data-style="color-4"></li>
<li class="color-5" title="color-5" data-style="color-5"></li>
<li class="color-6" title="color-6" data-style="color-6"></li>
<li class="color-7" title="color-7" data-style="color-7"></li>
<li class="color-8" title="color-8" data-style="color-8"></li>
</ul>
<h3>Background Patterns</h3>
<p>Which background pattern you want to use?</p>
<ul class="patternChange clearfix">
<li class="pattern-1" data-style="pattern-1" title="pattern-1"></li>
<li class="pattern-2" data-style="pattern-2" title="pattern-2"></li>
<li class="pattern-3" data-style="pattern-3" title="pattern-3"></li>
<li class="pattern-4" data-style="pattern-4" title="pattern-4"></li>
<li class="pattern-5" data-style="pattern-5" title="pattern-5"></li>
<li class="pattern-6" data-style="pattern-6" title="pattern-6"></li>
<li class="pattern-7" data-style="pattern-7" title="pattern-7"></li>
<li class="pattern-8" data-style="pattern-8" title="pattern-8"></li>
</ul>
<h3>Background Images</h3>
<p>Which background image you want to use?</p>
<ul class="patternChange main-bg-change clearfix">
<li class="main-bg-1" data-style="main-bg-1" title="Background 1"> <img src="images/customizer/bodybg/01.jpg" alt=""></li>
<li class="main-bg-2" data-style="main-bg-2" title="Background 2"> <img src="images/customizer/bodybg/02.jpg" alt=""></li>
<li class="main-bg-3" data-style="main-bg-3" title="Background 3"> <img src="images/customizer/bodybg/03.jpg" alt=""></li>
<li class="main-bg-4" data-style="main-bg-4" title="Background 4"> <img src="images/customizer/bodybg/04.jpg" alt=""></li>
<li class="main-bg-5" data-style="main-bg-5" title="Background 5"> <img src="images/customizer/bodybg/05.jpg" alt=""></li>
<li class="main-bg-6" data-style="main-bg-6" title="Background 6"> <img src="images/customizer/bodybg/06.jpg" alt=""></li>
<li class="main-bg-7" data-style="main-bg-7" title="Background 7"> <img src="images/customizer/bodybg/07.jpg" alt=""></li>
<li class="main-bg-8" data-style="main-bg-8" title="Background 8"> <img src="images/customizer/bodybg/08.jpg" alt=""></li>
</ul>
<ul class="resetAll">
<li><a class="button button-border button-reset" href="#">Reset All</a></li>
</ul>
</div>
</div>
<!--style-customizer end -->
</div>
<!--End of Main Wrapper Area-->
<!-- jquery latest version
========================================================= -->
<script src="js/vendor/jquery-1.12.4.min.js"></script>
<!-- Bootstrap framework js
========================================================= -->
<script src="js/bootstrap.min.js"></script>
<!-- Owl Carousel js
========================================================= -->
<script src="js/owl.carousel.min.js"></script>
<!-- nivo slider js
========================================================= -->
<script src="lib/nivo-slider/js/jquery.nivo.slider.js" type="text/javascript"></script>
<script src="lib/nivo-slider/home.js" type="text/javascript"></script>
<!-- Waypoint Js
========================================================= -->
<script src="js/waypoints.min.js"></script>
<!-- Video Player JS
========================================================= -->
<script src="js/jquery.mb.YTPlayer.js"></script>
<!-- AJax Mail JS
========================================================= -->
<script src="js/ajax-mail.js"></script>
<!-- Mail Chimp JS
========================================================= -->
<script src="js/jquery.ajaxchimp.min.js"></script>
<!-- Slick Carousel JS
========================================================= -->
<script src="js/slick.min.js"></script>
<!-- Style Customizer JS
========================================================= -->
<script src="js/style-customizer.js"></script>
<!-- Plugin Js
========================================================= -->
<script src="js/plugins.js"></script>
<!-- Main js file contents all jQuery plugins activation
========================================================= -->
<script src="js/main.js"></script>
</body>
</html>