Typography

Typography

[heading size=”1″ color=”#df5803″]H1 tag header[/heading]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada tellus vitae nibh convallis aLorem ipsum dolor sit amet.
[heading size=”2″ color=”#df5803″]H2 tag header[/heading]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada tellus vitae nibh convallis aLorem ipsum dolor sit amet.
[heading size=”3″ color=”#df5803″]H3 tag header[/heading]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada tellus vitae nibh convallis aLorem ipsum dolor sit amet.
[heading size=”4″ color=”#df5803″]H4 tag header[/heading]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada tellus vitae nibh convallis aLorem ipsum dolor sit amet.
[heading size=”5″ color=”#df5803″]H5 tag header[/heading]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada tellus vitae nibh convallis aLorem ipsum dolor sit amet.
[heading size=”6″ color=”#df5803″]H6 tag header[/heading]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada tellus vitae nibh convallis aLorem ipsum dolor sit amet
[code title=””][heading size=”1 to 6″ color=”#fff000″]Heading Text[/heading][/code] [coloumnclear]

Hightlight text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas nec nunc vel magna venenatis consequat in mattis metus.[hightlight background=”#000000″ color=”#fff”]Nam porttitor suscipit blandit. Donec malesuada tellus vitae nibh convallis a Lorem ipsum dolor sit amet consectetur adipiscing elit.[/hightlight] Maecenas nec nunc vel magna venenatis consequat in mattis metus. Nam porttitor suscipit blandit. Donec malesuada tellus vitae nibh convallis aLorem ipsum dolor sit amet, consectetur adipiscing elit[hightlight background=”#e40028″ color=”#fff”]Nam porttitor suscipit blandit. Donec malesuada tellus vitae nibh convallis a Lorem ipsum dolor sit amet consectetur adipiscing elit.[/hightlight]. Maecenas nec nunc vel magna venenatis consequat in mattis metus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas nec nunc vel magna venenatis consequat in mattis metus. Nam porttitor suscipit blandit. Donec malesuada tellus vitae nibh convallis aLorem ipsum dolor sit ametaecenas nec nunc vel magna venenatis consequat in mattis metus. Nam porttitor suscipit blandit. [hightlight background=”#e65028″ color=”#fff”]Nam porttitor suscipit blandit. Donec malesuada tellus vitae nibh convallis a Lorem ipsum dolor sit amet consectetur adipiscing elit.[/hightlight]Donec malesuada tellus vitae nibh convallis aLorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas nec nunc vel magna venenatis consequat in mattis metus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas nec nunc vel magna venenatis consequat in mattis metus. Nam porttitor suscipit blandit. Donec malesuada tellus vitae nibh convallis aLorem ipsum dolor sit amet, [hightlight background=”#e20028″ color=”#fff”]Nam porttitor suscipit blandit. Donec malesuada tellus vitae nibh convallis a Lorem ipsum dolor sit amet consectetur adipiscing elit.[/hightlight]consectetur adipiscing elit.
[code title=””][hightlight background=”#e32028″ color=”#fff”]Nam porttitor suscipit blandit. Lorem ipsum dolor sit amet consectetur adipiscing elit.[/hightlight][/code] [coloumnclear]

Dropcap

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas nec nunc vel magna venenatis consequat in mattis metus. Maecenas nec nunc vel magna venenatis consequat in mattis metus.Maecenas nec nunc vel magna venenatis consequat in mattis metus. Nam porttitor suscipit blandit. Donec malesuada tellus vitae nibh convallis aLorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas nec nunc vel magna venenatis consequat in mattis metus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas nec nunc vel magna venenatis consequat in mattis metus. Nam porttitor suscipit blandit. Donec malesuada tellus vitae nibh convallis aLorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas nec nunc vel magna venenatis consequat in mattis metus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas nec nunc vel magna venenatis consequat in mattis metus. Nam porttitor suscipit blandit. Donec malesuada tellus vitae nibh convallis aLorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas nec nunc vel magna venenatis consequat in mattis metus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas nec nunc vel magna venenatis consequat in mattis metus. Nam porttitor suscipit blandit. Donec malesuada tellus vitae nibh convallis aLorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas nec nunc vel magna venenatis consequat in mattis metus.
 [code title=””]Maecenas nec nunc vel magna venenatis consequat in mattis metus.[/code] [coloumnclear]

Message Boxes

[message_box type=”info” align=”left” icon=”” close=”yes” color=”#999999″ background=”#fff” border_color=”#eeeeee” box_shadow_color=”#d9d9d9″ title=”Nulla adipiscing ipsum sitame”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque ac arcu aliquet sem varius interdum vel quis odio. Nulla adipiscing ipsum sit amet neque egestas sagittis. Sed eleifend ligula vel velit porta nec ullamcorper mauris ultricies. Sed facilisis ultricies velit at pharetra. [/message_box] [message_box type=”warning” style=”3″ align=”left” icon=”fa-info-circle” close=”yes” color=”#FFFFFF” background=”#D9675D” border_color=”#B14E50″]This is an info box. Many people tell me i’m handsome.[/message_box] [message_box type=”warning” style=”3″ align=”left” icon=”fa-check” close=”yes” color=”#FFFFFF” background=”#5BC3A2″ border_color=”#4A8A10″]This is an info box. Many people tell me i’m handsome.[/message_box] [message_box type=”warning” style=”3″ align=”left” icon=”fa-warning” close=”yes” color=”#FFFFFF” background=”#FED16C” border_color=”#B3A231″ ]This is an info box. Many people tell me i’m handsome.[/message_box] [message_box type=”warning” style=”3″ align=”left” icon=”fa-times-circle” close=”yes” color=”#FFFFFF” background=”#6FB1C7″ border_color=”#3166A8″ ]This is an info box. Many people tell me i’m handsome.[/message_box] [code title=””] [message_box align=”left” icon=”fa-info-circle” close=”yes” color=”#COLOR_CODE” background=”#COLOR_CODE” border_color=”#COLOR_CODE” title=”Message Title”]This is an info box. Many people tell me i’m handsome.[/message_box] [/code] [coloumnclear]

Listing Shortcode

[list type=”tick” icon=”fa-check”] [list_item]Four different messages can be used; general, error, success, notice[/list_item] [list_item]Messages can be inserted in any column width to control the size[/list_item] [list_item]Other short codes inside the message box can be used.[/list_item] [list_item]On any page unlimited text message can used.[/list_item] [/list]

Comments.

Currently there are no comments related to this article. You have a special honor to be the first commenter. Thanks!

Leave a Reply.