Docs - Lists

• .list-simple - no bullets list
• .list-alphabet - lists with alphabet
• .list-decimal - lists with numeric
• .list-bullet - list with bullet square
• .list-text- list with title & list without title

List Simple No bullet

• Lorem ipsum dolor sit amet

• Consectetuer adipiscing elit

• Aenean commodo ligula eget dolor

• Cum sociis natoque penatibus et

          
    <!-- list no bullet -->
    
    <ul class="list-simple">
    	<li><p>Lorem ipsum dolor sit amet</p></li>
        <li><p>Consectetuer adipiscing elit</p></li>
        <li><p>Aenean commodo ligula eget dolor</p></li>
        <li><p>Cum sociis natoque penatibus et</p></li> 	    
    </ul>
 			  
   	    

List Alphabet

• Lorem ipsum dolor sit amet

• Consectetuer adipiscing elit

• Aenean commodo ligula eget dolor

• Cum sociis natoque penatibus et

          
    <!-- list alphabet -->
    
    <ul class="list-alpabet">
    	<li><p>Lorem ipsum dolor sit amet</p></li>
        <li><p>Consectetuer adipiscing elit</p></li>
        <li><p>Aenean commodo ligula eget dolor</p></li>
        <li><p>Cum sociis natoque penatibus et</p></li> 	    
    </ul>
 			  
   	    

List Numeric

• Lorem ipsum dolor sit amet

• Consectetuer adipiscing elit

• Aenean commodo ligula eget dolor

• Cum sociis natoque penatibus et

          
    <!-- list decimal -->
    
    <ul class="list-decimal">
    	<li><p>Lorem ipsum dolor sit amet</p></li>
        <li><p>Consectetuer adipiscing elit</p></li>
        <li><p>Aenean commodo ligula eget dolor</p></li>
        <li><p>Cum sociis natoque penatibus et</p></li> 	    
    </ul>
 			  
   	    

List Bullet

• Lorem ipsum dolor sit amet

• Consectetuer adipiscing elit

• Aenean commodo ligula eget dolor

• Cum sociis natoque penatibus et

          
    <!-- list bullet square -->
    
    <ul class="list-bullet">
    	<li><p>Lorem ipsum dolor sit amet</p></li>
        <li><p>Consectetuer adipiscing elit</p></li>
        <li><p>Aenean commodo ligula eget dolor</p></li>
        <li><p>Cum sociis natoque penatibus et</p></li> 	    
    </ul>
 			  
   	    

Text Listing

    
    <!-- list text with title -->
    
    <ul class="list-text">
    	<li class="brd-bottom">
            <h3>Cum Sociis</h3>
            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing. Aenean commodo ligula eget dolor.</p>
        </li>
        <li class="brd-bottom">
            <h3>Cum Sociis</h3>
            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing. Aenean commodo ligula eget dolor.</p>
        </li>
        <li class="brd-bottom">
            <h3>Cum Sociis</h3>
            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing. Aenean commodo ligula eget dolor.</p>
        </li>
      
    </ul>
 			        
    
    <!-- list text without title -->
    
    <ul class="list-text">
    	<li class="brd-bottom"><p>Lorem ipsum dolor sit amet, consectetuer adipiscing. Aenean commodo ligula eget dolor.</p></li>
        <li class="brd-bottom"><p>Lorem ipsum dolor sit amet, consectetuer adipiscing. Aenean commodo ligula eget dolor.</p></li>
        <li class="brd-bottom"><p>Lorem ipsum dolor sit amet, consectetuer adipiscing. Aenean commodo ligula eget dolor.</p></li>
    </ul>