Buttons & Lists

Buttons Styles

title-line

Without Icon

[dt_sc_button title=”Click Here” style=”filled” animation=”flash” hanimate=”dt-sc-expand dt-sc-expand-vertical”][dt_sc_hr_custom][dt_sc_button title=”Click Here” size=”medium” style=”filled” hanimate=”dt-sc-expand dt-sc-expand-vertical”][dt_sc_hr_custom][dt_sc_button title=”Click Here” size=”large” style=”filled” hanimate=”dt-sc-expand dt-sc-expand-vertical”][dt_sc_hr_custom][dt_sc_button title=”Click Here” size=”xlarge” style=”filled” hanimate=”dt-sc-expand dt-sc-expand-vertical”]
[dt_sc_button title=”Click Here” style=”filled” hanimate=”dt-sc-expand dt-sc-expand-middle”][dt_sc_hr_custom][dt_sc_button title=”Click Here” size=”medium” style=”filled” hanimate=”dt-sc-expand dt-sc-expand-middle”][dt_sc_hr_custom][dt_sc_button title=”Click Here” size=”large” style=”filled” hanimate=”dt-sc-expand dt-sc-expand-middle”][dt_sc_hr_custom][dt_sc_button title=”Click Here” size=”xlarge” style=”filled” hanimate=”dt-sc-expand dt-sc-expand-middle”]
[dt_sc_button title=”Click Here” style=”filled” hanimate=”dt-sc-expand dt-sc-expand-horizontal”][dt_sc_hr_custom][dt_sc_button title=”Click Here” size=”medium” style=”filled” hanimate=”dt-sc-expand dt-sc-expand-horizontal”][dt_sc_hr_custom][dt_sc_button title=”Click Here” size=”large” style=”filled” hanimate=”dt-sc-expand dt-sc-expand-horizontal”][dt_sc_hr_custom][dt_sc_button title=”Click Here” size=”xlarge” style=”filled” hanimate=”dt-sc-expand dt-sc-expand-horizontal”]

With Icon

[dt_sc_button title=”Click Here” style=”filled” icon_type=”fontawesome” iconalign=”icon-left with-icon” hanimate=”dt-sc-expand dt-sc-expand-vertical” iconclass=”fa fa-paint-brush”][dt_sc_hr_custom][dt_sc_button title=”Click Here” size=”medium” style=”filled” icon_type=”fontawesome” iconalign=”icon-left with-icon” hanimate=”dt-sc-expand dt-sc-expand-vertical” iconclass=”fa fa-paint-brush”][dt_sc_hr_custom][dt_sc_button title=”Click Here” size=”large” style=”filled” icon_type=”fontawesome” iconalign=”icon-left with-icon” hanimate=”dt-sc-expand dt-sc-expand-vertical” iconclass=”fa fa-paint-brush”][dt_sc_hr_custom][dt_sc_button title=”Click Here” size=”xlarge” style=”filled” icon_type=”fontawesome” iconalign=”icon-left with-icon” hanimate=”dt-sc-expand dt-sc-expand-vertical” iconclass=”fa fa-paint-brush”]
[dt_sc_button title=”Click Here” style=”filled” icon_type=”fontawesome” iconalign=”icon-left with-icon” animation=”flash” hanimate=”dt-sc-expand dt-sc-expand-middle” iconclass=”fa fa-paint-brush”][dt_sc_hr_custom][dt_sc_button title=”Click Here” size=”medium” style=”filled” icon_type=”fontawesome” iconalign=”icon-left with-icon” hanimate=”dt-sc-expand dt-sc-expand-middle” iconclass=”fa fa-paint-brush”][dt_sc_hr_custom][dt_sc_button title=”Click Here” size=”large” style=”filled” icon_type=”fontawesome” iconalign=”icon-left with-icon” hanimate=”dt-sc-expand dt-sc-expand-middle” iconclass=”fa fa-paint-brush”][dt_sc_hr_custom][dt_sc_button title=”Click Here” size=”xlarge” style=”filled” icon_type=”fontawesome” iconalign=”icon-left with-icon” hanimate=”dt-sc-expand dt-sc-expand-middle” iconclass=”fa fa-paint-brush”]
[dt_sc_button title=”Click Here” style=”filled” icon_type=”fontawesome” iconalign=”icon-left with-icon” hanimate=”dt-sc-expand dt-sc-expand-horizontal” iconclass=”fa fa-paint-brush”][dt_sc_hr_custom][dt_sc_button title=”Click Here” size=”medium” style=”filled” icon_type=”fontawesome” iconalign=”icon-left with-icon” hanimate=”dt-sc-expand dt-sc-expand-horizontal” iconclass=”fa fa-paint-brush”][dt_sc_hr_custom][dt_sc_button title=”Click Here” size=”large” style=”filled” icon_type=”fontawesome” iconalign=”icon-left with-icon” hanimate=”dt-sc-expand dt-sc-expand-horizontal” iconclass=”fa fa-paint-brush”][dt_sc_hr_custom][dt_sc_button title=”Click Here” size=”xlarge” style=”filled” icon_type=”fontawesome” iconalign=”icon-left with-icon” hanimate=”dt-sc-expand dt-sc-expand-horizontal” iconclass=”fa fa-paint-brush”]

