Lists & Icons
This is a sample page with examples on list and other icon paragraphs.
Ordered List
- This is a sample Ordered List.
- Lorem ipsum dolor sit amet consectetur
- Lorem ipsum dolor sit amet consectetur
- 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>