Buttons

[dt_sc_h3]Animating Buttons[/dt_sc_h3]

[dt_sc_one_fourth first type =” type1″]

[dt_sc_button type=”type1″ iconstyle=”no-icon” size=”small” target=”_blank”]Small Button[/dt_sc_button]

[dt_sc_clear]

[dt_sc_button type=”type1″ iconstyle=”no-icon” size=”medium” target=”_blank”]Medium Button[/dt_sc_button]

[dt_sc_clear]

[dt_sc_button type=”type1″ iconstyle=”no-icon” size=”large” target=”_blank”]Large Button[/dt_sc_button]

[dt_sc_clear]

[dt_sc_button type=”type1″ iconstyle=”no-icon” size=”xlarge” target=”_blank”]Xlarge Button[/dt_sc_button]

[/dt_sc_one_fourth]
[dt_sc_one_fourth type =” type1″]

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

[dt_sc_clear]

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

[dt_sc_clear]

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

[dt_sc_clear]

[dt_sc_button type=”type1″ iconstyle=”with-icon” icon=”fa fa-trophy” size=”xlarge” target=”_blank”]Xlarge Button[/dt_sc_button]

[/dt_sc_one_fourth]
[dt_sc_one_fourth type =” type1″]

[dt_sc_button type=”type2″ iconstyle=”no-icon” size=”small” target=”_blank”]Small Button[/dt_sc_button]

[dt_sc_clear]

[dt_sc_button type=”type2″ iconstyle=”no-icon” size=”medium” target=”_blank”]Medium Button[/dt_sc_button]

[dt_sc_clear]

[dt_sc_button type=”type2″ iconstyle=”no-icon” size=”large” target=”_blank”]Large Button[/dt_sc_button]

[dt_sc_clear]

[dt_sc_button type=”type2″ iconstyle=”no-icon” size=”xlarge” target=”_blank”]Xlarge Button[/dt_sc_button]

[/dt_sc_one_fourth]
[dt_sc_one_fourth type =” type1″]

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

[dt_sc_clear]

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

[dt_sc_clear]

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

[dt_sc_clear]

[dt_sc_button type=”type2″ iconstyle=”with-icon” icon=”fa fa-trophy” size=”xlarge” target=”_blank”]Xlarge Button[/dt_sc_button]

[/dt_sc_one_fourth]

[dt_sc_hr_invisible_medium]

[dt_sc_clear]

[dt_sc_h3] Notification Buttons [/dt_sc_h3]

[dt_sc_one_fourth first type =” type1″]

[dt_sc_notify_button type=”type1″ iconstyle=”no-icon” size=”small” variation=”info” target=”_blank”]Info[/dt_sc_notify_button]

[dt_sc_clear]

[dt_sc_notify_button type=”type1″ iconstyle=”no-icon” size=”medium” variation=”success” target=”_blank”]Success[/dt_sc_notify_button]

[dt_sc_clear]

[dt_sc_notify_button type=”type1″ iconstyle=”no-icon” icon=”Warning ” size=”large” variation=”warning” target=”_blank”]Warning[/dt_sc_notify_button]

[dt_sc_clear]

[dt_sc_notify_button type=”type1″ iconstyle=”no-icon” size=”xlarge” variation=”danger” target=”_blank”]Danger [/dt_sc_notify_button]

[/dt_sc_one_fourth]

[dt_sc_one_fourth type =” type1″]

[dt_sc_notify_button type=”type2″ iconstyle=”no-icon” size=”small” variation=”info” target=”_blank”]Info[/dt_sc_notify_button]

[dt_sc_clear]

[dt_sc_notify_button type=”type2″ iconstyle=”no-icon” size=”medium” variation=”success” target=”_blank”]Success [/dt_sc_notify_button]

[dt_sc_clear]

[dt_sc_notify_button type=”type2″ iconstyle=”no-icon” size=”large” variation=”warning” target=”_blank”]Warning[/dt_sc_notify_button]

[dt_sc_clear]

[dt_sc_notify_button type=”type2″ iconstyle=”no-icon” size=”xlarge” variation=”danger” target=”_blank”]Danger [/dt_sc_notify_button]

[/dt_sc_one_fourth]
[dt_sc_one_fourth type =” type1″]

[dt_sc_notify_button type=”type1″ iconstyle=”with-icon” icon=”fa-info-circle” size=”small” variation=”info” target=”_blank”]Info[/dt_sc_notify_button]

