Generic Template

xxxxxx

Title + Figure Centered with Caption

Table

h1. Heading

h2. Heading

h3. Heading

h4. Heading

Text Markup

A few words in red and words in blue. Use <span> instead of <FONT>
Make words bold with <b>
Emphasize words with <strong>
Make words pop with <span class="pop">
Make words italic bold red with <span class="ibred">
Use <mark> to highlight text.
This line of text represents deleted text.
This line is italicized text.

This is centered text.

This is aligned right.

A well-known quote, contained in a blockquote element.

Lists

1. Ordered list
2. Ordered list
3. Nested list
   1. List item
   2. List item

• Unordered list
• Unordered list
• Nested list:
  • List item
  • List item

• Unordered list, <ul class="exp">
• Unordered list, <ul class="exp">
• Nested list:
  • List item
  • List item

• Unordered list, <ul class="default">
• Unordered list, <ul class="default">
• Nested list:
  • List item
  • List item

• Unordered list, <ul class="list-unstyled">
• Unordered list, <ul class="list-unstyled">
• Nested list:
  • List item
  • List item

• Unordered list, <ul class="list-inline">
• <li class="list-inline-item">
• <li class="list-inline-item">

Definition list

A definition list is for defining terms.

Term

Definition for the term.

Second paragraph for more definition.

Another term

This definition is short, so no extra paragraphs.

Truncated term is truncated

Automatic ellipsis when space is tight.

Links

Icons will decorate the link using <?php showLink('target','Link text'); ?> based on the file's extension.

Link to PDF file
Link to Text file
Link to Word Doc
Link to Audio file
Link to Spreadsheet
Link to PowerPoint
Link to internal web page
Link to external web page 
Link to Google Map

Eventually it'd be nice to update all links in the entire website in this manner. This does need require_once('php/show-link.php').

Flexbox