Thursday, 24 August 2017
A+ R A-

Lists & Icons

This is a sample page with examples on list and other icon paragraphs.

 

Ordered List

  1. This is a sample Ordered List.
  2. Lorem ipsum dolor sit amet consectetur
  3. Lorem ipsum dolor sit amet consectetur
  4. Lorem ipsum dolor sit amet consectetur

Un-Ordered List

  • This is a sample Unordered List.
  • Lorem ipsum dolor sit amet consectetur
  • Lorem ipsum dolor sit amet consectetur
  • Lorem ipsum dolor sit amet consectetur

Definition List

This is a sample Definition List.
Condimentum quis.
Congue Quisque augue elit dolor.
Congue Quisque augue elit dolor.

Icon Unordered Lists

  •   This is a sample Arrow list.
  •   This is a sample Arrow list.
  •   This is a sample Arrow list.

 

  •   This is a sample Check list
  •   This is a sample Checklist
  •   This is a sample Checklist

 

  •   This is a sample Star list.
  •   This is a sample Star list.
  •   This is a sample Star list.
  •   This is a sample Phone list
  •   This is a sample Phonelist
  •   This is a sample Phonelist
  •   This is a sample Address list.
  •   This is a sample Address list
  •   This is a sample Address list
  •   This is a sample Mail list
  •   This is a sample Mail list
  •   This is a sample Mail list
Icon List Styles Sample Code
<ul class="ol-typo-list list-mail"><li><span class="icon"> </span>List's content goes here!</li></ul>
<ul class="ol-typo-list list-address"><li><span class="icon"> </span>List's content goes here!</li></ul>
<ul class="ol-typo-list list-phone"><li><span class="icon"> </span>List's content goes here!</li></ul>
<ul class="ol-typo-list list-check"><li><span class="icon"> </span>List's content goes here!</li></ul>
<ul class="ol-typo-list list-star"><li><span class="icon"> </span>List's content goes here!</li></ul>
<ul class="ol-typo-list list-arrow"><li><span class="icon"> </span>List's content goes here!</li></ul>