[dt_sc_clear]

[dt_sc_notify_button type=”type1″ iconstyle=”with-icon” icon=”fa-check-circle” size=”medium” variation=”success” target=”_blank”]Success[/dt_sc_notify_button]

[dt_sc_clear]

[dt_sc_notify_button type=”type1″ iconstyle=”with-icon” icon=”fa-exclamation-circle” size=”large” variation=”warning” target=”_blank”]Warning[/dt_sc_notify_button]

[dt_sc_clear]

[dt_sc_notify_button type=”type1″ iconstyle=”with-icon” icon=”fa-close” size=”xlarge” variation=”danger” target=”_blank”]Danger[/dt_sc_notify_button]

[/dt_sc_one_fourth]
[dt_sc_one_fourth type =” type1″]

[dt_sc_notify_button type=”type2″ iconstyle=”with-icon” icon=”fa-info-circle” size=”small” variation=”info” target=”_blank”]Info[/dt_sc_notify_button]

[dt_sc_clear]

[dt_sc_notify_button type=”type2″ iconstyle=”with-icon” icon=”fa-check-circle” size=”medium” variation=”success” target=”_blank”]Success[/dt_sc_notify_button]

[dt_sc_clear]

[dt_sc_notify_button type=”type2″ iconstyle=”with-icon” icon=”fa-exclamation-circle” size=”large” variation=”warning” target=”_blank”]Warning[/dt_sc_notify_button]

[dt_sc_clear]

[dt_sc_notify_button type=”type2″ iconstyle=”with-icon” icon=”fa-close” size=”xlarge” variation=”danger” target=”_blank”]Danger[/dt_sc_notify_button]

[/dt_sc_one_fourth]

[dt_sc_hr_invisible_medium]
[dt_sc_clear/]

[dt_sc_h2]Non Animating Buttons[/dt_sc_h2]

[dt_sc_one_fourth first type =” type1″]

[dt_sc_button type=”type1″ iconstyle=”no-icon” size=”small” target=”_blank” animation=”no-animate”]Small Button[/dt_sc_button]

[dt_sc_clear]

[dt_sc_button type=”type1″ iconstyle=”no-icon” size=”medium” target=”_blank” animation=”no-animate”]Medium Button[/dt_sc_button]

[dt_sc_clear]

[dt_sc_button type=”type1″ iconstyle=”no-icon” size=”large” target=”_blank” animation=”no-animate”]Large Button[/dt_sc_button]

[dt_sc_clear]

[dt_sc_button type=”type1″ iconstyle=”no-icon” size=”xlarge” target=”_blank” animation=”no-animate”]Xlarge Button[/dt_sc_button]

[/dt_sc_one_fourth]
[dt_sc_one_fourth type =” type1″]

[dt_sc_button type=”type1″ iconstyle=”with-icon” icon=”fa fa-trophy” size=”small” target=”_blank” animation=”no-animate”]Small Button[/dt_sc_button]

[dt_sc_clear]

[dt_sc_button type=”type1″ iconstyle=”with-icon” icon=”fa fa-trophy” size=”medium” target=”_blank” animation=”no-animate”]Medium Button[/dt_sc_button]

[dt_sc_clear]

[dt_sc_button type=”type1″ iconstyle=”with-icon” icon=”fa fa-trophy” size=”large” target=”_blank” animation=”no-animate”]Large Button[/dt_sc_button]

[dt_sc_clear]

[dt_sc_button type=”type1″ iconstyle=”with-icon” icon=”fa fa-trophy” size=”xlarge” target=”_blank” animation=”no-animate”]Xlarge Button[/dt_sc_button]

[/dt_sc_one_fourth]
[dt_sc_one_fourth type =” type1″]

[dt_sc_button type=”type2″ iconstyle=”no-icon” size=”small” target=”_blank” animation=”no-animate”]Small Button[/dt_sc_button]

[dt_sc_clear]

[dt_sc_button type=”type2″ iconstyle=”no-icon” size=”medium” target=”_blank” animation=”no-animate”]Medium Button[/dt_sc_button]

[dt_sc_clear]

[dt_sc_button type=”type2″ iconstyle=”no-icon” size=”large” target=”_blank” animation=”no-animate”]Large Button[/dt_sc_button]

[dt_sc_clear]

[dt_sc_button type=”type2″ iconstyle=”no-icon” size=”xlarge” target=”_blank” animation=”no-animate”]Xlarge Button[/dt_sc_button]

