Buttons

Buttons

[teaser]Create any size, shape, color buttons with just a few clicks. They are also responsive and you can also add preset icons or use your own image to represent it! Below are a couple of buttons we’ve made playing with the shortcode![/teaser]

[su_spacer size=»80″]

[su_row]
[su_column size=»1/3″]
[su_button url=»#» style=»flat» size=»5″ radius=»0″ icon=»icon: eye»]Click me![/su_button]
[su_button url=»#» background=»#ef2d5f» size=»12″ radius=»5″ icon=»icon: key» desc=»I’m more clickable!»]Click me![/su_button]
[su_button url=»#» style=»flat» background=»#efbf2d» size=»9″ radius=»0″ icon=»icon: star-o»]Hey, I’m so cool![/su_button]
[su_button url=»#» style=»bubbles» background=»#ef2d62″ size=»12″ wide=»yes» radius=»5″ icon=»icon: umbrella»]Fluid Button[/su_button]
[su_button url=»http://google.com» target=»blank» style=»3d» background=»#25e168″ size=»5″ radius=»20″ icon=»icon: flask»]Flasky[/su_button]
[su_button url=»#» style=»soft» background=»#19304a» size=»1″ radius=»0″ icon=»icon: suitcase»]Really small button[/su_button]
[su_button url=»#» style=»flat» background=»#ef5b2d» size=»14″ radius=»0″]Big fla’ button![/su_button]
[/su_column]
[su_column size=»1/3″]
[su_button url=»#» style=»stroked» background=»#d82def» size=»7″ radius=»5″ icon=»icon: road»]This way![/su_button]
[su_button url=»#» style=»3d» background=»#efb62d» size=»6″ radius=»0″ icon=»icon: lightbulb-o»]Button text[/su_button]
[su_button url=»#» style=»soft» background=»#ef7e2d» icon=»icon: star-o»]Favourite this[/su_button]
[su_button url=»#» background=»#2defbd» size=»13″ center=»yes» radius=»round» icon=»icon: align-center»]Centered[/su_button]
[su_button url=»#» style=»noise» size=»6″ icon=»icon: bug»]Noise Button[/su_button]
[su_button url=»#» style=»stroked» background=»#1e2731″ size=»9″ radius=»0″ icon=»icon: bell»]Lorem ipsum![/su_button]
[/su_column]
[su_column size=»1/3″]
[su_button url=»#» style=»flat» background=»#2de3ef» size=»10″ icon=»icon: ellipsis-v» radius=»0″]Drag button[/su_button]
[su_button style=»soft» background=»#f2f8ff» color=»#14171c» size=»16″ radius=»0″]Different[/su_button]
[su_button url=»#» style=»soft» background=»#ef342d» color=»#fdf0db» size=»13″ radius=»10″ icon=»icon: circle-o»]Different Too[/su_button]
[su_button url=»#» background=»#510572″ size=»20″ radius=»0″ icon=»icon: trophy» desc=»button desc»]HUGE[/su_button]
[su_button url=»#» style=»3d» background=»#1a2026″ size=»9″ wide=»yes» radius=»10″ icon=»icon: globe»]Internet![/su_button]
[/su_column]
[/su_row]

[su_spacer size=»60″]

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

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