DOCUMENTATION

Thank you for downloading our Template. If you have any questions that are beyond the scope of this help file, please contact with us vie email. Thanks so much!


Contents

  1. Introduction
  2. HTML Structure
  3. CSS Files and Structure
  4. JavaScripts
  5. Navigation and Logos
  6. Fonts used
  7. Sources and Credits

A) Introduction - top

Thank you so much for downloading this template called Magnum | Multipurpose One Page Responsive Parallax 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


B) HTML Structure - top

HTML Files

Total 1 HTML file included in this Template. These are index.html

Here jsut Home "index.hthml" HTML structure

This template is a Bootstrap based responsive layout and index.html file seperated by sections. Here is the general structure.

        
        

C) CSS Files and Structure - top

Styles

        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        

We're using 8 core 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.

fontawesome-all.min.css

Base styles for FontAwesome icon fonts.

bootstrap.min.css

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

slick.css
slick-theme.css

Styles for carousel slider (slick slider).

animate.css

Element style animation css file. source

magnific-popup.css

Magnific Popup is a responsive lightbox & dialog script

light_style.css | dark_style.css | mega_dark_style.css

This is main theme color file for this template.

blue.css | bridge.css | green.css | light_blue.css | orange.css | pink.css | red.css | yellow.css

Color variations for template


/*
#IMPORT
#BASIC SETUP
#NAVIGATION
#ABOUT US SECTION
#ABOUT US 2 SECTION
#CALL TO ACTION 1
#ITEM COUNTER SECTION
#PRICING SECTION
#PORTFOLIO SECTION
#SERVICES SECTION
#OUR TEAM
#TESTIMONIAL SECTION
#NEWS SECTION
#FOOTER SECTION
#RESPONSIVE
*/

        

Some of stylesheets (Totally 8 template color) contain different theme color for easily changed your desired template color. You find these theme in resources/css/color folder.


D) JavaScript - top

This template imports 11 Javascript files.

        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        

        

Lets take a look closely at our javascript files.

jquery.min.js

Initialize jQuery Library.

jquery.appear.js

Initialize jQuery appear Library.

bootstrap.min.js

Bootstrap framework main jquery file.

slick.min.js

Slick slider jquery file for carousel slides.

mixitup.min.js

For filterable portfolio gallery slider main jquery file.

smooth-scroll.min.js

A lightweight script to animate scrolling to anchor links.

jquery.magnific-popup.min.js

Magnific Popup is a responsive lightbox & dialog script.

jquery.sticky.js

ticky is a jQuery plugin that gives you the ability to make any element on your page always stay visible.

jquery.countTo.js

For Counter main jQuery File.

wow.js

WOW animation main js file

custom.js

Main javascript file which run all plugins.


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 logo.


F) Fonts Used - top

We have used Two Google Web Fonts in this template.

  1. Quattrocento Sans
  2. Anaheim
  3. Open Sans


G) Sources and Credits - top


Pictures of demo version not included in source and if you want download whole pictures which template use on demo version, you can download it from this link` DOWNLOAD DEMO IMAGES

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.

Go To Table of Contents