Buttons & Lists

[dt_sc_h2 class=”hr-title” title=”Buttons”]
[dt_sc_one_third first]

[dt_sc_button size=”small” target=”_blank”]Small Button[/dt_sc_button]

[dt_sc_clear]

[dt_sc_button size=”medium” target=”_blank”]Medium Button[/dt_sc_button]

[dt_sc_clear]

[dt_sc_button size=”large” target=”_blank”]Large Button[/dt_sc_button]

[dt_sc_clear]

[dt_sc_button size=”xlarge” target=”_blank”]XLarge Button[/dt_sc_button]

[/dt_sc_one_third]
[dt_sc_one_third]

[dt_sc_button size=”small” target=”_blank” variation=”chocolate” ]Small Button[/dt_sc_button]

[dt_sc_clear]

[dt_sc_button size=”medium” target=”_blank” variation=”chocolate” ]Medium Button[/dt_sc_button]

[dt_sc_clear]

[dt_sc_button size=”large” target=”_blank” variation=”chocolate”]Large Button[/dt_sc_button]

[dt_sc_clear]

[dt_sc_button size=”xlarge” target=”_blank” variation=”chocolate”]XLarge Button[/dt_sc_button]

[/dt_sc_one_third]
[dt_sc_one_third]

[dt_sc_button size=”small” target=”_blank” variation=”coral” ]Small Button[/dt_sc_button]

[dt_sc_clear]

[dt_sc_button size=”medium” target=”_blank” variation=”coral” ]Medium Button[/dt_sc_button]

[dt_sc_clear]

[dt_sc_button size=”large” target=”_blank” variation=”coral”]Large Button[/dt_sc_button]

[dt_sc_clear]

[dt_sc_button size=”xlarge” target=”_blank” variation=”coral”]XLarge Button[/dt_sc_button]

[/dt_sc_one_third]

[dt_sc_hr_invisible]
[dt_sc_clear]
[dt_sc_h2 class=”hr-title” title=”Buttons with Icon Type I”]

[dt_sc_one_third first]

[dt_sc_button type=”with-icon-type1″ icon=”fa-home” size=”small” target=”_blank”]Small Button[/dt_sc_button][dt_sc_clear]

[dt_sc_button type=”with-icon-type1″ icon=”fa-home” size=”medium” target=”_blank”]Medium Button[/dt_sc_button][dt_sc_clear]

[dt_sc_button type=”with-icon-type1″ icon=”fa-home” size=”large” target=”_blank”]Large Button[/dt_sc_button][dt_sc_clear]

[dt_sc_button type=”with-icon-type1″ icon=”fa-home” size=”xlarge” target=”_blank”]XLarge Button[/dt_sc_button]

[/dt_sc_one_third]
[dt_sc_one_third]

[dt_sc_button type=”with-icon-type1″ icon=”fa-smile-o” variation=”chocolate” size=”small” target=”_blank”]Small Button[/dt_sc_button][dt_sc_clear]

[dt_sc_button type=”with-icon-type1″ icon=”fa-smile-o” variation=”chocolate” size=”medium” target=”_blank”]Medium Button[/dt_sc_button][dt_sc_clear]

[dt_sc_button type=”with-icon-type1″ icon=”fa-smile-o” variation=”chocolate” size=”large” target=”_blank”]Large Button[/dt_sc_button][dt_sc_clear]

[dt_sc_button type=”with-icon-type1″ icon=”fa-smile-o” variation=”chocolate” size=”xlarge” target=”_blank”]XLarge Button[/dt_sc_button]

[/dt_sc_one_third]
[dt_sc_one_third]

[dt_sc_button type=”with-icon-type1″ icon=”fa-sun-o” variation=”coral” size=”small” target=”_blank”]Small Button[/dt_sc_button][dt_sc_clear]

[dt_sc_button type=”with-icon-type1″ icon=”fa-sun-o” variation=”coral” size=”medium” target=”_blank”]Medium Button[/dt_sc_button][dt_sc_clear]

[dt_sc_button type=”with-icon-type1″ icon=”fa-sun-o” variation=”coral” size=”large” target=”_blank”]Large Button[/dt_sc_button][dt_sc_clear]

[dt_sc_button type=”with-icon-type1″ icon=”fa-sun-o” variation=”coral” size=”xlarge” target=”_blank”]XLarge Button[/dt_sc_button]