[/dt_sc_one_fourth]
[dt_sc_one_fourth type =” type1″]

[dt_sc_button type=”type2″ iconstyle=”with-icon” icon=”fa fa-trophy” size=”small” target=”_blank” animation=”no-animate”]Small Button[/dt_sc_button]

[dt_sc_clear]

[dt_sc_button type=”type2″ iconstyle=”with-icon” icon=”fa fa-trophy” size=”medium” target=”_blank” animation=”no-animate”]Medium Button[/dt_sc_button]

[dt_sc_clear]

[dt_sc_button type=”type2″ iconstyle=”with-icon” icon=”fa fa-trophy” size=”large” target=”_blank” animation=”no-animate”]Large Button[/dt_sc_button]

[dt_sc_clear]

[dt_sc_button type=”type2″ iconstyle=”with-icon” icon=”fa fa-trophy” size=”xlarge” target=”_blank” animation=”no-animate”]Xlarge Button[/dt_sc_button]

[/dt_sc_one_fourth]

[dt_sc_hr_invisible_medium]
[dt_sc_clear/]

[dt_sc_h2]Ordered Lists[/dt_sc_h2]

[dt_sc_one_third first]
[dt_sc_fancy_ol style=”decimal” variation=”blue”]

  1. Lorem ipsum dolor sit amet, consectetur
  2. Ut semper elit sed velit venenatis, eu aliquam
  3. Donec sit amet elit semper, mattis sem
  4. In sed metus interdum, ultricies purus ac

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

  1. Aenean malesuada magna vel euismod
  2. Suspendisse euismod nulla eu auctor
  3. Vivamus accumsan nulla at arcu dapibus
  4. Vivamus tristique arcu eu nibh tempor

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

  1. Nulla condimentum nibh vitae facilisis
  2. Nam condimentum elit et nunc dapibus
  3. Cras pharetra purus in dignissim ultrices
  4. Proin ac quam ac tellus tempor bibendum

[/dt_sc_fancy_ol] [/dt_sc_one_third]

[dt_sc_clear]

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

  1. Lorem ipsum dolor sit amet, consectetur
  2. Ut semper elit sed velit venenatis, eu aliquam
  3. Donec sit amet elit semper, mattis sem
  4. In sed metus interdum, ultricies purus ac

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

  1. Aenean malesuada magna vel euismod
  2. Suspendisse euismod nulla eu auctor
  3. Vivamus accumsan nulla at arcu dapibus
  4. Vivamus tristique arcu eu nibh tempor

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

  1. Nulla condimentum nibh vitae facilisis
  2. Nam condimentum elit et nunc dapibus
  3. Cras pharetra purus in dignissim ultrices
  4. Proin ac quam ac tellus tempor bibendum

[/dt_sc_fancy_ol] [/dt_sc_one_third]
[dt_sc_clear]
[dt_sc_hr_invisible]
[dt_sc_clear/]

[dt_sc_h2]Unordered Lists[/dt_sc_h2]

[dt_sc_one_fourth first type =” type1″]

[dt_sc_fancy_ul style=”share” 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 type =” type1″]

[dt_sc_fancy_ul style=”circle-o” variation=”red”]

  • 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 type =” type1″]

[dt_sc_fancy_ul style=”key” variation=”pink”]

  • 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 type =” type1″]

[dt_sc_fancy_ul style=”download” variation=”chocolate”]

  • 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_small]

[dt_sc_one_fourth first type =” type1″]

[dt_sc_fancy_ul style=”adjust” variation=”purple”]

  • 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 type =” type1″]

[dt_sc_fancy_ul style=”external-link” variation=”skyblue”]

  • 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 type =” type1″]

[dt_sc_fancy_ul style=”comment” variation=”grey”]

  • 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 type =” type1″]

[dt_sc_fancy_ul style=”rounded-arrow” variation=”palebrown”]

  • 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_small]

[dt_sc_one_fourth first type =” type1″]

[dt_sc_fancy_ul style=”cart” variation=”orange”]

  • 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 type =” type1″]

[dt_sc_fancy_ul style=”quote” variation=”raspberry”]

  • 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 type =” type1″]

[dt_sc_fancy_ul style=”time” 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 type =” type1″]

[dt_sc_fancy_ul style=”pushpin” variation=”ocean”]

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

[/dt_sc_fancy_ul]

[/dt_sc_one_fourth]

Leave a Reply

Your email address will not be published. Required fields are marked *