Unordered List Styles
Below is a list with bullets. To use this style create a list in the following format: <ul class="class name"><li>....</li><li>....</li>...</ul>
- To use this style create a list in the following format: <ul class="bullet-1"><li>....</li><li>....</li>...</ul>.
- To use this style create a list in the following format: <ul class="bullet-2"><li>....</li><li>....</li>...</ul>.
- To use this style create a list in the following format: <ul class="bullet-3"><li>....</li><li>....</li>...</ul>.
- To use this style create a list in the following format: <ul class="bullet-4"><li>....</li><li>....</li>...</ul>.
- To use this style create a list in the following format: <ul class="bullet-5"><li>....</li><li>....</li>...</ul>.
- To use this style create a list in the following format: <ul class="bullet-6"><li>....</li><li>....</li>...</ul>.
- To use this style create a list in the following format: <ul class="bullet-7"><li>....</li><li>....</li>...</ul>.
- To use this style create a list in the following format: <ul class="bullet-8"><li>....</li><li>....</li>...</ul>.
Special Unordered List Styles
Below is a list with Special bullets. To use this style create a list in the following format: <ul class="class name"><li>....</li><li>....</li>...</ul>
- To use this style create a list in the following format: <ul class="special-1"><li>....</li><li>....</li>...</ul>.
- To use this style create a list in the following format: <ul class="special-2"><li>....</li><li>....</li>...</ul>.
- To use this style create a list in the following format: <ul class="special-3"><li>....</li><li>....</li>...</ul>.
- To use this style create a list in the following format: <ul class="special-4"><li>....</li><li>....</li>...</ul>.
- To use this style create a list in the following format: <ul class="special-5"><li>....</li><li>....</li>...</ul>.
- To use this style create a list in the following format: <ul class="special-6"><li>....</li><li>....</li>...</ul>.
- To use this style create a list in the following format: <ul class="special-7"><li>....</li><li>....</li>...</ul>.
- To use this style create a list in the following format: <ul class="special-8"><li>....</li><li>....</li>...</ul>.
-
view code
<ul class="special-1"> <li>List item 1</li> <li>List item 2</li> <li>List item 3</ul> </ul>
List Styles - Numbers
Below is a list with Number List. To use this style create a list in the following format: <ul class="number"><li class="number-1">....</li><li class="number-9>....</li>...</ul>
- Mauris euismod. In ac massa vitae quam tincidunt dapibus. Ut at tortor nec mi arrowthemes mattis blandit. Maecenas venenatis lorem at nulla. Phasellus a libero
- Mauris euismod. In ac massa vitae quam tincidunt dapibus. Ut at arrowthemes tortor nec mi mattis blandit. Maecenas venenatis lorem at nulla. Phasellus a libero
- Mauris euismod. In ac massa vitae quam arrowthemes tincidunt dapibus. Ut at tortor nec mi arrowthemes mattis blandit. Maecenas venenatis lorem at nulla. Phasellus a libero
- Mauris euismod. In arrowthemes ac massa vitae quam tincidunt dapibus. Ut at tortor nec mi mattis blandit. Maecenas venenatis lorem at nulla. Phasellus a libero
- Mauris euismod. In ac massa vitae quam tincidunt dapibus. Ut at tortor nec mi mattis blandit. Maecenas arrowthemes venenatis lorem at nulla. Phasellus a libero
- Mauris euismod. In ac massa vitae quam tincidunt dapibus. Ut at tortor arrowthemes nec mi mattis blandit. Maecenas venenatis lorem at nulla. Phasellus a libero
- Mauris euismod. In ac massa vitae quam tincidunt dapibus. Ut at tortor arrowthemes nec mi mattis blandit. Maecenas venenatis lorem at nulla. Phasellus a libero
- Mauris euismod. In ac massa vitae quam tincidunt dapibus. Ut at tortor arrowthemes nec mi mattis blandit. Maecenas venenatis lorem at nulla. Phasellus a libero
-
view code
<ul class="number"> <li class="number-1">List item 1</li> <li class="number-2">List item 2</li> <li class="number-3">List item 3</li> </ul>