Skip to Main Content Open Alternative Formats of This Page

eConnect, Self-Service and Colleague​​ will be unavailable on Sunday, Sept. 21, from 1 a.m. until 2 p.m. for maintenance​. We appreciate your patience.​​

Typography

This is an H2

This is an H3

This is an H4

This is an H5
This is an H6

You can have a regular header And wrap it with the .small class for a subhead

Optional H2 Header for Landing Pages

Apply to a heading using the page-header--xl custom format (Format > Formats > Custom Formats > page-header--xl).

Paragraphs

This is lead paragraph text used by applying lead custom format (Format > Formats > Custom Formats > lead) to a <p> and should be used to emphasize the first sentence(s) of an intro to a page or section.

This is regular paragraph text which is displayed at 16px using Open Sans. This is how a hyperlink appears in a regular paragraph. This is regular paragraph text which is displayed at 16px using Open Sans. This is how a hyperlink appears in a regular paragraph.

This is regular paragraph text which is displayed at 16px using Open Sans. This is how a hyperlink appears in a regular paragraph.

This is paragraph with .small text and should be used when styling a note, footnote, annotation or aside.

Lists

Unordered Lists

  • Item One
  • Item Two
  • Item Three

Ordered Lists

  1. Item One
  2. Item Two
  3. Item Three

Unstyled Lists

Apply to a list using the list-unstyled custom format (Format > Formats > Custom Formats > list-unstyled).

  • Item 1
  • Item 2
  • Item 3

Inline List

Apply to a list using the list-inline custom format (Format > Formats > Custom Formats > list-inline).

  • Item 1
  • Item 2
  • Item 3

List With Bottom Border

Apply to a list using the list-border-bottom custom format (Format > Formats > Custom Formats > list-border-bottom).

  • Item 1
  • Item 2
  • Item 3

List Column Count

Apply two or three columns to a list using list-col-count-2 or list-col-count-3. Columns read top to bottom and then left to right.

  1. Item One
  2. Item Two
  3. Item Three
  4. Item Four
  5. Item Five
  6. Item Six
  7. Item Seven
  8. Item Eight
  9. Item Nine
  10. Item Ten
  • Item One
  • Item Two
  • Item Three
  • Item Four
  • Item Five
  • Item Six
  • Item Seven
  • Item Eight
  • Item Nine
  • Item Ten

Blockquote

Standard Blockquote

You all are an integral part of Dallas College, regardless of what your role is all about. Regardless of title. Regardless of position. You are Dallas College. You connect people and ideas. You are the solution to solving the problems of those in need. You are hope. Dallas College cannot function without you. I hope you will stand with us as we transform lives and communities, creating hope and futures, bridging what divides us through education.

Blockquote With a Source

View source (Tools > Source code) to replicate HTML structure:

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

Indent

Apply to a paragraph using the indent custom format (Format > Formats > Custom Formats > indent).

You all are an integral part of Dallas College, regardless of what your role is all about. Regardless of title. Regardless of position. You are Dallas College. You connect people and ideas. You are the solution to solving the problems of those in need. You are hope. Dallas College cannot function without you. I hope you will stand with us as we transform lives and communities, creating hope and futures, bridging what divides us through education.

Updated May 12, 2025