• Heading Font Family

  
  ABCDEFGHIJKLMNOPQRSTUVWXYZ
  abcdefghijklmnopqrstuvwxyz
  0123456789
  (.,;:’”$#@!&*)

• Base Font Family

  
  ABCDEFGHIJKLMNOPQRSTUVWXYZ
  abcdefghijklmnopqrstuvwxyz
  0123456789
  (.,;:’”$#@!&*)

• The H1 is the main page heading

  Page Title / Section Title

• The H2 is the page level or section heading

  Page Title / Section Title

  The secondary header above is an h2 element, which may be used for any form of important page-level header. More than one may be used per page. Consider using an h2 unless you need a header level of less importance, or as a sub-header to an existing h2 element.

• The H3 is a third-level heading

  Section Header / Banner Title / Section Subhead

  The header above is an h3 element, which may be used for any form of page-level header which falls below the h2 header in a document hierarchy.

• The H4 is the fourth-level heading

  Sub Header

  Typically used for article title or call-to-action elements.

• The H5 is the fifth-level heading

  Sub Header

• The H6 is the sixth-level heading and the lowest

  Sub Header

  Each heading has an accompanying class that can be used for styling any element without the need or restriction of SEO impact.

.lede (Feature Intro) - Arial 17px / 24px #333

A lede, or lead, paragraph in literature is the opening paragraph of an article, essay, news story or book chapter. It usually occurs together with the headline or title. It precedes the main body of the article, and it gives the reader the main idea of the story. In both spellings, the word rhymes with the word need.

• <a> - This is a text link
• <a> - This is an external text link
• <a href="mailto"> -
• <a href="tel"> - 1-800-851-9530
• <strong> - Strong is used to indicate strong importance
• <em> - This text has added emphasis
• <b> - The b element is stylistically different text from normal text, without any special importance
• <i> - The i element is text that is set off from the normal text
• <u> - The u element is text with an unarticulated, though explicitly rendered, non-textual annotation
• <del> & <ins> - This text is deleted and This text is inserted
• <s> - This text has a strikethrough
• <sup> - Superscript^®
• <sub> - Subscript for things like H₂O
• <abbr> - Abbreviation: HTML
• <kbd> - Keybord input: Cmd
• <q> - This text is a short inline quotation
• <cite> - This is a citation
• <dfn> - The dfn element indicates a definition.
• <mark> - The mark element indicates a highlight
• <var> - The var element defines a variable
• <address>
  
  Address Name
  1234 Main St.
  Anywhere, US 12345
• <tel> - 1-800-851-9530
• <blockquote>

  One small step for man, one giant leap for mankind.

• .text-info - This text is informative
• .text-error - This text is an error
• .text-success - This text is a success

A Basic Unordered List

• This is a list item in an unordered list
• An unordered list is a list in which the sequence of items is not important. Sometimes, an unordered list is a bulleted list. And this is a long list item in an unordered list that can wrap onto a new line.
• Lists can be nested inside of each other
  • This is a nested list item
  • This is another nested list item in an unordered list
• This is the last list item

A Vertical Bulleted Unordered List

• This is a list item in an unordered list
• An unordered list is a list in which the sequence of items is not important. Sometimes, an unordered list is a bulleted list. And this is a long list item in an unordered list that can wrap onto a new line.
• Lists can be nested inside of each other
  • This is a nested list item
  • This is another nested list item in an unordered list
• This is the last list item

<ul>
  <li>This is a list item in an unordered list</li>
  <li>An unordered list is a list in which the sequence of items is not important. Sometimes, an unordered list is a bulleted list. And this is a long list item in an unordered list that can wrap onto a new line. </li>
  <li>
  Lists can be nested inside of each other
  <ul>
    <li>This is a nested list item>/li>
    <li>This is another nested list item in an unordered list</li>
  </ul>
  </li>
  <li>This is the last list item</li>
</ul>

Notes

Bundle network services support frequently asked questions resources tv, tv internet access security for tv do have phone. Resources FAQs wifipasspoint advanced frequently asked questions, private business medium private PerkZone. Need PerkZone enable advanced services to, I actionable for what cloud.

Budget medium market, send and receive is I for have with Time Warner Cable. Design industry awardwinning FAQs enable tv resources. Industry cloud additional security small account billing FAQs actionable email. Medium budget howto small different scalable actionable. Frequently asked questions howto hotspot FAQs additional additional, and management technology howto phone can.

1. This is a list item in an ordered list
2. An ordered list is a list in which the sequence of items is important. An ordered list does not necessarily contain sequence characters.
3. Lists can be nested inside of each other
   1. This is a nested list item
   2. This is another nested list item in an ordered list
4. This is the last list item

Horizontal List - No Separators

• Lorem
• Ipsum
• Dolor

Horizontal List w/Slashes

• Lorem
• Ipsum
• Dolor

Horizontal List w/Pipes

• Lorem
• Ipsum
• Dolor

Vertical List

• Lorem
• Ipsum
• Dolor

Vertical Lined - adds some visuals breaks between li's

• Lorem
• Ipsum
• Dolor

Vertical Striped - adds some visuals breaks between li's

• Lorem
• Ipsum
• Dolor

Vertical Lined & Striped - well, you get it!

• Lorem
• Ipsum
• Dolor

Definition List

A number of connected items or names written or printed consecutively, typically one below the other.

This is a term.

This is the definition of that term, which both live in a dl.

Here is another term.

And it gets a definition too, which is this line.

Here is term that shares a definition with the term below.

And it gets a definition too, which is this line.

Responsive Image Art Direction

image-focus-1

image-focus-2

image-focus-3

image-focus-4

image-focus-5

• <a> - This is a text link
• <a> - This is an external text link