Buy Intense Now
Buy Intense Now

Intense Template Documentation

Components

Intense has a huge amount of ready-made elements that you can use. Examples of how each element can be added can be found on the corresponding demo pages in Components section, if you open the page source code.

Buttons

In Intense, the buttons are defined with the help of 3 classes:
  • .btn
    the basic button class;
  • .btn-xs, .btn-sm, .btn-md, .btn-lg, .btn-xl
    button layout classes, responsible for its size;
  • .btn-default, .btn-primary, .btn-secondary-*
    button styling classes, responsible for its color and background.

Here is an example:


        <a href="#" class="btn btn-lg btn-primary">Read More</a>
    

In this example, one creates a large button with primary template color styling.

Icons

Intense contains more than 2500 ready-made icons. A list of all icons can be found on the Components > Toolkit Components > Icons page. To add an icon to the target page, use the following marking:

        <span class="your-icon-class"></span>
    

A list of classes for adding target icons is also available on the Components > Toolkit Components > Icons page.

In Intense, icon styling is defined as button styling:

  • .icon
    the basic icon class;
  • .icon-xs, .icon-sm, .icon-md, .icon-lg, .icon-xl
    icon layout classes, responsible for its size;
  • .icon-default, .icon-primary, ...
    icon styling classes, responsible for its color and background.
  • fa-*, glyph-*, mdi-* ...
    classes, responsible for icon code (symbol) insert.

Here is an example:


         <span href="#" class="icon icon-md icon-default"></span>
    

In this example, one creates a middle-sized icon with primary template color styling.