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]

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *