Typography

Typography

[column grid=”12″ text_align=”left” first=”1″]

[h1]This is heading 1[/h1]
[h2]This is heading 2[/h2]
[h3]This is heading 3[/h3]
[h4]This is heading 4[/h4]
[h5]This is heading 5[/h5]
[h6]This is heading 6[/h6]

[/column]

[column grid=”12″ text_align=”left” last=”1″]

[title align=”left” value=”Title left”]

Donec lorem nisi, lobortis vel urna ac, sollicitudin tincidunt lacus. Fusce et sagittis lectus, in dignissim felis. Aliquam consectetur lorem at massa dictum blandit.

[title align=”right” value=”Title right”]

Donec lorem nisi, lobortis vel urna ac, sollicitudin tincidunt lacus. Fusce et sagittis lectus, in dignissim felis. Aliquam consectetur lorem at massa dictum blandit.

[title align=”center” value=”Title centered”]

Donec lorem nisi, lobortis vel urna ac, sollicitudin tincidunt lacus. Fusce et sagittis lectus, in dignissim felis. Aliquam consectetur lorem at massa dictum blandit.

[/column]
[clear]

[gap_50]
[line type=”dotted”]
[gap_50]

Fusce venenatis ullamcorper magna. Aliquam lobortis nisi [highlight style=”style1″]aliquam consectetur[/highlight] pharetra, ultricies tellus nec, lobortis turpis. Cras interdum in nibh accumsan cursus. Fusce nec viverra enim. Suspendisse potenti. Quisque eget purus eu nisl lobortis vestibulum quis tincidunt velit. Quisque dapibus in lacus ac egestas. Mauris sit amet elementum nisl, nec scelerisque leo. Vivamus laoreet iaculis diam, tincidunt lobortis massa luctus lobortis. Nulla fermentum nunc nec [highlight style=”style2″]aliquam consectetur[/highlight] mauris aliquet ultricies. In congue [highlight style=”style3″]aliquam consectetur[/highlight] elit nibh. Pellentesque feugiat bibendum ipsum, in feugiat leo varius a. Mauris nec mi convallis, viverra nisi non, luctus elit. Nulla ornare sagittis tristique. Aliquam ullamcorper bibendum lacus. Praesent sed mi condimentum, vehicula mi tempor, suscipit nulla.

[gap_30]
[line type=”dotted”]
[gap_50]

[column grid=”8″ text_align=”left” first=”1″]

[dropcap value=”A” style=”style1″] Fusce venenatis aliquam consectetur pharetra, ultricies tellus nec, lobortis turpis. Cras interdum in nibh accumsan cursus. Fusce nec viverra enim. Suspendisse potenti. Quisque eget purus eu nisl lobortis vestibulum quis tincidunt velit. Quisque dapibus in lacus ac egestas.

[/column]

[column grid=”8″ text_align=”left”]

[dropcap value=”B” style=”style2″] Fusce venenatis aliquam consectetur pharetra, ultricies tellus nec, lobortis turpis. Cras interdum in nibh accumsan cursus. Fusce nec viverra enim. Suspendisse potenti. Quisque eget purus eu nisl lobortis vestibulum quis tincidunt velit. Quisque dapibus in lacus ac egestas.

[/column]

[column grid=”8″ text_align=”left” last=”1″]

[dropcap value=”C” style=”style3″] Fusce venenatis aliquam consectetur pharetra, ultricies tellus nec, lobortis turpis. Cras interdum in nibh accumsan cursus. Fusce nec viverra enim. Suspendisse potenti. Quisque eget purus eu nisl lobortis vestibulum quis tincidunt velit. Quisque dapibus in lacus ac egestas.

[/column]
[clear]

[gap_30]
[line type=”dotted”]
[gap_50]

[quote align=”none” author=”John Doe” author_link=””]Fusce venenatis ullamcorper magna. Aliquam lobortis nisi pharetra, ultricies tellus nec, lobortis turpis. Cras interdum in nibh accumsan cursus. Fusce nec viverra enim…[/quote]

[gap_30]
[line type=”dotted”]
[gap_50]

[quote align=”left” author=”John Doe”]Fusce venenatis ullamcorper magna. Aliquam lobortis nisi pharetra, ultricies tellus nec, lobortis turpis.[/quote] Cras interdum in nibh accumsan cursus. Fusce nec viverra enim. Suspendisse potenti. Quisque eget purus eu nisl lobortis vestibulum quis tincidunt velit. Quisque dapibus in lacus ac egestas. Mauris sit amet elementum nisl, nec scelerisque leo. Vivamus laoreet iaculis diam, tincidunt lobortis massa luctus lobortis. Nulla fermentum nunc nec mauris aliquet ultricies. In congue elit nibh. Pellentesque feugiat bibendum ipsum.Mauris nec mi convallis, viverra nisi non, luctus elit. Nulla ornare sagittis tristique. Aliquam ullamcorper bibendum lacus. Praesent sed mi condimentum, vehicula mi tempor, suscipit nulla.

[gap_30]
[line type=”dotted”]
[gap_50]

[quote align=”right” author=”John Doe”]Fusce venenatis ullamcorper magna. Aliquam lobortis nisi pharetra, ultricies tellus nec, lobortis turpis.[/quote] Cras interdum in nibh accumsan cursus. Fusce nec viverra enim. Suspendisse potenti. Quisque eget purus eu nisl lobortis vestibulum quis tincidunt velit. Quisque dapibus in lacus ac egestas. Mauris sit amet elementum nisl, nec scelerisque leo. Vivamus laoreet iaculis diam, tincidunt lobortis massa luctus lobortis. Nulla fermentum nunc nec mauris aliquet ultricies. In congue elit nibh. Pellentesque feugiat bibendum ipsum.Mauris nec mi convallis, viverra nisi non, luctus elit. Nulla ornare sagittis tristique. Aliquam ullamcorper bibendum lacus. Praesent sed mi condimentum, vehicula mi tempor, suscipit nulla.

[gap_30]
[line type=”dotted”]
[gap_50]

[column grid=”8″ text_align=”left” first=”1″]
[list type=”unordered” style=”square”]

[li]List text here…[/li]
[li]List text here…[/li]
[li]List text here…[/li]

[/list]
[/column]

[column grid=”8″ text_align=”left”]
[list type=”unordered” style=”circle”]

[li]List text here…[/li]
[li]List text here…[/li]
[li]List text here…[/li]

[/list]
[/column]

[column grid=”8″ text_align=”left” last=”1″]
[list type=”ordered” style=”upper-roman”]

[li]List text here…[/li]
[li]List text here…[/li]
[li]List text here…[/li]

[/list]
[/column]
[clear]

[gap_30]
[line type=”dotted”]
[gap_50]

[column grid=”8″ text_align=”left” first=”1″]
[list type=”ordered” style=”lower-alpha”]

[li]List text here…[/li]
[li]List text here…[/li]
[li]List text here…[/li]

[/list]
[/column]

[column grid=”8″ text_align=”left”]
[list]

[li icon=”fa-desktop” icon_color=””]List text here…[/li]
[li icon=”fa-desktop” icon_color=””]List text here…[/li]
[li icon=”fa-desktop” icon_color=””]List text here…[/li]

[/list]
[/column]

[column grid=”8″ text_align=”left” last=”1″]
[list]

[li icon=”fa-magic” icon_color=”#26a58f”]List text here…[/li]
[li icon=”fa-heart” icon_color=”#a54726″]List text here…[/li]
[li icon=”fa-folder-o” icon_color=”#266ba5″]List text here…[/li]

[/list]
[/column]
[clear]
[gap_20]

Leave a reply

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *