Typography Overview

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-muted
text-primary
text-success
text-warning
text-danger
a element
em element
strong
code element
del element
ins element
mark element
q inside a q element
abbr element
dfn element

Badges

Badge 1 Success 4 Warning 3 Danger 4

Alert and Progress Bar

Info message

Success message

Warning message

Danger message

55%
55%
55%
55%

Buttons

Button with Icons

Link

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 caption
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.
طراحی سایتطراحی وب سایتسئوسئو سایتبهینه سازی سایتسرور مجازیوکیل دادگستریوکیل پایه یکوکیل پایه یک دادگستریوکیل دادگستریوکیل پایه یکوکیل پایه یک دادگستریبهترین وکیلوکالتوکیل دادگستریدوره mba