Ordered Lists

title-line
[dt_sc_fancy_ol]

  1. Lorem ipsum dolor sit consectetur elit
  2. Integer pretium mauris non sem ultrices
  3. Quisque nec augue nec ligula suscipit
  4. Curabitur sed purus fringilla, laoreet

[/dt_sc_fancy_ol][dt_sc_fancy_ol style=”decimal-leading-zero”]

  1. Lorem ipsum dolor sit consectetur elit
  2. Integer pretium mauris non sem ultrices
  3. Quisque nec augue nec ligula suscipit
  4. Curabitur sed purus fringilla, laoreet

[/dt_sc_fancy_ol]

[dt_sc_fancy_ol style=”lower-roman”]

  1. Lorem ipsum dolor sit consectetur elit
  2. Integer pretium mauris non sem ultrices
  3. Quisque nec augue nec ligula suscipit
  4. Curabitur sed purus fringilla, laoreet

[/dt_sc_fancy_ol][dt_sc_fancy_ol style=”upper-roman”]

  1. Lorem ipsum dolor sit consectetur elit
  2. Integer pretium mauris non sem ultrices
  3. Quisque nec augue nec ligula suscipit
  4. Curabitur sed purus fringilla, laoreet

[/dt_sc_fancy_ol]

[dt_sc_fancy_ol style=”lower-alpha”]

  1. Lorem ipsum dolor sit consectetur elit
  2. Integer pretium mauris non sem ultrices
  3. Quisque nec augue nec ligula suscipit
  4. Curabitur sed purus fringilla, laoreet

[/dt_sc_fancy_ol][dt_sc_fancy_ol style=”upper-alpha”]

  1. Lorem ipsum dolor sit consectetur elit
  2. Integer pretium mauris non sem ultrices
  3. Quisque nec augue nec ligula suscipit
  4. Curabitur sed purus fringilla, laoreet

[/dt_sc_fancy_ol]

Unordered Lists

title-line
[dt_sc_fancy_ul style=”map-marker”]

  • Lorem ipsum dolor sit consectetur elit
  • Integer pretium mauris non sem ultrices
  • Quisque nec augue nec ligula suscipit
  • Curabitur sed purus fringilla, laoreet

[/dt_sc_fancy_ul]

[dt_sc_fancy_ul style=”pushpin”]

  • Lorem ipsum dolor sit consectetur elit
  • Integer pretium mauris non sem ultrices
  • Quisque nec augue nec ligula suscipit
  • Curabitur sed purus fringilla, laoreet

[/dt_sc_fancy_ul]

[dt_sc_fancy_ul style=”pencil”]

  • Lorem ipsum dolor sit consectetur elit
  • Integer pretium mauris non sem ultrices
  • Quisque nec augue nec ligula suscipit
  • Curabitur sed purus fringilla, laoreet

[/dt_sc_fancy_ul]

[dt_sc_fancy_ul style=”star”]

  • Lorem ipsum dolor sit consectetur elit
  • Integer pretium mauris non sem ultrices
  • Quisque nec augue nec ligula suscipit
  • Curabitur sed purus fringilla, laoreet

[/dt_sc_fancy_ul]

[dt_sc_fancy_ul style=”paper-clip”]

  • Lorem ipsum dolor sit consectetur elit
  • Integer pretium mauris non sem ultrices
  • Quisque nec augue nec ligula suscipit
  • Curabitur sed purus fringilla, laoreet

[/dt_sc_fancy_ul]

[dt_sc_fancy_ul style=”trash”]

  • Lorem ipsum dolor sit consectetur elit
  • Integer pretium mauris non sem ultrices
  • Quisque nec augue nec ligula suscipit
  • Curabitur sed purus fringilla, laoreet

[/dt_sc_fancy_ul]

[dt_sc_fancy_ul style=”key”]

  • Lorem ipsum dolor sit consectetur elit
  • Integer pretium mauris non sem ultrices
  • Quisque nec augue nec ligula suscipit
  • Curabitur sed purus fringilla, laoreet

[/dt_sc_fancy_ul]

[dt_sc_fancy_ul style=”warning”]

  • Lorem ipsum dolor sit consectetur elit
  • Integer pretium mauris non sem ultrices
  • Quisque nec augue nec ligula suscipit
  • Curabitur sed purus fringilla, laoreet

[/dt_sc_fancy_ul]