List

<ol class="list-ordened">
  <li>Lorem ipsum dolor sit amet egestas quis viverra a blandit</li>
  <li>Second item non metus enimvitae tristi rabitur</li>
  <li>Sublist vitae metus vitae sapien pharetra an elementum</li>
  <li>Phasellus vitae metus vitae sapien ullamcorper</li>
  <li>Vestibulum ante ipsum primis in faucibus aliquet masem</li>
  <li>Proin elit arcu, rutrum commodo tristique tempus</li>
  <li>Third item egestas quis viverra a blandit pede varius.</li>
  <li>Donec sollicitudin mi sit amet mauris sollicitudin mi sit amet</li>
</ol>
<ol class="list-ordened2">
  <li>Lorem ipsum dolor sit amet egestas quis viverra a blandit</li>
  <li>Second item non metus enimvitae tristi rabitur</li>
  <li>Sublist vitae metus vitae sapien pharetra an elementum</li>
  <li>Phasellus vitae metus vitae sapien ullamcorper</li>
  <li>Vestibulum ante ipsum primis in faucibus aliquet masem</li>
  <li>Proin elit arcu, rutrum commodo tristique tempus</li>
</ol>
<ol class="list-ordened3">
  <li>Lorem ipsum dolor sit amet egestas quis viverra a blandit</li>
  <li>Second item non metus enimvitae tristi rabitur</li>
  <li>Sublist vitae metus vitae sapien pharetra an elementum</li>
  <li>Phasellus vitae metus vitae sapien ullamcorper</li>
  <li>Vestibulum ante ipsum primis in faucibus aliquet masem</li>
  <li>Proin elit arcu, rutrum commodo tristique tempus</li>
</ol>

<ul class="list-ico ico-sm">
  <li><i class="fa fa-volume-off"></i>Lorem ipsum dolor sit amet egestas quis viverra a blandit</li>
  <li><i class="fa fa-volume-off"></i>Second item non metus enimvitae tristi rabitur</li>
  <li><i class="fa fa-volume-off"></i>Sublist vitae metus vitae sapien pharetra an elementum</li>
</ul>
<ul class="list-ico2 ico-sm">
  <li><i class="fa fa-volume-off"></i>Lorem ipsum dolor sit amet egestas quis viverra a blandit</li>
  <li><i class="fa fa-volume-off"></i>Second item non metus enimvitae tristi rabitur</li>
  <li><i class="fa fa-volume-off"></i>Sublist vitae metus vitae sapien pharetra an elementum</li>
</ul>
<ul class="list-ico3 ico-sm">
  <li><i class="fa fa-volume-off"></i>Lorem ipsum dolor sit amet egestas quis viverra a blandit</li>
  <li><i class="fa fa-volume-off"></i>Second item non metus enimvitae tristi rabitur</li>
  <li><i class="fa fa-volume-off"></i>Sublist vitae metus vitae sapien pharetra an elementum</li>
</ul>

<ul class="list-ico">
  <li><i class="fa fa-bell"></i>Lorem ipsum dolor sit amet egestas quis viverra a blandit</li>
  <li><i class="fa fa-phone"></i>Second item non metus enimvitae tristi rabitur</li>
  <li><i class="fa fa-asterisk"></i>Sublist vitae metus vitae sapien pharetra an elementum</li>
</ul>
<ul class="list-ico2">
  <li><i class="fa fa-bell"></i>Lorem ipsum dolor sit amet egestas quis viverra a blandit</li>
  <li><i class="fa fa-phone"></i>Second item non metus enimvitae tristi rabitur</li>
  <li><i class="fa fa-asterisk"></i>Sublist vitae metus vitae sapien pharetra an elementum</li>
</ul>
<ul class="list-ico3">
  <li><i class="fa fa-bell"></i>Lorem ipsum dolor sit amet egestas quis viverra a blandit</li>
  <li><i class="fa fa-phone"></i>Second item non metus enimvitae tristi rabitur</li>
  <li><i class="fa fa-asterisk"></i>Sublist vitae metus vitae sapien pharetra an elementum</li>
</ul>

<ul class="list-ico ico-lg">
  <li><i class="fa fa-check"></i>Lorem ipsum dolor sit amet egestas quis viverra a blandit</li>
  <li><i class="fa fa-check"></i>Second item non metus enimvitae tristi rabitur</li>
  <li><i class="fa fa-check"></i>Sublist vitae metus vitae sapien pharetra an elementum</li>
