[vc_row margin_top=»-5″ margin_bottom=»45″][vc_column][vc_column_text]

List with bullets

[/vc_column_text][/vc_column][/vc_row][vc_row margin_bottom=»100″][vc_column width=»1/2″]

  • Magna phasellus euismod ante;
  • Mauris euismod anteultrices;
  • Aliquam aliquet quis justo laoreet;
  • Lorem hendrerit risus felisrdiet;
  • Ipsum for euismod ante a ultrices;
  • Dolor aliquet magna justo laoreet;
  • Mauris risus felisrdiet quis;
  • Lorem hendrerit risus felisrdiet.
[vc_empty_space height=»10px»][vc_toggle title=»GET SETTINGS»]
VC Element: «Fancy List»

List style: Unorderd

Bullet position: Middle

Dividers: Hide

[/vc_toggle][/vc_column][vc_column width=»1/2″]
  • Magna phasellus risus felisrdiet;
  • Mauris euismod ante a ultrices;
  • Aliquam aliquet quis justo laoreet;
  • Lorem hendrerit risus felisrdiet;
  • Ipsum for ante a mauris ultrices;
  • Dolor aliquet magna justo laoreet.
[vc_empty_space height=»20px»][vc_toggle title=»GET SETTINGS»]
VC Element: «Fancy List»

List style: Unorderd

Bullet position: Top

Dividers: Show

[/vc_toggle][/vc_column][/vc_row][vc_row margin_bottom=»45″][vc_column][vc_column_text]

Ordered list

[/vc_column_text][/vc_column][/vc_row][vc_row margin_bottom=»100″][vc_column width=»1/2″]

  • Magna phasellus risus;
  • Mauris ante a mauris ultrices;
  • Aliquam justo laoreet;
  • Lorem hendrerit risus;
  • Ipsum euismod ante a ultrices;
  • Dolor aliq magna laoreet;
  • Lorem glavrida dolor amet.
[vc_empty_space height=»20px»][vc_toggle title=»GET SETTINGS»]
VC Element: «Fancy List»

List style: Ordered (Numbers)

Bullet position: Top

Dividers: Hide

[/vc_toggle][/vc_column][vc_column width=»1/2″]
  • Magna phasellus risus;
  • Mauris ante a mauris ultrices;
  • Aliquam justo laoreet;
  • Lorem hendrerit risus;
  • Ipsum euismod ante a ultrices;
  • Dolor aliq magna laoreet.
[vc_toggle title=»GET SETTINGS»]
VC Element: «Fancy List»

List style: Ordered (Numbers)

Bullet position: Top

Dividers: Show

[/vc_toggle][/vc_column][/vc_row][vc_row margin_bottom=»45″][vc_column][vc_column_text]

Plain list

[/vc_column_text][/vc_column][/vc_row][vc_row margin_bottom=»100″][vc_column width=»1/2″]

  • Magna phase euismod ante;
  • Mauris ante a mauris ultrices;
  • Aliquam aliquet quis justo laoreet;
  • Lorem hendrerit risus felisrdiet;
  • Ipsum for ante a mauris ultrices;
  • Dolor aliquet magna justo laoreet;
  • Mauris risus magna quis;
  • Lorem hendrerit risus felisrdiet.
[vc_empty_space height=»10px»][vc_toggle title=»GET SETTINGS»]
VC Element: «Fancy List»

List style: No bullets

Bullet position: Middle

Dividers: Hide

Content:

<ul class="fa-ul">
<li><i class="fa-li fa fa-check-square"></i>Magna phase euismod ante;</li>
<li><i class="fa-li fa fa-check-square"></i>Mauris ante a mauris ultrices;</li>
</ul>


[/vc_toggle][/vc_column][vc_column width=»1/2″]
  • Magna phasellus risus;
  • Mauris ante a mauris ultrices;
  • Aliquam justo laoreet;
  • Lorem hendrerit risus;
  • Ipsum euismod ante a ultrices;
  • Dolor aliq magna laoreet.
[vc_empty_space height=»20px»][vc_toggle title=»GET SETTINGS»]
VC Element: «Fancy List»

List style: No bullets

Bullet position: Top

Dividers: Show

[/vc_toggle][/vc_column][/vc_row][vc_row margin_bottom=»45″][vc_column][vc_column_text]

List with images

[/vc_column_text][/vc_column][/vc_row][vc_row margin_bottom=»100″][vc_column width=»1/2″][vc_column_text]

  • List item image
    Dolor ornare aptent taciti sociosqu ad litora
  • List item image
    Nulla arnare is lass aptent tacitid litora
  • List item image
    Wael ni ornare venen eu mauris litora
  • List item image
    Ornare is lass aptent taciti sociosqu ad litora
[/vc_column_text][vc_empty_space height=»10px»][vc_toggle title=»GET SETTINGS»]

