[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]