<!-- un-ordered list -->
 <ul class="unordered-list">
     <li>Unordered List type 1</li>
     <li class="list-type-sqr">Unordered List type 2</li>
     <li class="list-type-circle-outlined">Unordered List type 3</li>
 </ul>
<!-- ordered list -->
  <ol class="ordered-list">
     <li class="list-type-captial"> OL Capital Alphabets</li>
     <li class="list-type-small">OL Small Alphabets</li>
     <li class="list-type-number">OL with Numbers</li>
  </ol>
<ol class="ordered-list">
     <li class="list-type-no-bullet "> OL with no bullet</li>
     <li class="list-type-lower-roman">OL Capital Roman</li>
     <li class="list-type-cap-roman">OL Small Roman</li>
</ol>