[dt_list style="3" bullet_position="top" dividers="true"]

[dt_list_item image="http://the7.dream-demo.com/wp-content/uploads/2014/04/flat-icon-01.png"]Dolor ornare aptent taciti sociosqu ad litora[/dt_list_item]

[/dt_list]

[/vc_toggle][/vc_column][vc_column width=»1/2″][vc_column_text]
  • List item image
    Dolor ornare aptent taciti sociosqu ad litora
  • List item image
    Nulla arnare is lass aptent tacitid litora
  • List item image
    Wael ni ornare venen eu mauris litora
  • List item image
    Ornare is lass aptent taciti sociosqu ad litora
[/vc_column_text][vc_empty_space height=»50px»][vc_toggle title=»GET SETTINGS»]

[dt_list style="3" bullet_position="top" dividers="false"]

[dt_list_item image="http://the7.dream-demo.com/wp-content/uploads/2014/04/flat-icon-01.png"]Dolor ornare aptent taciti sociosqu ad litora[/dt_list_item]

[/dt_list]

[/vc_toggle][/vc_column][/vc_row][vc_row margin_bottom=»45″][vc_column][vc_column_text]

List with iconfont

[/vc_column_text][/vc_column][/vc_row][vc_row margin_bottom=»100″][vc_column width=»1/2″][vc_column_text]

  • Magna phase euismod ante;
  • Mauris ante a mauris ultrices;
  • Aliquam aliquet quis justo laoreet;
  • Lorem hendrerit risus felisrdiet;
  • Ipsum for ante a mauris ultrices;
  • Dolor aliquet magna justo laoreet;
  • Mauris risus magna quis;
  • Lorem hendrerit risus felisrdiet.

[/vc_column_text][vc_empty_space height=»20px»][vc_toggle title=»GET SETTINGS»]

<ul class="fa-ul">
<li><i class="fa-li fa fa-check-square"></i>Magna phase euismod ante;</li>
<li><i class="fa-li fa fa-check-square"></i>Mauris ante a mauris ultrices;</li>
<li><i class="fa-li fa fa-check-square"></i>Aliquam aliquet quis justo laoreet;</li>
<li><i class="fa-li fa fa-check-square"></i>Lorem hendrerit risus felisrdiet;</li>
<li><i class="fa-li fa fa-check-square"></i>Ipsum for ante a mauris ultrices;</li>
<li><i class="fa-li fa fa-check-square"></i>Dolor aliquet magna justo laoreet;</li>
<li><i class="fa-li fa fa-check-square"></i>Mauris risus magna quis;</li>
<li><i class="fa-li fa fa-check-square"></i>Lorem hendrerit risus felisrdiet.</li>
</ul>

[/vc_toggle][/vc_column][vc_column width=»1/2″][vc_column_text]

  • Magna phase euismod ante;
  • Mauris ante a mauris ultrices;
  • Aliquam aliquet quis justo laoreet;
  • Lorem hendrerit risus felisrdiet;
  • Ipsum for ante a mauris ultrices;
  • Dolor aliquet magna justo laoreet;
  • Mauris risus magna quis;
  • Lorem hendrerit risus felisrdiet.

[/vc_column_text][vc_empty_space height=»20px»][vc_toggle title=»GET SETTINGS»]

<ul class="fa-ul">
<li><i class="fa-li fa fa-camera"></i>Magna phase euismod ante;</li>
<li><i class="fa-li fa fa-taxi"></i>Mauris ante a mauris ultrices;</li>
<li><i class="fa-li fa fa-coffee"></i>Aliquam aliquet quis justo laoreet;</li>
<li><i class="fa-li fa fa-pie-chart"></i>Lorem hendrerit risus felisrdiet;</li>
<li><i class="fa-li fa fa fa-heart"></i>Ipsum for ante a mauris ultrices;</li>
<li><i class="fa-li fa fa-cog"></i>Dolor aliquet magna justo laoreet;</li>
<li><i class="fa-li fa fa-rocket"></i>Mauris risus magna quis;</li>
<li><i class="fa-li fa fa-suitcase"></i>Lorem hendrerit risus felisrdiet.</li>
</ul>

[/vc_toggle][/vc_column][/vc_row][vc_row margin_bottom=»45″][vc_column][vc_column_text]

Text shortcode syntax

[/vc_column_text][/vc_column][/vc_row][vc_row margin_bottom=»10″][vc_column][vc_column_text]

[dt_list style="1 / 2 / 3" bullet_position="middle / top" dividers="true / false"]

[dt_list_item image="http://your-site.com/image-01.png"]CONTENT[/dt_list_item]

[dt_list_item image="http://your-site.com/image-02.png"]CONTENT[/dt_list_item]

[dt_list_item image="http://your-site.com/image-03.png"]CONTENT[/dt_list_item]

[/dt_list]

[/vc_column_text][/vc_column][/vc_row]