Typography

DROPCAPS

[column size=”one-third”][dropcap style="1"]L[/dropcap][dropcap style=”1″]L[/dropcap]orem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. [/column]

[column size=”one-third”][dropcap style="2"]L[/dropcap][dropcap style=”2″]L[/dropcap]orem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. [/column]

[column size=”one-third” position=”last”][dropcap style="3"]L[/dropcap][dropcap style=”3″]L[/dropcap]orem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. [/column]

[separator][/separator]

 BLOCKQUOTES

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

[separator][/separator]

“CODE” AND “PRE”

[column size=”one-half”]
code:
This is a fragment of code:
 
p {
color:#787878;
font-family: Arial, sans-serif;
padding-bottom:10px;
}

[/column]

[column size=”one-half” position=”last”]
pre:
This is some text that is preformatted in the HTML code:
 
<!DOCTYPE html>
<html lang="en">
<head>
 
</head>

[/column]

[separator][/separator]

HIGHLIGHTED TEXT

[highlighted color="dark"]consectetur adipisicing elit[/highlighted]
"color" attribute can be: dark, redish, greenish, yellowish, bluish.
Lorem ipsum dolor sit amet, [highlighted color=”dark”]consectetur adipisicing elit[/highlighted] , sed do eiusmod [highlighted color=”redish”]tempor incididunt ut labore[/highlighted]  et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation [highlighted color=”greenish”]ullamco laboris nisi[/highlighted]  ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in [highlighted color=”yellowish”]voluptate velit esse cillum dolore[/highlighted] eu fugiat nulla pariatur.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, [highlighted color=”bluish”]sed do eiusmod tempor incididunt[/highlighted] ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

[separator][/separator]

HEADINGS

This is a H1 Heading

This is a H2 Heading

This is a H3 Heading

This is a H4 Heading

This is a H5 Heading
This is a H6 Heading

Leave a Reply

Your email address will not be published. Required fields are marked *