List

Collection of predefined components to use on your siteBuild your custom pages with ease

Style 1

  • 1st sample item
  • 2nd sample item
  • 3rd sample item
  • 4th sample item
  • 5th sample item
  • 6th sample item

Style 2

  • 1st sample item
  • 2nd sample item
  • 3rd sample item
  • 4th sample item
  • 5th sample item
  • 6th sample item

Style 3

  • 1st sample item
  • 2nd sample item
  • 3rd sample item
  • 4th sample item
  • 5th sample item
  • 6th sample item

Style 4

  • 1st sample item
  • 2nd sample item
  • 3rd sample item
  • 4th sample item
  • 5th sample item
  • 6th sample item
Hide code Show code
<!-- Style 1 -->
<ul class="template-list template-list-bullet-1 template-list-style-1">
	<li><span></span>1st sample item</li>
	<li><span></span>2nd sample item</li>
	<li><span></span>3rd sample item</li>
	<li><span></span>4th sample item</li>
	<li><span></span>5th sample item</li>
	<li><span></span>6th sample item</li>
</ul>

<!-- Style 2 -->
<ul class="template-list template-list-bullet-2 template-list-style-2">
	<li><span></span>1st sample item</li>
	<li><span></span>2nd sample item</li>
	<li><span></span>3rd sample item</li>
	<li><span></span>4th sample item</li>
	<li><span></span>5th sample item</li>
	<li><span></span>6th sample item</li>
</ul>

<!-- Style 3 -->
<ul class="template-list template-list-bullet-3 template-list-style-3">
	<li><span></span>1st sample item</li>
	<li><span></span>2nd sample item</li>
	<li><span></span>3rd sample item</li>
	<li><span></span>4th sample item</li>
	<li><span></span>5th sample item</li>
	<li><span></span>6th sample item</li>
</ul>

<!-- Style 4 -->
<ul class="template-list template-list-bullet-4 template-list-style-4">
	<li><span></span>1st sample item</li>
	<li><span></span>2nd sample item</li>
	<li><span></span>3rd sample item</li>
	<li><span></span>4th sample item</li>
	<li><span></span>5th sample item</li>
	<li><span></span>6th sample item</li>
</ul>