Typography

{headline type=”h2″ style=”heading-single” size=”18″ text=”Default Headings”} {spacer height=”40px”} {headline type=”h1″ text=”h1. Nullam sed massa quis elit sagittis”}

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sed massa quis elit sagittis tempor. Ut rutrum sem vel augue rhoncus vestibulum. Cras aliquam accumsan lorem, ac cursus orci molestie eget.


{headline type=”h2″ text=”h2. Nullam sed massa quis elit sagittis”}

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sed massa quis elit sagittis tempor. Ut rutrum sem vel augue rhoncus vestibulum. Cras aliquam accumsan lorem, ac cursus orci molestie eget.


{headline type=”h3″ text=”h3. Nullam sed massa quis elit sagittis”}

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sed massa quis elit sagittis tempor. Ut rutrum sem vel augue rhoncus vestibulum. Cras aliquam accumsan lorem, ac cursus orci molestie eget.


{headline type=”h4″ text=”h4. Nullam sed massa quis elit sagittis”}

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sed massa quis elit sagittis tempor. Ut rutrum sem vel augue rhoncus vestibulum. Cras aliquam accumsan lorem, ac cursus orci molestie eget.


{headline type=”h5″ text=”h5. Nullam sed massa quis elit sagittis”}

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sed massa quis elit sagittis tempor. Ut rutrum sem vel augue rhoncus vestibulum. Cras aliquam accumsan lorem, ac cursus orci molestie eget.


{headline type=”h6″ text=”h6. Nullam sed massa quis elit sagittis”}

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sed massa quis elit sagittis tempor. Ut rutrum sem vel augue rhoncus vestibulum. Cras aliquam accumsan lorem, ac cursus orci molestie eget.

{toggle1 title=”Shortcode”}

{headline type="h1" text="Headline here"} {headline type="h2" text="Headline here"} {headline type="h3" text="Headline here"} {headline type="h4" text="Headline here"} {headline type="h5" text="Headline here"} {headline type="h6" text="Headline here"}

{/toggle} {spacer height=”60px”} {headline type=”h2″ style=”heading-single” size=”18″ text=”Heading Styles”} {spacer height=”40px”} {row} {col4}{headline type=”h5″ style=”heading-single” text=”Special Heading 1″}{/col} {col4}{headline type=”h5″ style=”heading-single” text=”Special Heading 1″ align=”text-center”}{/col} {col4}{headline type=”h5″ style=”heading-single” text=”Special Heading 1″ align=”text-right”}{/col} {/row} {row} {col4}{headline type=”h5″ style=”heading-double” text=”Special Heading 2″}{/col} {col4}{headline type=”h5″ style=”heading-double” text=”Special Heading 2″ align=”text-center”}{/col} {col4}{headline type=”h5″ style=”heading-double” text=”Special Heading 2″ align=”text-right”}{/col} {/row} {row} {col4}{headline type=”h5″ style=”heading-diag” text=”Special Heading 3″}{/col} {col4}{headline type=”h5″ style=”heading-diag” text=”Special Heading 3″ align=”text-center”}{/col} {col4}{headline type=”h5″ style=”heading-diag” text=”Special Heading 3″ align=”text-right”}{/col} {/row} {toggle1 title=”Shortcode”}

{headline type="h5" text="Headline here" align="text-left" style="heading-single"} {headline type="h5" text="Headline here" align="text-center" style="heading-double"} {headline type="h5" text="Headline here" align="text-right" style="heading-diag"}

{/toggle} {spacer height=”60px”} {headline type=”h2″ style=”heading-single” size=”18″ text=”Heading Colors”} {spacer height=”40px”} {row} {col4}{headline type=”h5″ style=”heading-single” text=”Default Color”}{/col} {col4}{headline type=”h5″ style=”heading-single” text=”Theme Color” align=”text-center” color=”color-theme”}{/col} {col4}{headline type=”h5″ style=”heading-single” text=”Purple Color” align=”text-right” color=”color-purple”}{/col} {/row} {row} {col4}{headline type=”h5″ style=”heading-double” text=”Orange Color” color=”color-orange”}{/col} {col4}{headline type=”h5″ style=”heading-double” text=”Success Color” align=”text-center” color=”color-success”}{/col} {col4}{headline type=”h5″ style=”heading-double” text=”Warning Color” align=”text-right” color=”color-warning”}{/col} {/row} {row} {col4}{headline type=”h5″ style=”heading-diag” text=”Info Color” color=”color-info”}{/col} {col4}{headline type=”h5″ style=”heading-diag” text=”Danger Color” align=”text-center” color=”color-danger”}{/col} {col4}{/col} {/row} {toggle1 title=”Shortcode”}

{headline type="h5" text="Headline here" color="color-theme"} {headline type="h5" text="Headline here" color="color-purple"} {headline type="h5" text="Headline here" color="color-orange"} {headline type="h5" text="Headline here" color="color-success"} {headline type="h5" text="Headline here" color="color-warning"} {headline type="h5" text="Headline here" color="color-info"} {headline type="h5" text="Headline here" color="color-danger"}

{/toggle} {spacer height=”60px”} {headline type=”h2″ style=”heading-single” size=”18″ text=”Text Alignment”} {spacer height=”40px”} {row} {col4}

Align Left

Vestibulum vitae risus a erat mollis lac in venenatis tellus. Morbi et tristique lacus. Aenean metus placerat sagittis nec vel justo.

{/col} {col4}

Align Center

Vestibulum vitae risus a erat mollis lac in venenatis tellus. Morbi et tristique lacus. Aenean metus placerat sagittis nec vel justo.

{/col} {col4}

Align Right

Vestibulum vitae risus a erat mollis lac in venenatis tellus. Morbi et tristique lacus. Aenean metus placerat sagittis nec vel justo.

{/col} {/row} {spacer height=”60px”} {headline type=”h2″ style=”heading-single” size=”18″ text=”Dropcaps”} {spacer height=”40px”} {row} {col4}

{dropcap1 text=”W”}hasellu lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sed massa quis elit sagittis tempor. Ut rutrum sem vel augue rhoncus vestibulum.

{/col} {col4}

{dropcap2 text=”W”}hasellu lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sed massa quis elit sagittis tempor. Ut rutrum sem vel augue rhoncus vestibulum.

{/col} {col4}

{dropcap3 text=”W”}hasellu lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sed massa quis elit sagittis tempor. Ut rutrum sem vel augue rhoncus vestibulum. Nullam sed massa quis elit sagittis tempor.

{/col} {/row} {toggle1 title=”Shortcode”}

{dropcap1 text="W"} {dropcap2 text="W"} {dropcap3 text="W"}

{/toggle} {spacer height=”60px”} {headline type=”h2″ style=”heading-single” size=”18″ text=”Paragraphs”} {spacer height=”40px”} {row} {col6}

Lead Paragraph

Vestibulum vitae risus a erat mollis lac in venenatis tellus. Morbi et tristique lacus. Aenean metus placerat sagittis nec vel justo.

{/row} {col6}

Bold

Vestibulum vitae risus a erat mollis lac in venenatis tellus. Morbi et tristique lacus.

Italic

Vestibulum vitae risus a erat mollis lac in venenatis tellus. Morbi et tristique lacus.

{/col} {/row}

Posted on by GM in Elements Leave a comment

Add a Comment