Tile boxes can be used to show all kinds of informations about stuff in your application.
The core color helpers can be applied to all kind of elements from buttons to icons, headers, headings, etc. They do not change when you switch to a different theme from the same template.
These are the template default color schemes and are used site wide to consistently style common elements. For the primary color you must add .bg-primary and for the secondary color you must add .ui-state-default. Note that theme two styles change based on what color scheme you choose for your template.
Use the markup below to create basic tile boxes. You can remove any element you don't need from them.
Below you will find tile boxes examples that have additional fields. To create these kind of boxes, add the .tile-box-alt CSS class to the .tile-box element, like in the examples below.
You can transfrom tile elements into clickable buttons by adding the tile CSS classes, the .btn CSS class to a link element.
These are regular tile boxes with links inside. The examples below have a "view details" link in the footer.
On the other hand, we denounce...
Dislike men who are so beguiled...
Of pleasure of the moment, so...
That they cannot foresee the...
Pain and trouble that are bound...
Equal blame belongs to those...
Weakness of will, which is same...
These cases are perfectly simple...
