Examples of styling that could be used in Antioch pages:

When using some of these tags, you may want to expand and decrease your browser size to get an idea of what might happen on different monitor sizes when using some of these elements.

Copy the code right from the code examples on the page (not from the source code).

1)This is an example of text enclosed in tags.
The code would look like this:

Text displayed as 'strong'

2)This is an example of text enclosed in tags.
The code would look like this:

Text displayed as 'em'

3)Here are several examples of pullquotes:

3a)This is the pullquote that spans the page:

“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. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.” — AUTHOR, TITLE

The code would look like this:

<div class="pullquote">“PULLQUOTE TEXT GOES HERE” — AUTHOR, TITLE</div>

Note: If you do not want the author cited in the pullquote, remove this part of the code:

— AUTHOR, TITLE

3b)Below are examples of pullquotes that align right or left and the text wraps around it. It is used the same way that the pullquote above is used except that the tag <pullquoter> is used for the right align one and <pullquotel> is used for the left-aligned one. These right or left align versions should be placed before the paragraph of the the text that you want to wrap around it.

“Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor ” — AUTHOR, TITLE

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. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

“Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor ” — AUTHOR, TITLE

4)Here is an example of a blockquote:

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.

This is what the code would look like:

<blockquote>BLOCKQUOTE text goes here</blockquote>

5)This is the code for a Horizontal rule like the ones used on this page:

<hr />

6)This is an example of an unordered list (or bulleted list)with two list items. You can add more items by repeating the line of code with the 'li' tags:

list item
list item

This is the code for the list:

<ul class="margin10">
<li>list item text</li>
<li>list item test</li>
</ul>

6)This is an example of an ordered list (or numbered list)with two list items. You can add more items by repeating the line of code with the 'li' tags:

list item
list item

This is the code for the list:

<ol class="margin10">
<li>list item text</li>
<li>list item test</li>
</ol>

Last Updated: 11/10/08