1. Template Folder Structure top
1. Help
2. /HTML/
|-- fonts
|-- css/
|-- images/
|-- js/
2. /HTML/
|-- fonts
|-- css/
|-- images/
|-- js/
2. HTML Structure top
The template is based on Bootstrap Framework - http://getbootstrap.com/
Bootstrap includes a responsive, mobile first fluid grid system that appropriately scales up to 12 columns as the device or viewport size increases. It includes predefined classes for easy layout options, as well as powerful mixins for generating more semantic layouts.
W3C Valid
HTML code is fully valid on validator.w3.org.
Bootstrap includes a responsive, mobile first fluid grid system that appropriately scales up to 12 columns as the device or viewport size increases. It includes predefined classes for easy layout options, as well as powerful mixins for generating more semantic layouts.
.col-md-1.col-md-1.col-md-1.col-md-1.col-md-1.col-md-1.col-md-1.col-md-1.col-md-1.col-md-1.col-md-1.col-md-1.col-md-8.col-md-4.col-md-4.col-md-4.col-md-4.col-md-6.col-md-6
If you need more info, please visit http://getbootstrap.com/css/#grid
W3C Valid
HTML code is fully valid on validator.w3.org.
3. CSS Structure top
4. Javascript top
The template uses some advanced jQuery functions.
Almost everything is controlled by custom.js
If you want to add more jquery plugins, it's recommended to use custom javascript file.
All jQuery plugins are incuded in plugins.js file.
• Javascript Structure
Almost everything is controlled by custom.js
If you want to add more jquery plugins, it's recommended to use custom javascript file.
All jQuery plugins are incuded in plugins.js file.
• Javascript Structure
- custom.js - main javascript - plugins.js - plugins javascript
5. Icons top
Font Awesome gives you scalable vector icons that can instantly be customized - size, color, drop shadow, and anything that can be done with the power of CSS.
If you need more information, please visit http://fontawesome.io/.
Usage
Ion Icons
Glyph Icons
If you need more information, please visit http://fontawesome.io/.
Usage
...Font Awesome.
Ion Icons
Glyph Icons
6. Image Slider & Carousel top
See the Documentation for each slider .
Please see the carousel Shortcodes section (self exploanatory):
Carousel
7. Lightbox top
For image popup add rel attribute to your element link anchor tag.
rel="prettyPhoto"
title="LOREM IPSUM DOLOR SIT AMET"
USAGEIMAGE LOREM IPSUM DOLOR SIT AMET
8. Portoflio top
Assign port-item to each column, for column sizes follow bootstrap grid.
10. Social Icons top
Icons are retina redy, (font awsome).
Also, you can use all social icons that fontawsome supports. Please note: if you want rounded icons, add class 'rounded'
11. Responsive top
This template is fully responsive.
12. Miscellaneous top
style.css useful classes:
MARGINS CLASSES:
space10
space20
space30
space40
space50
space60
space70
space80
space90
space100
space110
space120
space130
space140
space150
For more useful classes, see style.css && style HTML page.
Javascript effects (lightweight):
animated span from bottom
Available Javascript Effects (add to class):
- bounce
- fadeOut
- fadeIn
- fadeInLeft
- fadeInRight
Also, please see Animation Effects - use animation.css.
13. Sources and Credits top
14. Updates top
IMPORTANT: Create a backup of your project before any update.
It's highly recommended to create your own css/js files if you make changes.
It's highly recommended to create your own css/js files if you make changes.
Isotope
Carousel/Slider
CONTACT US IF YOU HAVE QUESTIONS
- gomalthemes -