Buttons

[dynamic element=”page_intro” title=”Lot of option with Fortis7 shortcodes take a look to buttons, 6 different and unique styles included” dynamic_size=”12″  position=”center”]

 

[dynamic element=”divider”]

 

 

[header_title title=”Large Buttons” header_size=”h6″]

[contentrow style=”no-border”]

[button type=”anchor” link=”#” onclick=”#” size=”large” block_level=”no” state=”active” icon=”none” icon_color=”dark_gray” fontcolor=”#fff” color=”#fb7145″]Large Button[/button]

[button type=”anchor” link=”#” onclick=”#” size=”large” block_level=”no” state=”active” icon=”none” icon_color=”dark_gray” fontcolor=”#fff” color=”#52cdf5″]Large Button[/button]

[button type=”anchor” link=”#” onclick=”#” size=”large” block_level=”no” state=”active” icon=”none” icon_color=”dark_gray” fontcolor=”#fff” color=”#d13aef”]Large Button[/button]

[button type=”anchor” link=”#” onclick=”#” size=”large” block_level=”no” state=”active” icon=”none” icon_color=”dark_gray” fontcolor=”#fff” color=”#f83439″]Large Button[/button]

[button type=”anchor” link=”#” onclick=”#” size=”large” block_level=”no” state=”active” icon=”none” icon_color=”dark_gray” fontcolor=”#fff” color=”#28e224″]Large Button[/button]

[button type=”anchor” link=”#” onclick=”#” size=”large” block_level=”no” state=”active” icon=”none” icon_color=”dark_gray” fontcolor=”#fff” color=”#ffd106″]Large Button[/button]

[button type=”anchor” link=”#” onclick=”#” size=”large” block_level=”no” state=”active” icon=”none” icon_color=”dark_gray” fontcolor=”#fff” color=”#1c6af0″]Large Button[/button]

[button type=”anchor” link=”#” onclick=”#” size=”large” block_level=”no” state=”active” icon=”none” icon_color=”dark_gray” fontcolor=”#fff” color=”#5fd719″]Large Button[/button]

[button type=”anchor” link=”#” onclick=”#” size=”large” block_level=”no” state=”active” icon=”none” icon_color=”dark_gray” fontcolor=”#fff” color=”#5fd719″]Large Button[/button]

[button type=”anchor” link=”#” onclick=”#” size=”large” block_level=”no” state=”active” icon=”none” icon_color=”dark_gray” fontcolor=”#fff” color=”#2e2e2e”]Large Button[/button]

[button type=”anchor” link=”#” onclick=”#” size=”large” block_level=”no” state=”active” icon=”none” icon_color=”dark_gray” fontcolor=”#fff” color=”#909397″]Large Button[/button] [/contentrow]

 

[contentrow][noshortcode][button type=”anchor” link=”#” onclick=”#” size=”large” block_level=”no” state=”active” icon=”none” icon_color=”dark_gray” fontcolor=”#fff” color=”#2e2e2e”]Large Button[/button][/noshortcode][/contentrow]

 

[header_title title=”Medium Buttons” header_size=”h6″]

[contentrow style=”no-border”]

[button type=”anchor” link=”#” onclick=”#” size=”medium” block_level=”no” state=”active” icon=”none” icon_color=”dark_gray” fontcolor=”#fff” color=”#fb7145″]Large Button[/button]

[button type=”anchor” link=”#” onclick=”#” size=”medium” block_level=”no” state=”active” icon=”none” icon_color=”dark_gray” fontcolor=”#fff” color=”#52cdf5″]Large Button[/button]

[button type=”anchor” link=”#” onclick=”#” size=”medium” block_level=”no” state=”active” icon=”none” icon_color=”dark_gray” fontcolor=”#fff” color=”#d13aef”]Large Button[/button]

[button type=”anchor” link=”#” onclick=”#” size=”medium” block_level=”no” state=”active” icon=”none” icon_color=”dark_gray” fontcolor=”#fff” color=”#f83439″]Large Button[/button]

[button type=”anchor” link=”#” onclick=”#” size=”medium” block_level=”no” state=”active” icon=”none” icon_color=”dark_gray” fontcolor=”#fff” color=”#28e224″]Large Button[/button]

[button type=”anchor” link=”#” onclick=”#” size=”medium” block_level=”no” state=”active” icon=”none” icon_color=”dark_gray” fontcolor=”#fff” color=”#ffd106″]Large Button[/button]

[button type=”anchor” link=”#” onclick=”#” size=”medium” block_level=”no” state=”active” icon=”none” icon_color=”dark_gray” fontcolor=”#fff” color=”#1c6af0″]Large Button[/button]

[button type=”anchor” link=”#” onclick=”#” size=”medium” block_level=”no” state=”active” icon=”none” icon_color=”dark_gray” fontcolor=”#fff” color=”#5fd719″]Large Button[/button]

[button type=”anchor” link=”#” onclick=”#” size=”medium” block_level=”no” state=”active” icon=”none” icon_color=”dark_gray” fontcolor=”#fff” color=”#5fd719″]Large Button[/button]

[button type=”anchor” link=”#” onclick=”#” size=”medium” block_level=”no” state=”active” icon=”none” icon_color=”dark_gray” fontcolor=”#fff” color=”#2e2e2e”]Large Button[/button]

[button type=”anchor” link=”#” onclick=”#” size=”medium” block_level=”no” state=”active” icon=”none” icon_color=”dark_gray” fontcolor=”#fff” color=”#909397″]Large Button[/button][/contentrow]

 

[contentrow][noshortcode][button type=”anchor” link=”#” onclick=”#” size=”medium” block_level=”no” state=”active” icon=”none” icon_color=”dark_gray” fontcolor=”#fff” color=”#2e2e2e”]Large Button[/button][/noshortcode][/contentrow]

 

[header_title title=”Large Buttons With Icons” header_size=”h6″]

[contentrow]

[button type=”anchor” link=”#” onclick=”#” size=”large” block_level=”no” state=”active” icon=”moon-download” icon_color=”dark_gray” fontcolor=”#fff” color=”#fb7145″]Large Button[/button]

[button type=”anchor” link=”#” onclick=”#” size=”large” block_level=”no” state=”active” icon=”moon-home” icon_color=”dark_gray” fontcolor=”#fff” color=”#52cdf5″]Large Button[/button]

[button type=”anchor” link=”#” onclick=”#” size=”large” block_level=”no” state=”active” icon=”moon-pencil” icon_color=”dark_gray” fontcolor=”#fff” color=”#d13aef”]Large Button[/button]

[button type=”anchor” link=”#” onclick=”#” size=”large” block_level=”no” state=”active” icon=”moon-image” icon_color=”dark_gray” fontcolor=”#fff” color=”#f83439″]Large Button[/button]

[button type=”anchor” link=”#” onclick=”#” size=”large” block_level=”no” state=”active” icon=”moon-camera” icon_color=”dark_gray” fontcolor=”#fff” color=”#28e224″]Large Button[/button]

[button type=”anchor” link=”#” onclick=”#” size=”large” block_level=”no” state=”active” icon=”moon-upload” icon_color=”dark_gray” fontcolor=”#fff” color=”#ffd106″]Large Button[/button]

[button type=”anchor” link=”#” onclick=”#” size=”large” block_level=”no” state=”active” icon=”moon-music” icon_color=”dark_gray” fontcolor=”#fff” color=”#1c6af0″]Large Button[/button]

[button type=”anchor” link=”#” onclick=”#” size=”large” block_level=”no” state=”active” icon=”moon-play” icon_color=”dark_gray” fontcolor=”#fff” color=”#5fd719″]Large Button[/button]

[button type=”anchor” link=”#” onclick=”#” size=”large” block_level=”no” state=”active” icon=”moon-movie” icon_color=”dark_gray” fontcolor=”#fff” color=”#5fd719″]Large Button[/button]

[button type=”anchor” link=”#” onclick=”#” size=”large” block_level=”no” state=”active” icon=”moon-piano” icon_color=”dark_gray” fontcolor=”#fff” color=”#2e2e2e”]Large Button[/button]

[button type=”anchor” link=”#” onclick=”#” size=”large” block_level=”no” state=”active” icon=”moon-file” icon_color=”dark_gray” fontcolor=”#fff” color=”#909397″]Large Button[/button]

[/contentrow]

 

[contentrow][noshortcode][contentrow][button type=”anchor” link=”#” onclick=”#” size=”large” block_level=”no” state=”active” icon=”moon-download” icon_color=”dark_gray” fontcolor=”#fff”]Large Button[/button][/noshortcode][/contentrow]

 

[header_title title=”Medium Buttons With Icons” header_size=”h6″]

[contentrow]

[button type=”anchor” link=”” onclick=”#”  size=”medium” block_level=”no” state=”active” icon=”moon-download” icon_color=”dark_gray color=”#fb7145″”]Medium Button[/button]

[button type=”anchor” link=”#” onclick=”#” size=”medium” block_level=”no” state=”active” icon=”moon-home” icon_color=”dark_gray” fontcolor=”#fff” color=”#52cdf5″]Medium Button[/button]

[button type=”anchor” link=”#” onclick=”#” size=”medium” block_level=”no” state=”active” icon=”moon-pencil” icon_color=”dark_gray” fontcolor=”#fff” color=”#d13aef”]Medium Button[/button]

[button type=”anchor” link=”#” onclick=”#” size=”medium” block_level=”no” state=”active” icon=”moon-image” icon_color=”dark_gray” fontcolor=”#fff” color=”#f83439″]Medium Button[/button]

[button type=”anchor” link=”#” onclick=”#” size=”medium” block_level=”no” state=”active” icon=”moon-camera” icon_color=”dark_gray” fontcolor=”#fff” color=”#28e224″]Medium Button[/button]

[button type=”anchor” link=”#” onclick=”#” size=”medium” block_level=”no” state=”active” icon=”moon-upload” icon_color=”dark_gray” fontcolor=”#fff” color=”#ffd106″]Medium Button[/button]

[button type=”anchor” link=”#” onclick=”#” size=”medium” block_level=”no” state=”active” icon=”moon-music” icon_color=”dark_gray” fontcolor=”#fff” color=”#1c6af0″]Medium Button[/button]

[button type=”anchor” link=”#” onclick=”#” size=”medium” block_level=”no” state=”active” icon=”moon-play” icon_color=”dark_gray” fontcolor=”#fff” color=”#5fd719″]Medium Button[/button]

[button type=”anchor” link=”#” onclick=”#” size=”medium” block_level=”no” state=”active” icon=”moon-movie” icon_color=”dark_gray” fontcolor=”#fff” color=”#5fd719″]Medium Button[/button]

[button type=”anchor” link=”#” onclick=”#” size=”medium” block_level=”no” state=”active” icon=”moon-piano” icon_color=”dark_gray” fontcolor=”#fff” color=”#2e2e2e”]Medium Button[/button]

[button type=”anchor” link=”#” onclick=”#” size=”medium” block_level=”no” state=”active” icon=”moon-file” icon_color=”dark_gray” fontcolor=”#fff” color=”#909397″]Medium Button[/button]

[/contentrow]

 

[contentrow][noshortcode][button type=”anchor” link=”” onclick=”#” color=”#52cdf5″ size=”medium” block_level=”no” state=”active” icon=”moon-download” icon_color=”dark_gray”]Medium Button[/button][/noshortcode][/contentrow]

 

 

[header_title title=”Large Buttons With Gradient” header_size=”h6″]

[contentrow]

[button type=”gradient” target=”_self” link=”#” size=”large” fontcolor=”#b15e3e” icon=”none” border_color=”#b15e3e”]Large Button[/button]

[button type=”gradient” target=”_self” link=”#” size=”large” fontcolor=”#b15e3e” icon=”moon-download” border_color=”#b15e3e” icon_color=”#b15e3e”]Large Button[/button]

[/contentrow]

 

[contentrow][noshortcode][button type=”gradient” target=”_self” link=”#” size=”large” fontcolor=”#b15e3e” icon=”none” border_color=”#b15e3e”]Large Button[/button][/noshortcode][/contentrow]

 

[header_title title=”Large Buttons With border” header_size=”h6″]

[contentrow]

[button type=”only_border” target=”_self” link=”#” onclick=”#” border_color=”#f1663a” size=”large” icon=”none” fontcolor=”#f1663a”]Purchase Now[/button]

[button type=”only_border” target=”_self” link=”#” onclick=”#” border_color=”#f1663a” size=”large” icon=”moon-download” fontcolor=”#f1663a” icon_color=”#f1663a”]Purchase Now[/button]

[/contentrow]

 

[contentrow][noshortcode][button type=”only_border” target=”_self” link=”#” onclick=”#” border_color=”#f1663a” size=”large” icon=”none” fontcolor=”#f1663a”]Purchase Now[/button][/noshortcode][/contentrow]

 

 

[contentrow][one_third nr=”first”][header_title header_size=’h6′ title=’Features’][list][list_li]Different Styles of buttons[/list_li][list_li]Different Colors[/list_li][list_li]Different Icons[/list_li][list_li]Different Size[/list_li][list_li]Gradient Buttons[/list_li][list_li]Only Border Icons[/list_li][/list][/one_third][two_third nr=”last”][header_title header_size=’h6′ title=’Video Tutorial’][/two_third][/contentrow]

Deja un comentario

Historias y reflexiones con algo de sentido común de Sam Mezylv