Page Title

This page is here to show off styles for standard page elements such as typography, form elements, and icons. These are hard coded in an alternate page template file, named page.styles.liquid.

Heading oneSpan h1

H1 Linked

Heading twoSpan h2

Heading 2 Linked

Heading threeSpan h3

Heading 3 Linked

Heading fourSpan h4

Heading 4 Linked

Heading fiveSpan h5
Heading 5 Linked
Heading sixSpan h6
Heading 6 Linked

Paragraphs

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper.

Suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat.

Type styles

Strong *Using Spans for anything? highlighted text Emphasis Inline text link Strike Sup

Blockquotes

Eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.

The author of the quote
this is the code tag

center aligned text

right aligned text

Linked Image

A giant image should scale down:

A video should auto-resize:

 
Lists In tables
ul (default)
  • One
  • Two
  • Three
  • Four
Numeric bullet ol (default)
  1. One
  2. Two
  3. Three
  4. Four
Child lists (to match the RTE styles)
  • One
  • Two
  • Three, with child list
    • First sub item
    • Second sub item
    • Third sub item, with child list
      • Third level item
      • Another third level item
  • Four
Responsive tables
Order Date Payment Status Fulfillment Status Total
#1001 December 22, 2015 Authorized Unfulfilled $43.03
#1002 December 23, 2015 Authorized Unfulfilled $44.03
#1003 December 24, 2015 Authorized Unfulfilled $45.03
#1004 December 25, 2015 Authorized Unfulfilled $46.03
#1005 December 26, 2015 Authorized Unfulfilled $47.03
#1006 December 27, 2015 Authorized Unfulfilled $48.03
Horizontal Rules
Pre Tag
    .note {
      padding: 20px;
      border: 1px solid #ccc;
    }
Lists
  • Bullet list
    • Indented/child list 
  • Bullet list
  • Bullet list 
  1. Numbered list
    1. Indented/child list
    2. Indented/child list
  2. Numbered list
  3. Numbered list
Table
 Table heading Heading Another heading
table content table content table content
another row row  row