(H1) THIS HEADING H1 IS THE MAIN HEADLINE FOR THE PAGE – IT HAS THE MOST SEO IMPACT OF ALL HEADLINES

(H2) HEADINGS CAN BE USED TO BREAK UP MAIN SECTIONS OF THE PAGE

The Heading 2 has a high SEO value. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean sollicitudin, magna eu vestibulum venenatis, dolor turpis iaculis mauris, ac pellentesque metus nisi nec lectus. Fusce vel augue ipsum. Mauris ipsum mi, dictum sed mollis non, scelerisque nec leo. Duis aliquam enim in tortor interdum eleifend. Nulla facilisi. Proin sollicitudin congue eleifend. Quisque at erat vitae orci imperdiet mollis. Morbi imperdiet justo eget nibh consectetur in dictum nulla egestas. Ut at ullamcorper dolor. Integer ligula nisl, pulvinar vel dapibus nec, viverra ac elit.

(H3) THIS LEAD-IN/CALL-OUT PARAGRAPH IS HEADING 3 TEXT. It is subordinate in priority (but not in size) to the H1 and H2. Good for page intros that may not have SEO-rich text.

(h4) headings are smaller in emphasis and priority

The Heading 4 give you another opportunity differentiate the text from the body paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean sollicitudin, magna eu vestibulum venenatis, dolor turpis iaculis mauris, ac pellentesque metus nisi nec lectus. Fusce vel augue ipsum. Mauris ipsum mi, dictum sed mollis non, scelerisque nec leo. Duis aliquam enim in tortor interdum eleifend. Nulla facilisi. Proin sollicitudin congue eleifend. Quisque at erat vitae orci imperdiet mollis. Morbi imperdiet justo eget nibh consectetur in dictum nulla egestas. Ut at ullamcorper dolor. Integer ligula nisl, pulvinar vel dapibus nec, viverra ac elit.

(h5) headings are minor headlines

Here is paragraph text to better mimic actual content as it will appear on your page sometimes with emphasis and other times bold. Sometimes your content will be linked to another page (this link is a dummy and only displays the style visitors will see with links on the page). This next paragraph of latin will help display line-height and the margin between paragraph text. Aenean et lorem justo, eu cursus nisi. Aenean tristique vulputate tempus. Pellentesque euismod ullamcorper metus vitae dictum. Nullam sit amet consectetur magna. Quisque et lectus et ante convallis vehicula. Integer eu leo ac lacus imperdiet aliquet. Maecenas mollis quam enim, mattis pulvinar metus.

The following unordered list has only lead-in text and no headline preceding it.

  • Aliquam vel faucibus dui
  • Proin quis mi mi
  • Etiam libero sapien, faucibus vitae semper
  • Nunc ultrices lectus ac mauris
(H6) THIS IS A HEADING H6. An ordered list follows.
  1. Aliquam vel faucibus dui
  2. Proin quis mi mi
  3. Etiam libero sapien, faucibus vitae semper
  4. Nunc ultrices lectus ac mauris

Notice the headline and paragraph text are in proximity to the list items. No extra spacing is required and in fact, adding breaks will separate the list from its lead-in text or headline and the proximity is necessary display their relationship. Here is an accordion:

+This is an accordion Button

Here is a simple table

Table Heading (Column One) TABLE HEADING (Column Two)
Cell Data One – Note table headers have no case enforcement; you type upper- and lowercase as you prefer. Cell Data Two – Note the table header was typed in ALL CAPS
Cell Data Three Cell Data Four

This footnote has a class of “.footnote”. Note that an asterisk (*) will automatically get prepended. This second lines shows the line height difference