“Trans Aaero HTML Template” Documentation by Vadzim Liashkevich v1.0

“Trans Aaero - Responsive Logistic HTML Template”

Created: 02/11/2015
By: Vadzim Liashkevich
Email: lesh1j@yandex.by

Thank you for purchasing my theme. If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form here. Thanks so much!

Table of Contents

  1. Files Structure
  2. HTML Structure
  3. CSS Files and Structure
  4. JavaScript
  5. Color schemes
  6. Sources and Credits

A) Files Structure - top

HTML Structure

B) HTML Structure - top

This theme is a responsive layout with 1-12 columns. Here is the general structure.

HTML Structure

C) LESS File and Structure - top

The file is separated into sections using:

	/* --------------------------------------
	=========================================
	   1. VARIABLES             
	=========================================
	-----------------------------------------*/

	some code

	/* --------------------------------------
	=========================================
	   2. GLOBAL STYLES
	=========================================
	-----------------------------------------*/
	
	some code
	
	/* --------------------------------------
	=========================================
	   3. SECTION SPECIFIC CODE
	=========================================
	-----------------------------------------*/
	
	some code
	
	/* --------------------------------------
	=========================================
	   4. INNER PAGES
	=========================================
	-----------------------------------------*/
	
	some code
	
	/* --------------------------------------
	=========================================
	   5. SLIDE MENU     
	=========================================
	-----------------------------------------*/
	
	some code
	
	etc, etc.

And into subsections using:

	/*---------------------------------------
	   3.1 TOP BAR  
	-----------------------------------------*/

	some code

	/*---------------------------------------
	   3.2 MAIN NAVBAR 1
	-----------------------------------------*/
	
	some code
	
	/*---------------------------------------
	   3.3 MAIN NAVBAR 2
	-----------------------------------------*/
	
	some code
	
	etc, etc.

If you would like to edit a specific section of the site, simply find the appropriate label in the LESS file, and then scroll down until you find the appropriate style that needs to be edited. Next compile the LESS in CSS file

D) JavaScript - top

This theme imports three Javascript files.

  1. jQuery
  2. Bootstrap
  3. Slider PRO - main slider
  4. Stellar.js - parallax plugin
  5. Wow - plugin for animation
  6. OWL Carousel
  7. My custom scripts
  8. And some other plugin

E) Color schemes - top

To use one of the ready color schemes, uncomment the appropriate line in the file "css/master.css"

master CSS

To use any other color, change the value of a variable "@color-primary" in a line 66 in the file "less/theme.less". Next compile the LESS in CSS file.

theme LESS

F) Sources and Credits - top

Once again, thank you so much for purchasing this theme. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. No guarantees, but I'll do my best to assist. If you have a more general question relating to the themes on ThemeForest, you might consider visiting the forums and asking your question in the "Item Discussion" section.

Vadzim Liashkevich

Go To Table of Contents