JoomLead Templates built with UIKIT, a lightweight and modular front-end framework for developing fast and powerful web interfaces. It comes with a wide range of reusable and combinable components. All UIkit classes are namespaced, so they won't interfere with other frameworks and extensions you might be using. Here's an shor overview of Uikit( Headings, text, links, tables, images, etc), which you can easily modify using the customizer.
Headings
This is an H1 Header
This is an H2 Header
This is an H3 Header
This is an H4 Header
This is an H5 Header
This is an H6 Header
Text columns
You can arrange content in multiple columns by using very simple html code.
Usage:
<p class="uk-column-1-2">...</p>
Content arranged in 2 columns
Lorem ipsum dolor sit amet consectetuer eleifend elit vel tellus laoreet. At ut pellentesque risus quis sem eros et consequat enim lorem. Aenean lorem consequat consequat eu.
Content arranged in 3 columns
Lorem ipsum dolor sit amet consectetuer eleifend elit vel tellus laoreet. At ut pellentesque risus quis sem eros et consequat enim lorem. Aenean lorem consequat consequat eu. Lorem ipsum dolor sit amet consectetuer eleifend elit vel tellus laoreet.
Content arranged in 4 columns
Lorem ipsum dolor sit amet consectetuer eleifend elit vel tellus laoreet. At ut pellentesque risus quis sem eros et consequat enim lorem. Aenean lorem consequat consequat eu. Lorem ipsum dolor sit amet consectetuer eleifend elit vel tellus laoreet.
Content arranged in 5 columns
Lorem ipsum dolor sit amet consectetuer eleifend elit vel tellus laoreet. At ut pellentesque risus quis sem eros et consequat enim lorem. Aenean lorem consequat consequat eu. Lorem ipsum dolor sit amet consectetuer eleifend elit vel tellus laoreet vel tellus laoreet vel tellus laoreet vel tellus.
Quote text (<blockquote> tag)
You can us this style to quote somebody's speech, idea or a fragment from some book, articles, etc. Lorem ipsum dolor sit amet consectetuer eleifend elit vel tellus laoreet. At ut pellentesque risus quis sem eros et consequat enim lorem. Aenean lorem consequat consequat eu.
Someone famous
Usage: <blockquote>This is your quote</blockquote>
Highlighted Text
text-primary
text-success
text-warning
text-danger
mark element
qinsidea q element
abbr element
dfn element
Badges
Badge 1 Success 4 Warning 3 Danger 4
Alert and Progress Bar
Buttons
Button with Icons
Icons
Default
- Some text
- Some text
- Some text
- Some text
Small
- Some text
- Some text
- Some text
- Some text
Medium
- Some text
- Some text
- Some text
- Some text
Large
- Some text
- Some text
- Some text
- Some text
Full icons can be found at http://getuikit.com/docs/icon.html
Table Styles
Table Heading | Table Heading | Table Heading |
---|---|---|
Table Footer | Table Footer | Table Footer |
Table Data a element .uk-table |
Table Data Link | Table Data |
Table Data | Table Data | Table Data |
Table Data | Table Data | Table Data |
Table Data | Table Data | Table Data |
Table Data | Table Data | Table Data |
Table Data | Table Data | Table Data |
Table Hover
Table Heading | Table Heading | Table Heading |
---|---|---|
Table Data | Table Data | Table Data |
Table Data | Table Data | Table Data |
Active Row | Active Row | Active Row |
Table Data | Table Data | Table Data |
Table Sub Heading | Table Sub Heading | Table Sub Heading |
Table Data | Table Data | Table Data |
Table Data | Table Data | Table Data |
Table Condensed
Table Heading | Table Heading | Table Heading |
---|---|---|
Table Data | Table Data | Table Data |
Table Data | Table Data | Table Data |
Table Data | Table Data | Table Data |
Table Data | Table Data | Table Data |
Table Data | Table Data | Table Data |
Table Data | Table Data | Table Data |
List
- List item 1
- List item 2
- List item 3
- List item 1
- List item 2
- List item 3
- Description lists
- Description text.
- Description lists
- Description text.