File size: 49.02Kb
<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Contact || 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">Contact</h1>
</div>
</div>
</div>
</div>
</div>
<!--End of Banner Area-->
<!--Start of Google Map-->
<div class="google-map-area pt-120">
<div class="container">
<div class="row">
<div class="col-md-12">
<!--Start of Map Section-->
<div id="contacts" class="map-area">
<div id="googleMap" style="width:100%;height:485px;filter: grayscale(100%);-webkit-filter: grayscale(100%);"></div>
<!--End of Map Section-->
</div>
<div class="contact-information">
<div class="single-contact-info">
<div class="pull_left contents ml-8">
<img src="images/icons/c-map.png" alt="">
<div class="info-text pl-40">
<span class="block mb-7">256, 1st AVE, Manchester</span>
<span class="block mb-7">125 , Noth England</span>
</div>
</div>
</div>
<div class="single-contact-info">
<div class="contents">
<img src="images/icons/c-phone.png" alt="">
<div class="info-text pl-40">
<span class="block mb-7">Telephone : +88 (012) 356 958 45</span>
<span class="block mb-7">Telephone : +88 (012) 254 658 98</span>
</div>
</div>
</div>
<div class="single-contact-info">
<div class="pull_right contents mr-8">
<img src="images/icons/c-globe.png" alt="">
<div class="info-text pl-40">
<span class="block mb-7">Email : info@devitems.com</span>
<span class="block mb-7">Web : www.devitems.com</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--End of Google Map-->
<!--Start Contact Form Area-->
<div class="contact-form-area fix ptb-120">
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<h4 class="details-title text-center mb-43">Leave a Message</h4>
<form id="contact-form" action="mail.php" method="post">
<input type="text" name="name" class="mb-22" placeholder="Your name">
<input type="text" name="email" class="mb-22" placeholder="Email here">
<textarea name="message" cols="30" rows="10" placeholder="Write here"></textarea>
<div class="col-10 fix text-center">
<button type="submit" class="button submit-btn lemon mt-35">SUBMIT</button>
</div>
<p class="form-messege"></p>
</form>
</div>
</div>
</div>
</div>
<!--End of Contact Form 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>
<!-- Google Map js
============================================ -->
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDSLSFRa0DyBj9VGzT7GM6SFbSMcG0YNBM "></script>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script>
function initialize() {
var mapOptions = {
zoom: 15,
scrollwheel: false,
center: new google.maps.LatLng(23.763494, 90.432226)
};
var map = new google.maps.Map(document.getElementById('googleMap'),
mapOptions);
var marker = new google.maps.Marker({
position: map.getCenter(),
animation:google.maps.Animation.BOUNCE,
icon: 'images/map-marker.png',
map: map
});
}
google.maps.event.addDomListener(window, 'load', initialize);
</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>