[/dt_sc_one_third]
[dt_sc_hr_invisible]
[dt_sc_clear]
[dt_sc_h2 class=”hr-title” title=”Buttons with Icon Type II”]

[dt_sc_one_third first]

[dt_sc_button type=”with-icon-type2″ icon=”fa-home” size=”small” target=”_blank”]Small Button[/dt_sc_button][dt_sc_clear]

[dt_sc_button type=”with-icon-type2″ icon=”fa-home” size=”medium” target=”_blank”]Medium Button[/dt_sc_button][dt_sc_clear]

[dt_sc_button type=”with-icon-type2″ icon=”fa-home” size=”large” target=”_blank”]Large Button[/dt_sc_button][dt_sc_clear]

[dt_sc_button type=”with-icon-type2″ icon=”fa-home” size=”xlarge” target=”_blank”]XLarge Button[/dt_sc_button]

[/dt_sc_one_third]
[dt_sc_one_third]

[dt_sc_button type=”with-icon-type2″ icon=”fa-smile-o” variation=”chocolate” size=”small” target=”_blank”]Small Button[/dt_sc_button][dt_sc_clear]

[dt_sc_button type=”with-icon-type2″ icon=”fa-smile-o” variation=”chocolate” size=”medium” target=”_blank”]Medium Button[/dt_sc_button][dt_sc_clear]

[dt_sc_button type=”with-icon-type2″ icon=”fa-smile-o” variation=”chocolate” size=”large” target=”_blank”]Large Button[/dt_sc_button][dt_sc_clear]

[dt_sc_button type=”with-icon-type2″ icon=”fa-smile-o” variation=”chocolate” size=”xlarge” target=”_blank”]XLarge Button[/dt_sc_button]

[/dt_sc_one_third]
[dt_sc_one_third]

[dt_sc_button type=”with-icon-type2″ icon=”fa-sun-o” variation=”coral” size=”small” target=”_blank”]Small Button[/dt_sc_button][dt_sc_clear]

[dt_sc_button type=”with-icon-type2″ icon=”fa-sun-o” variation=”coral” size=”medium” target=”_blank”]Medium Button[/dt_sc_button][dt_sc_clear]

[dt_sc_button type=”with-icon-type2″ icon=”fa-sun-o” variation=”coral” size=”large” target=”_blank”]Large Button[/dt_sc_button][dt_sc_clear]

[dt_sc_button type=”with-icon-type2″ icon=”fa-sun-o” variation=”coral” size=”xlarge” target=”_blank”]XLarge Button[/dt_sc_button]

[/dt_sc_one_third]
[dt_sc_hr_invisible]
[dt_sc_clear]

[dt_sc_h2 class=”hr-title” title=”Ordered Lists”]
[dt_sc_one_third first][dt_sc_fancy_ol style=”decimal” variation=”blue”]

  1. Lorem ipsum dolor sit
  2. Praesent convallis nibh
  3. Nullam ac sapien sit
  4. Phasellus auctor augue

[/dt_sc_fancy_ol] [/dt_sc_one_third]
[dt_sc_one_third][dt_sc_fancy_ol style=”decimal-leading-zero” variation=”chocolate”]

  1. Lorem ipsum dolor sit
  2. Praesent convallis nibh
  3. Nullam ac sapien sit
  4. Phasellus auctor augue

[/dt_sc_fancy_ol] [/dt_sc_one_third]
[dt_sc_one_third][dt_sc_fancy_ol style=”lower-alpha” variation=”coral”]

  1. Lorem ipsum dolor sit
  2. Praesent convallis nibh
  3. Nullam ac sapien sit
  4. Phasellus auctor augue

[/dt_sc_fancy_ol] [/dt_sc_one_third]

[dt_sc_one_third first][dt_sc_fancy_ol style=”lower-roman” variation=”cyan”]

  1. Lorem ipsum dolor sit
  2. Praesent convallis nibh
  3. Nullam ac sapien sit
  4. Phasellus auctor augue

[/dt_sc_fancy_ol] [/dt_sc_one_third]
[dt_sc_one_third][dt_sc_fancy_ol style=”upper-alpha” variation=”eggplant”]

  1. Lorem ipsum dolor sit
  2. Praesent convallis nibh
  3. Nullam ac sapien sit
  4. Phasellus auctor augue

[/dt_sc_fancy_ol] [/dt_sc_one_third]
[dt_sc_one_third][dt_sc_fancy_ol style=”upper-roman” variation=”khaki”]

  1. Lorem ipsum dolor sit
  2. Praesent convallis nibh
  3. Nullam ac sapien sit
  4. Phasellus auctor augue

