“Home Property”

Created : 22/04/2016

By : MarkUps

Thank you for downloading our Template. If you have any questions that are beyond the scope of this help file, please feel free to contact via template comment section from download page. Thanks so much!

Introduction
HTML Structure
CSS Files and Structure
JavaScripts
Navigation
Fonts used
Sources and Credits

A) Introduction - top

Thank you so much for downloading this template called Home Property - Free real estate website template. Please feel free to contact us if you have question or problem about this template. No guarantees, but we will do our best to provide you with the best possible assistance.

Template Features

HTML5 and CSS3 Validated
Responsive Template
Slick slider
Multi page template
Built on Bootstrap 3.3.6
479 icons (Based on FontAwesome)
10 Themes color variation
Slider section
Promo Banner section
Latest Property section
About Us Section
Service Section
Client Testimonial section
Agents section
Latest Blog section
Client Brand section
Properties page
Properties Details Page
Gallery Page
Blog Archive Page
Blog Details Page
404 Error Page
Contact
Google Maps integration
Google Web Fonts

B) HTML Structure - top

HTML Files

Total 10 HTML file included in this Template. These are index.html, properties.html, properties-detail.html, gallery.html, blog-archive.html, blog-single.html, 404.html, contact.html, register.html, signin.html

Here jsut Home "index.hthml" HTML structure

This template is a Bootstrap based responsive layout and index.html file seperated by thirteen (13) section. Here is the general structure.

C) CSS Files and Structure - top

Styles

We're using 07 CSS files in this template. We have separated styles for improving convenience to edit this template. If you're going to use this template in production we recommend you merge all stylesheets in one file (for decreasing http queries).

Lets take a look closely at our stylesheet files.

font-awesome.css

Base styles for Font Awesome icon fonts.

bootstrap.css

This Stylesheet contains responsive grid system, default element style based on bootstrap. It is bootstrap framework main css file

slick.css

Styles for slider (slick slider).

nouislider.css

Price Picker css file

jquery.fancybox.css

It's Fancybox slider css file for gallery Popup view

default-theme.css

This is default theme color file for this template.

style.css

Common css style and structures for this template.


		/* Style.css File Table of Content
		==================================================
		#BASIC TYPOGRAPHY
		#HEADER SECTION
		#NAVBAR SECTION
		#SLIDER SECTION
		#ADVANCE SEARCH SECTION
		#ABOUT US SECTION
		#LATEST PROPERTY SECTION
		#SERVICE SECTION
		#PROMO BANNER SECTION
		#AGENTS SECTION
		#TESTIMONIAL SECTION
		#CLIENT BRAND SECTION
		#LATEST BLOG SECTION
		#PROPERTY PAGE
		#PROPERTY DETAILS PAGE
		#BLOG PAGE
		#BLOG SINGLE PAGE
		#CONTACT PAGE
		#GALLERY PAGE
		#ERROR  PAGE
		#CONTACT  PAGE
		#SIGNIN & REGISTER  PAGE
		#FOOTER SECTION
		#RESPONSIVE DESIGN
		*/

Some of stylesheets (Totally 09 themes color) contain different theme color for easily changed your desired theme color. You find these theme in css/theme-color folder.

D) JavaScript - top

This template imports 07 Javascript files.

Lets take a look closely at our javascript files.

jquery.min/js

Initialize jQuery Library

bootstrap.js

Bootstrap framework main jquery file

slick.js

Slick slider js file for main slider and carousel slider

nouislider.js

Nouislider jquery file for price picker

jquery.mixitup.js

jQuery js file for mixitup filterable slider

custom.js

We put initialisation of many plugins here.

E) Navigation and Logos - top

The navigation bootstrap based menu. It will show different view for desktop and mobile device

The Logo is nested within a tag with class of navbar-brand. As you can see there are two kind of logos: Text based (by default) and Image based. You can choose prefered variant by removing html comments. Don't forget to comment or delete another variant.

Here shown structure layout of Navigation and logos

		
	   	
		      
		      
		        
		          
		          
		                                                         
		          
		            Home Property
		           
		           
		        
		        
		          
		            HOME
		             
		              PROPERTIES 
		                              
		                PROPERTIES
		                PROPERTIES DETAIL                                            
		              
		            
		            GALLERY                                         
		            
		              BLOG 
		                              
		                BLOG
		                BLOG DETAILS                                            
		              
		            
		            CONTACT
		           404 PAGE

F) Fonts Used - top

We have used Two Google Web Fonts in this template.

Open Sans - for body content
Vollkorn - for heading

G) Sources and Credits - top

Once again, thank you so much for Downloading this item. As we said at the beginning, we would be glad to help you if you have any questions relating to this item. No guarantees, but we'll do our best to assist. If you have a more general question relating to the item, you might consider visiting the item download page and asking your question in the "Item Comment" section.

MarkUps

Go To Table of Contents