</ul>
<ul class="list-ico2 ico-lg">
  <li><i class="fa fa-check"></i>Lorem ipsum dolor sit amet egestas quis viverra a blandit</li>
  <li><i class="fa fa-check"></i>Second item non metus enimvitae tristi rabitur</li>
  <li><i class="fa fa-check"></i>Sublist vitae metus vitae sapien pharetra an elementum</li>
</ul>
<ul class="list-ico3 ico-lg">
  <li><i class="fa fa-check"></i>Lorem ipsum dolor sit amet egestas quis viverra a blandit</li>
  <li><i class="fa fa-check"></i>Second item non metus enimvitae tristi rabitur</li>
  <li><i class="fa fa-check"></i>Sublist vitae metus vitae sapien pharetra an elementum</li>
</ul>

<ul class="list-ico ico-sm list-border-solid">
  <li><i class="fa fa-volume-off"></i>Lorem ipsum dolor sit amet egestas quis viverra a blandit</li>
  <li><i class="fa fa-volume-off"></i>Second item non metus enimvitae tristi rabitur</li>
  <li><i class="fa fa-volume-off"></i>Sublist vitae metus vitae sapien pharetra an elementum</li>
</ul>
<ul class="list-ico2 ico-sm list-border-solid">
  <li><i class="fa fa-volume-off"></i>Lorem ipsum dolor sit amet egestas quis viverra a blandit</li>
  <li><i class="fa fa-volume-off"></i>Second item non metus enimvitae tristi rabitur</li>
  <li><i class="fa fa-volume-off"></i>Sublist vitae metus vitae sapien pharetra an elementum</li>
</ul>
<ul class="list-ico3 ico-sm list-border-dashed">
  <li><i class="fa fa-volume-off"></i>Lorem ipsum dolor sit amet egestas quis viverra a blandit</li>
  <li><i class="fa fa-volume-off"></i>Second item non metus enimvitae tristi rabitur</li>
  <li><i class="fa fa-volume-off"></i>Sublist vitae metus vitae sapien pharetra an elementum</li>
</ul>

<ul class="list-ico list-border-solid">
  <li><i class="fa fa-bell"></i>Lorem ipsum dolor sit amet egestas quis viverra a blandit</li>
  <li><i class="fa fa-phone"></i>Second item non metus enimvitae tristi rabitur</li>
  <li><i class="fa fa-asterisk"></i>Sublist vitae metus vitae sapien pharetra an elementum</li>
</ul>
<ul class="list-ico2 list-border-solid">
  <li><i class="fa fa-bell"></i>Lorem ipsum dolor sit amet egestas quis viverra a blandit</li>
  <li><i class="fa fa-phone"></i>Second item non metus enimvitae tristi rabitur</li>
  <li><i class="fa fa-asterisk"></i>Sublist vitae metus vitae sapien pharetra an elementum</li>
</ul>
<ul class="list-ico3 list-border-dashed">
  <li><i class="fa fa-bell"></i>Lorem ipsum dolor sit amet egestas quis viverra a blandit</li>
  <li><i class="fa fa-phone"></i>Second item non metus enimvitae tristi rabitur</li>
  <li><i class="fa fa-asterisk"></i>Sublist vitae metus vitae sapien pharetra an elementum</li>
</ul>

<ul class="list-ico ico-lg list-border-solid">
  <li><i class="fa fa-check"></i>Lorem ipsum dolor sit amet egestas quis viverra a blandit</li>
  <li><i class="fa fa-check"></i>Second item non metus enimvitae tristi rabitur</li>
  <li><i class="fa fa-check"></i>Sublist vitae metus vitae sapien pharetra an elementum</li>
</ul>

<ul class="list-ico2 ico-lg list-border-solid">
  <li><i class="fa fa-check"></i>Lorem ipsum dolor sit amet egestas quis viverra a blandit</li>
  <li><i class="fa fa-check"></i>Second item non metus enimvitae tristi rabitur</li>
  <li><i class="fa fa-check"></i>Sublist vitae metus vitae sapien pharetra an elementum</li>
</ul>
<ul class="list-ico3 ico-lg list-border-dashed">
  <li><i class="fa fa-check"></i>Lorem ipsum dolor sit amet egestas quis viverra a blandit</li>
  <li><i class="fa fa-check"></i>Second item non metus enimvitae tristi rabitur</li>
  <li><i class="fa fa-check"></i>Sublist vitae metus vitae sapien pharetra an elementum</li>
</ul>