Listing - Directory listing html Template

Created : 22/10/2016
Design By: DesignsVilla
Email : designsvillaa@gmail.com

Thank you for purchasing Our Listing - Directory listing html Template. If you have any questions which is beyond the scope of this help file, please feel free to contact us at designsvillaa@gmail.com. Thanks so much!

Index:

Listing includes 38 html files with 8 homepage Layouts, we used bootstrap 3X to make it fully responsive for all devices.

HTML STRUCTURE

Download package included 38 html file

• 08 homepage
• 01 category Archive Page
• 01 listing Archive Page
• 01 Blog Page
• 01 Blog single page
• 01 Listing single page
• 02 Pricing Plan Pages
• 01 Error 401 page
• 01 Error 403 page
• 01 Error 404 page
• 01 Contact Us page
• 01 About Us page
• 01 Features page
• 17 elements Shotcodes

Our html structure is very neat, clean and easy to edit all code is well commented. we used relevant classes names for every section all html is validated from w3validator.

CSS STRUCTURE

OUR CSS is very clean and well documented. all css files are included in header, .css files are bellow

css/style.css -ALL GENERAL CSS IS INCLUDED IN THIS FILE

css/fontawesome.css -this file belong to font awesome

bootstrap/css/bootstrap.min.css -this file is related to bootstrap

css/responsive.cssmedia queries

color/color.css color css file

assets/revolution_slider/css/revslider.cssrevolution slider css

all css is weldocumented, clean and easy to understand

Java Scripts

all javascript files are placed in js folder and called in footer and documented properly

jquery-1.11.3.min.js and jquery.js -These are latest jquery library files to run java scripts

bootstrap/js/bootstrap.min.js -this bootstrap JavaScript file to run bootstrap built-in functions

mail/jquery.ajaxchimp.min.js, mailchimp.js -mailchimp integration files in mail folder

form-triger.js , contact1.php -PHP CONTACT form integration file in mail folder

jquery.easing.min.js -jquery easing

owl.carousel.js,triger.js -owl carousel for feature slider and social slider

custom.jsall custom scripts are included in this file like,revolution slider trigger , funfacts counter trigger, listing tabs, preloader etc custom script

jquery.raty-fa.js, rate.js -jquery star ratings script

map.js, jquery.mapit.js, initializer.js -google map script

jquery.countTo.js -jquery funfacts counter script

menu.js -navigation menu script

all bootstrap files are in bootstrap folder

all revolution slider's files are in assets/revolution_slider folder

Fonts

we have used Montserrat google fonts for our project which comes with font-weight;400; for normal and 700 for bold.

1. Montserrat - Google Web Font

Contact form and mailchimp integration

package includes custom php form and mailchimp integration. for custom form open mail/contact1.php file and replace you email id with example mail id. For mailchimp integration open mailchimp.js file from mail folder and insert your list url in mention area to make mailchimp form active, also do not forget to uncomment mailchimp form html from relevant html file and delete or comment custom form html to avoid display double form. please follow bellow screenshots,

Slider

We have used slider revolution all revolution slider files are located in assets/ revolution_slider folder slider revolution triger is placed in custom.js file in js folder. for slider documentation please visit slider's author website

1. Revolution Slider - By themepunch

Credits

• bootstrap
• FontAwesome
• revolution slider

Once again, thank you so much for purchasing this Listing - Directory Listing HTML Template.