HTML Templates Documentation
Components
HTML Website Template 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 HTML Website Template, 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
In HTML Website Template, 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.