[wmf_pad size=”20″][/wmf_pad]

[wmf_row]
[wmf_col cls=”12″ mobile=”off”]
[wmf_sp align=”left” size=”16″]Typography[/wmf_sp]
Mobili allow to use all this typography elements with WMF Shortcodes.
[/wmf_col]
[/wmf_row]

[wmf_row]
[wmf_col cls=”12″ mobile=”off”]

[wmf_sp align=”left” size=”16″]Notifications[/wmf_sp]

[wmf_notify style=”wmfalert-info”]Alert text goes here.[/wmf_notify]

[wmf_notify style=”wmfalert-success”]Alert text goes here.[/wmf_notify]

[wmf_notify style=”wmfalert-warning”]Alert text goes here.[/wmf_notify]

[wmf_notify style=”wmfalert-danger”]Alert text goes here.[/wmf_notify]

[/wmf_col]
[/wmf_row]

[wmf_row]
[wmf_col cls=”12″ mobile=”off”]

[wmf_sp align=”left” size=”16″]Buttons Sample[/wmf_sp]

[wmf_button size=”wmfbtn-xs” color=”wmfbtn-danger” target=”” url=”#”]Button[/wmf_button]

[wmf_button size=”wmfbtn-sm” color=”wmfbtn-danger” target=”” url=”#”]Button[/wmf_button]

[wmf_button size=”normal” color=”wmfbtn-danger” target=”” url=”#”]Button[/wmf_button]

[wmf_button size=”wmfbtn-lg” color=”wmfbtn-danger” target=”” url=”#”]Button[/wmf_button]

[/wmf_col]
[/wmf_row]

[wmf_row]
[wmf_col cls=”12″ mobile=”off”]

[wmf_sp align=”left” size=”16″]Button Colors[/wmf_sp]

[wmf_button size=”wmfbtn-sm” color=”wmfbtn-primary” target=”” url=”#”]Button[/wmf_button]

[wmf_button size=”wmfbtn-sm” color=”wmfbtn-info” target=”” url=”#”]Button[/wmf_button]

[wmf_button size=”wmfbtn-sm” color=”wmfbtn-success” target=”” url=”#”]Button[/wmf_button]

[wmf_button size=”wmfbtn-sm” color=”wmfbtn-warning” target=”” url=”#”]Button[/wmf_button]

[/wmf_col]
[/wmf_row]

[wmf_row]
[wmf_col cls=”12″ mobile=”off”]

[wmf_sp align=”left” size=”16″]Buttons with Icon[/wmf_sp]

[wmf_button size=”wmfbtn-sm” color=”wmfbtn-danger” target=”” url=”#”][wmf_fonticon color=”#ffffff” size=”12″ icon=”icon-heart”][/wmf_fonticon] Button[/wmf_button]

[wmf_button size=”wmfbtn-sm” color=”wmfbtn-default” target=”” url=”#”][wmf_fonticon color=”#000000″ size=”14″ icon=”icon-dashboard”][/wmf_fonticon][/wmf_button]

[/wmf_col]
[/wmf_row]

[wmf_row]
[wmf_col cls=”12″ mobile=”off”]

[wmf_sp align=”left” size=”16″]Buttons Group[/wmf_sp]

[wmf_buttong align=”left”][wmf_button size=”normal” color=”wmfbtn-primary” target=”” url=”#”]Button[/wmf_button][wmf_button size=”normal” color=”wmfbtn-danger” target=”” url=”#”]Button[/wmf_button][/wmf_buttong]

[/wmf_col]
[/wmf_row]

[wmf_row]
[wmf_col cls=”12″ mobile=”off”]

[wmf_sp align=”left” size=”16″]Dropcaps[/wmf_sp]
[wmf_dropcap textcolor=”#ffffff” bgcolor=”#b53030″]L[/wmf_dropcap]orem ipsum dolor sit amet, consectetur adipiscing elit. Nunc lacinia, lectus eu dapibus elementum, leo felis mattis leo, vitae fermentum mauris nisi a nunc. Nam venenatis ultricies suscipit. Nunc ligula nibh, tincidunt ac purus in, dignissim gravida lacus.
[/wmf_col]
[/wmf_row]

[wmf_row]
[wmf_col cls=”12″]

[wmf_sp align=”left” size=”16″]Progress Bars[/wmf_sp][wmf_prg value=”40″ color=”progress-bar-info” type=”progress-striped “][/wmf_prg]

[wmf_prg value=”60″ color=”progress-bar-success” type=”progress-striped active”][/wmf_prg]

[wmf_prg value=”20″ color=”” type=””][/wmf_prg]

[wmf_prg value=”56″ color=”progress-bar-warning” type=”progress-striped “][/wmf_prg]

[/wmf_col]
[/wmf_row]

[wmf_row]
[wmf_col cls=”12″]

[wmf_sp align=”left” size=”16″][/wmf_sp]

H1 Text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum in posuere tellus. Praesent quis purus diam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

H2 Text

H3 Text

H4 Text

H5 Text

H6 Text

[/wmf_col]
[/wmf_row]

[wmf_row]
[wmf_col cls=”12″ mobile=”off”]

[wmf_sp align=”left” size=”16″]Label & Badge & Highlight[/wmf_sp]

[wmf_highlight textcolor=”#ffffff” bgcolor=”#8d2525″] Highlight [/wmf_highlight]

[wmf_lb color=”primary” type=”wmfbadge”]Badge[/wmf_lb]

[wmf_lb color=”danger” type=”wmflabel”]Label[/wmf_lb]

[/wmf_col]
[/wmf_row]

[wmf_row]
[wmf_col cls=”12″]

[wmf_sp align=”left” size=”16″]FontAwesome Icons[/wmf_sp]
Font Awesome gives you scalable vector icons that can instantly be customized — size, color, drop shadow, and anything that can be done with the power of CSS. And you can use all FontAwesome Icons in our short codes.

[wmf_button size=”wmfbtn-sm” color=”wmfbtn-default” target=”” url=”#”][wmf_fonticon color=”#000000″ size=”14″ icon=”icon-coffee”][/wmf_fonticon][/wmf_button] [wmf_button size=”wmfbtn-sm” color=”wmfbtn-default” target=”” url=”#”][wmf_fonticon color=”#000000″ size=”14″ icon=”icon-cloud-download”][/wmf_fonticon][/wmf_button] [wmf_button size=”wmfbtn-sm” color=”wmfbtn-default” target=”” url=”#”][wmf_fonticon color=”#000000″ size=”14″ icon=”icon-beer”][/wmf_fonticon][/wmf_button] [wmf_button size=”wmfbtn-sm” color=”wmfbtn-default” target=”” url=”#”][wmf_fonticon color=”#000000″ size=”14″ icon=”icon-camera”][/wmf_fonticon][/wmf_button] [wmf_button size=”wmfbtn-sm” color=”wmfbtn-default” target=”” url=”#”][wmf_fonticon color=”#000000″ size=”14″ icon=”icon-code”][/wmf_fonticon][/wmf_button] [wmf_button size=”wmfbtn-sm” color=”wmfbtn-default” target=”” url=”#”][wmf_fonticon color=”#000000″ size=”14″ icon=”icon-music”][/wmf_fonticon][/wmf_button] [wmf_button size=”wmfbtn-sm” color=”wmfbtn-default” target=”” url=”#”][wmf_fonticon color=”#000000″ size=”14″ icon=”icon-meh”][/wmf_fonticon][/wmf_button]

[/wmf_col]
[/wmf_row]

H1 Text

H2 Text

H3 Text

H4 Text

H5 Text

H6 Text

Leave a Reply Cancel reply