Today's Discount Oil Prices:150+ Gal: $4.399100-140 Gal: $4.499

(H1) This Heading H1 is the Page Title

(H2) This is bold Heading H2 text & is perfect for additional lead-in text. It should be noted that this smaller, body like text is all part of the same Heading H2. 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.

Remember the Heading H1 should be reserved for the most important verbiage on the page, for SEO (search engine optimization) purposes.

(H3) Heading H3 is Smaller in Emphasis and Priority

The Heading 3 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.

(H4) Heading H4 is 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) Here you will see the Heading H5

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 order list has a Heading H6 preceding it.
  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 a simple table

Table Heading One Table Heading Two
Cell Data One Cell Data Two
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