Loading... Loading...

Buttons and Icons

[uxb_heading text=”Buttons” type=”h2″ has_line=”true” icon_size=”16″]
[uxb_heading text=”Small” type=”h3″ has_line=”false” icon_size=”16″][uxb_button button_text=”Click me” link=”#” button_size=”small”][uxb_button button_text=”Click me” link=”#” button_size=”small” button_border=”radius”][uxb_button button_text=”Click me” link=”#” button_size=”small” button_border=”round”]
[uxb_heading text=”Medium” type=”h3″ has_line=”false” icon_size=”16″][uxb_button button_text=”Click me” link=”#”][uxb_button button_text=”Click me” link=”#” button_border=”radius”][uxb_button button_text=”Click me” link=”#” button_border=”round”]
[uxb_heading text=”Large” type=”h3″ has_line=”false” icon_size=”16″][uxb_button button_text=”Click me” link=”#” button_size=”large”][uxb_button button_text=”Click me” link=”#” button_size=”large” button_border=”radius”][uxb_button button_text=”Click me” link=”#” button_size=”large” button_border=”round”]
[uxb_heading text=”With Icons” type=”h3″ has_line=”false” icon_size=”16″][uxb_button button_text=”Click me” link=”#” button_size=”small” icon=” icon-save”][uxb_button button_text=”Click me” link=”#” button_border=”radius” icon=” icon-tags”][uxb_button button_text=”Click me” link=”#” button_size=”large” button_border=”round” icon=” icon-heart”]
[uxb_heading text=”Various Colors” type=”h3″ has_line=”false” icon_size=”16″][uxb_button button_text=”Click me” link=”#” button_color=”secondary”][uxb_button button_text=”Click me” link=”#” button_color=”alert” button_border=”radius”][uxb_button button_text=”Click me” link=”#” button_color=”success” button_border=”round”][uxb_button button_text=”Click me” link=”#” button_color=”custom” button_custom_color=”#960f99″][uxb_button button_text=”Click me” link=”#” button_color=”custom” button_custom_color=”#dd9933″][uxb_button button_text=”Click me” link=”#” button_color=”custom” button_custom_color=”#7f5500″][uxb_button button_text=”Click me” link=”#” button_color=”custom” button_custom_color=”#dd23ce”][uxb_button button_text=”Click me” link=”#” button_color=”custom” button_custom_color=”#16bf81″]
[uxb_heading text=”Fit The Column” type=”h3″ has_line=”false” icon_size=”16″][uxb_button button_text=”Click me” link=”#” button_size=”small” expanded=”true”][uxb_button button_text=”Click me” link=”#” button_border=”radius” expanded=”true”][uxb_button button_text=”Click me” link=”#” button_size=”large” button_border=”round” expanded=”true”]
[uxb_heading text=”Icons” type=”h2″ has_line=”true” icon_size=”30″ icon_color=”#dd3333″]

Below are some example of icon usage.

[uxb_icon code=”icon-question-sign” size=”60″ color=”#5b5b5b” alignment=”normal-align-center”]

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

[uxb_icon code=” icon-tint” size=”60″ color=”#1e73be” alignment=”normal-align-center”]

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

[uxb_icon code=”icon-thumbs-up” size=”60″ color=”#61a008″ alignment=”normal-align-center”]

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.