“Rex”

Created : 10/11/2015

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 and Logos
Fonts used
Sources and Credits

A) Introduction - top

Thank you so much for downloading this template called Rex - One Page Multipurpose Business HTML5 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
Content Slider
Slick Slider
Single Page Template
Built on Bootstrap 3.3.4
479 icons (based on FontAwesome)
10 Themes color variation
11 Section Feature in Home page
Slider Section
About Section
Service Section
Portfolio Section
Price Section
Testimonial Section with Slider
Blog Section
Client Feature Section
Blog Archive Page
Blog Single Page
404 Error Page
Contact
Google Maps integration
Google Web Fonts

B) HTML Structure - top

HTML Files

Total 4 HTML file included in this Template. These are index.html, blog-archive.html, blog-single.html, 404.html

Here jsut Home "index.hthml" HTML structure

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

C) CSS Files and Structure - top

Styles

We're using 7 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 FontAwesome 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 carousel slider (slick slider).

jquery.fancybox.css

Portfolio popup gallery css file.

animate.css

Element style animation css file.

default.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	
		#MENU 
		#ABOUT
		#CALL TO ACTION
		#TEAM   
		#SERVICE
		#PORTFOLIO
		#COUNTER
		#PRICING TABLE
		#TESTIMONIAL
		#FORM BLOG
		#CLIENT
		#CONTACT
		#FOOTER
		#BLOG PAGE
		#ERROR PAGE
		#RESPONSIVE CSS

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

D) JavaScript - top

This template imports 14 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.min.js

Slick slider jquery file for carousel slides.

waypoints.min.js

Counter library jQuery File.

jquery.counterup.js

For Counter main jQuery File.

jquery.mixitup.js

For filterable portfolio gallery slider main jquery file.

jquery.fancybox.pack.js

Fancybox popup gallery main jquery file.

wow.js

WOW animation main js file

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.

F) Fonts Used - top

We have used Three Google Web Fonts in this template.

Raleway - for heading
Open Sans - for body content
Pacifico - for 404 page

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