[/dt_sc_fancy_ol] [/dt_sc_one_third]

[dt_sc_hr_invisible]
[dt_sc_clear]
[dt_sc_h2 class=”hr-title” title=”Unordered Lists”]
[dt_sc_one_fourth first][dt_sc_fancy_ul style=”arrow” variation=”ferngreen”]

  • Lorem ipsum dolor sit
  • Praesent convallis nibh
  • Nullam ac sapien sit
  • Phasellus auctor augue

[/dt_sc_fancy_ul] [/dt_sc_one_fourth]
[dt_sc_one_fourth][dt_sc_fancy_ul style=”rounded-arrow” variation=”green”]

  • Lorem ipsum dolor sit
  • Praesent convallis nibh
  • Nullam ac sapien sit
  • Phasellus auctor augue

[/dt_sc_fancy_ul] [/dt_sc_one_fourth]
[dt_sc_one_fourth][dt_sc_fancy_ul style=”tick” variation=”khaki”]

  • Lorem ipsum dolor sit
  • Praesent convallis nibh
  • Nullam ac sapien sit
  • Phasellus auctor augue

[/dt_sc_fancy_ul] [/dt_sc_one_fourth]
[dt_sc_one_fourth][dt_sc_fancy_ul style=”rounded-info” variation=”ocean”]

  • Lorem ipsum dolor sit
  • Praesent convallis nibh
  • Nullam ac sapien sit
  • Phasellus auctor augue

[/dt_sc_fancy_ul] [/dt_sc_one_fourth]

[dt_sc_hr_invisible]
[dt_sc_clear]
[dt_sc_h2 class=”hr-title” title=”Manual Lists”]
[dt_sc_one_half first][dt_sc_manual_list type=’type1′]

  • [dt_sc_box]1[/dt_sc_box]Beauty Therapy
  • [dt_sc_box]2[/dt_sc_box]Spa & Body Massage
  • [dt_sc_box]3[/dt_sc_box]Hair Care

[/dt_sc_manual_list][/dt_sc_one_half]
[dt_sc_one_fourth][dt_sc_manual_list type=’type2′]

  • [dt_sc_box]1[/dt_sc_box]Beauty Therapy
  • [dt_sc_box]2[/dt_sc_box]Spa Treatments
  • [dt_sc_box]3[/dt_sc_box]Body Massage
  • [dt_sc_box]4[/dt_sc_box]Hair Care
  • [dt_sc_box]5[/dt_sc_box]Spa Stone Therapy

[/dt_sc_manual_list][/dt_sc_one_fourth]

[dt_sc_one_fourth][dt_sc_manual_list type=’type2′]

  • [dt_sc_box]6[/dt_sc_box]AromaTherapy
  • [dt_sc_box]7[/dt_sc_box]Facials
  • [dt_sc_box]8[/dt_sc_box]Herbal Therapy
  • [dt_sc_box]9[/dt_sc_box]Goodness of Therapy
  • [dt_sc_box]10[/dt_sc_box]Praesent convallis nibh

[/dt_sc_manual_list][/dt_sc_one_fourth]

[dt_sc_hr_invisible]
[dt_sc_clear]
[dt_sc_h2 class=”hr-title” title=”Custom Font Awesome Icon Lists”]
[dt_sc_one_half first]
[list_with_font_awesome_icons style=”type2″]

  • [font_awesome_icon class=”fa-leaf”] Created from natural herbs – Ginseng roots extract
  • [font_awesome_icon class=”fa-heart”] 100% safe for your skin
  • [font_awesome_icon class=”fa-shield”] Quality product from SpaLabs
  • [font_awesome_icon class=”fa-user-md”] Created by Medical Professionals of Spa Lab

[/list_with_font_awesome_icons]
[/dt_sc_one_half]
[dt_sc_one_half]
[list_with_font_awesome_icons style=”type2″]

  • [font_awesome_icon class=”fa-fire”] Created from natural herbs – Ginseng roots extract
  • [font_awesome_icon class=”fa-globe”] 100% safe for your skin
  • [font_awesome_icon class=”fa-dashboard”] Quality product from SpaLabs
  • [font_awesome_icon class=”fa-gift”] Created by Medical Professionals of Spa Lab

[/list_with_font_awesome_icons]
[/dt_sc_one_half]

Leave a Reply

Scroll to Top