Content

Lists

• Unordered list
• Ordered list
• Unstyled list
• Arrow list
• Check list
• Definition list
• Lightbox list

Unordered list

Helvetica Neue, Arial, sans-serif • 14px

<ul>
  <li>Unordered list.</li>
  …
</ul>

Ordered list

Helvetica Neue, Arial, sans-serif • 14px

<ol>
  <li>Ordered list.</li>
  …
</ol>

Unstyled list

Helvetica Neue, Arial, sans-serif • 14px

<ul class="unstyled-list">
  <li>Unordered list.</li>
  …
</ul>

Arrow list

Helvetica Neue, Arial, sans-serif • 14px

<ul class="arrowlist">
  <li>Arrow list.</li>
  …
</ul>

Check list

Helvetica Neue, Arial, sans-serif • 14px

<ul class="checklist">
  <li>Check list.</li>
  …
</ul>

Definition list

Helvetica Neue, Arial, sans-serif • 14px • <dt> Bold, <dd> Normal

<dl>
  <dt>Unordered list.</dt>
  <dd>Lorem ipsum dolor sit amet</dd>
  …
</dl>

Lightbox list

• Lightbox list
• Lorem ipsum dolor sit amet
• Consectetur adipisicing elit
• Sed do eiusmod tempor incididunt
• Ut labore et dolore magna aliqua

Helvetica Neue, Arial, sans-serif • 16px • Bold

<ul class="lightbox-list">
  <li><a href="#" class="popup-link">Lightbox list</a></li>
  …
</ul>

Last updated
07 September 2018 @ 11:00 — Dean Robinson