Select Page

Buttons

Solid

Lorem ipsum dolor sit amet, rutrum aliquet taciti vel, nunc sed nec neque eleifend sed tellus, sociis consectetuer donec vulputate suspendisse, duis lorem vitae sed litora elit.

[mkd_button size=”” type=”” hover_type=”” target=”_self” icon_pack=”” font_weight=”” text=”Learn More”]

Outline

Lorem ipsum dolor sit amet, rutrum aliquet taciti vel, nunc sed nec neque eleifend sed tellus, sociis consectetuer donec vulputate suspendisse, duis lorem vitae sed litora elit.

[mkd_button size=”” type=”solid” hover_type=”outline” target=”_self” icon_pack=”” hover_animation=”disable” font_weight=”” text=”Learn More” color=”#3498db” hover_background_color=”#3498db” border_color=”#3498db” hover_border_color=”#3498db” background_color=”#ffffff” hover_color=”#ffffff”]

Transparent

Lorem ipsum dolor sit amet, rutrum aliquet taciti vel, nunc sed nec neque eleifend sed tellus, sociis consectetuer donec vulputate suspendisse, duis lorem vitae sed litora elit.

[mkd_button size=”large” type=”transparent” hover_type=”white” target=”_self” icon_pack=”linear_icons” linear_icon=”lnr-arrow-right” icon_position=”left” font_weight=”” text=”Learn More” link=”#” margin=”0″]

Small

Lorem ipsum dolor sit amet, rutrum aliquet taciti vel, nunc sed nec neque eleifend sed tellus, sociis consectetuer donec vulputate suspendisse, duis lorem vitae sed litora elit.

[mkd_button size=”small” type=”solid” hover_type=”” target=”_self” icon_pack=”” hover_animation=”disable” font_weight=”” text=”Learn More”]

Medium

Lorem ipsum dolor sit amet, rutrum aliquet taciti vel, nunc sed nec neque eleifend sed tellus, sociis consectetuer donec vulputate suspendisse, duis lorem vitae sed litora elit.

[mkd_button size=”medium” type=”solid” hover_type=”outline” target=”_self” icon_pack=”” hover_animation=”disable” font_weight=”” text=”Learn More”]

Large

Lorem ipsum dolor sit amet, rutrum aliquet taciti vel, nunc sed nec neque eleifend sed tellus, sociis consectetuer donec vulputate suspendisse, duis lorem vitae sed litora elit.

[mkd_button size=”large” type=”solid” hover_type=”” target=”_self” icon_pack=”” hover_animation=”disable” font_weight=”” text=”Learn More” color=”#ffffff” hover_background_color=”#ffffff” background_color=”#3498db” hover_color=”#3498db”]