Icon Buttons

[fullwidth bgcolor=”” bgpattern=”” top=”40″ bottom=”60″ textalign=””]
[column type=”one_half”]
[title fontsize=”22″][highlight color=”accent”]Responsive[/highlight] Width[/title]
[separator marginTop=”1″]
This shortcode can have separate responsive width, icon size, font size and right margin. Soon as the screensize becomes smaller or used on tablet, mobile, it will automatically resize.
[/column]
[column type=”one_half” textalign=”right” last=”1″]
[iconbutton title=”Manually set the
Width of this Shortcode” titlecolor=”” shape=”round” icon=”fa-foursquare” bgcolor=”” bgovercolor=”” width=”215″ respwidth=”100%” respmargin=”0″ shadow=”1″]

[iconbutton title=”Scalable
Programming” titlecolor=”” shape=”round” icon=”fa-code” bgcolor=”” bgovercolor=”” respwidth=”50%” shadow=”1″]

[iconbutton title=”Sticky
Elements” titlecolor=”” shape=”round” icon=”fa-female” bgcolor=”” bgtranspanrecy=”” bgovercolor=”” respwidth=”50%” margin=”0″ respmargin=”0″ shadow=”1″]
[/column]

[/fullwidth]

[fullwidth bgcolor=”#f9f9f9″ bgimage=”” innershadow=”” top=”50″ bottom=”50″ bordertop=”” tbcolor=”” borderbottom=”” bbcolor=”” gradientstart=”” gradientend=”” textalign=”center” bgtransparency=”50″ bgimage=””]

[title size=”6″ fontsize=”25″ fontweight=”300″ style=”none” animation=”bounceInLeft” textcolor=”#444444″]Using in Fullwidth Section[/title]
[separator marginTop=”1″]

[separator style=”1″ align=”center” color=”#555555″ height=”2″ marginTop=”15″ marginBottom=”15″ width=”50″]
[animate animation=”bounceInRight”][text fontsize=”16″]In this example we will set 6 in one row however on responsive screens it will convert into 3 rows, first with 100% width and rest 50% each.[/text][/animate]

[/fullwidth]
[iconbutton title=”Change to 100% Width” titlecolor=”#ffffff” titleovercolor=”#999999″ textsize=”18″ resptextsize=”” shape=”flat” icon=”fa-coffee” iconcolor=”#ffffff” iconovercolor=”accent” iconsize=”50″ respiconsize=”” bgcolor=”#42bdc2″ bgovercolor=”primary” height=”145″ width=”20%” respwidth=”100%” margin=”0″]

[iconbutton title=”Responsive Width” titlecolor=”#ffffff” titleovercolor=”#999999″ textsize=”18″ resptextsize=”14″ shape=”flat” icon=”fa-globe” iconcolor=”#ffffff” iconovercolor=”accent” iconsize=”50″ respiconsize=”40″ bgcolor=”#7fc242″ bgovercolor=”primary” height=”145″ width=”20%” respwidth=”50%” margin=”0″]

[iconbutton title=”Mobile Font Size” titlecolor=”#ffffff” titleovercolor=”#999999″ textsize=”18″ resptextsize=”14″ shape=”flat” icon=”fa-magic” iconcolor=”#ffffff” iconovercolor=”accent” iconsize=”50″ respiconsize=”40″ bgcolor=”#ff8a3c” bgovercolor=”primary” height=”145″ width=”20%” respwidth=”50%” margin=”0″]

[iconbutton title=”Customizable Colors” titlecolor=”#ffffff” titleovercolor=”#999999″ textsize=”18″ resptextsize=”14″ shape=”flat” icon=”fa-cog” iconcolor=”#ffffff” iconovercolor=”accent” iconsize=”50″ respiconsize=”40″ bgcolor=”#ffd800″ bgovercolor=”primary” height=”145″ width=”20%” respwidth=”50%” margin=”0″]

[iconbutton title=”Background Transparency” titlecolor=”#ffffff” titleovercolor=”#999999″ textsize=”18″ resptextsize=”14″ shape=”flat” icon=”fa-rss” iconcolor=”#ffffff” iconovercolor=”accent” iconsize=”50″ respiconsize=”40″ bgcolor=”#388bd1″ bgovercolor=”primary” height=”145″ width=”20%” respwidth=”50%” margin=”” respmargin=”0″]

[fullwidth bgimage=”http://globalmusiclink.com/website/wp-content/uploads/2016/02/bg_polygon_black.jpg” bgpattern=”7″ top=”80″ margintop=”-8″ bottom=”90″ textcolor=”#ffffff” bgcolor=”#000″ bgtransparency=”40″]

[text size=”6″ fontsize=”24″ lineheight=”30″ style=”” animation=”bounceInLeft” textcolor=”#efefef” fontfamily=”Raleway”]Background Transparency[/text]
[separator marginTop=”30″]
[animate animation=”bounceInRight”]Lorem ipsum dolor sit amet, consectetur adipiscing 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 [/animate]

[separator marginTop=”40″]

[column type=”one_fourth”]
[iconbutton title=”Within Columns” bgtransparency=”50″ titlecolor=”#ffffff” titleovercolor=”#999999″ textsize=”18″ resptextsize=”” shape=”flat” icon=”fa-coffee” iconcolor=”#ffffff” iconovercolor=”accent” iconsize=”50″ respiconsize=”” bgcolor=”#42bdc2″ bgovercolor=”primary” height=”145″ width=”100%” respwidth=”” margin=”0″]
[/column]
[column type=”one_fourth”]
[iconbutton title=”Responsive Width” bgtransparency=”50″ titlecolor=”#ffffff” titleovercolor=”#999999″ textsize=”18″ resptextsize=”14″ shape=”flat” icon=”fa-globe” iconcolor=”#ffffff” iconovercolor=”accent” iconsize=”50″ respiconsize=”40″ bgcolor=”#7fc242″ bgovercolor=”primary” height=”145″ width=”100%” respwidth=”” margin=”0″]
[/column]
[column type=”one_fourth”]
[iconbutton title=”Customizable Colors” bgtransparency=”50″ titlecolor=”#ffffff” titleovercolor=”#999999″ textsize=”18″ resptextsize=”14″ shape=”flat” icon=”fa-cog” iconcolor=”#ffffff” iconovercolor=”accent” iconsize=”50″ respiconsize=”40″ bgcolor=”#ffd800″ bgovercolor=”primary” height=”145″ width=”100%” respwidth=”” margin=”0″]
[/column]
[column type=”one_fourth” last=”1″]
[iconbutton title=”Background Transparency” bgtransparency=”50″ titlecolor=”#ffffff” titleovercolor=”#999999″ textsize=”18″ resptextsize=”14″ shape=”flat” icon=”fa-rss” iconcolor=”#ffffff” iconovercolor=”accent” iconsize=”50″ respiconsize=”40″ bgcolor=”#388bd1″ bgovercolor=”primary” height=”145″ width=”100%” respwidth=”” margin=”” respmargin=”0″]
[/column]
[/fullwidth]

[fullwidth textalign=”center” borderbottom=”” bbcolor=”” innershadow=”” textcolor=”#555555″ top=”70″ bottom=”40″ bgcolor=”#ffffff” margintop=”-5″]
[title size=”6″ fontsize=”25″ fontweight=”300″ style=”none” animation=”bounceInLeft” textcolor=”#444444″]Stylish Icon Button Shapes[/title]
[separator marginTop=”1″]
[animate animation=”bounceInRight”][text color=”accent” fontsize=”14″]5 Different Shapes[/text][/animate]

[separator style=”1″ align=”center” color=”#555555″ height=”2″ marginTop=”15″ marginBottom=”15″ width=”50″]
[animate animation=”bounceInRight”][text fontsize=”16″]Icon Buttons are truly made with love, giving you tons of options to make stylish buttons according to latest web trends with pure CSS.
They are cross browser and look awesome on all major browsers.[/text][/animate]

[separator marginTop=”40″]

[column type=”one_fifth”]
[iconbutton title=”Your Text” titlecolor=”” width=”100%” height=”40″ shape=”flat” icon=”fa-home” iconsize=”22″ bgcolor=”” bgovercolor=”” shadow=”1″]
[/column]
[column type=”one_fifth”]
[iconbutton title=”Your Text” titlecolor=”” width=”100%” height=”40″ shape=”round” icon=”fa-heart” iconsize=”22″ bgcolor=”” bgovercolor=”” shadow=”1″]
[/column]
[column type=”one_fifth”]
[iconbutton title=”Your Text” titlecolor=”” width=”100%” height=”40″ shape=”pill” icon=”fa-bug” iconsize=”22″ bgcolor=”” bgovercolor=”” shadow=”1″]
[/column]
[column type=”one_fifth”]
[iconbutton title=”Your Text” titlecolor=”” width=”100%” height=”40″ shape=”shield” icon=”fa-glass” iconsize=”22″ bgcolor=”” bgovercolor=”” shadow=”1″]
[/column]
[column type=”one_fifth” last=”1″]
[iconbutton title=”Your Text” titlecolor=”” width=”100%” height=”40″ shape=”skew” icon=”fa-star-half-full” iconsize=”22″ bgcolor=”” bgovercolor=”” shadow=”1″]
[/column]

[/fullwidth]

[raindrops bgcolor=”#ffffff” flip=”1″]
[fullwidth top=”82″ bottom=”65″ scrolltype=”scroll” bgpattern=”7″ bgcolor=”accent” bgtransparency=”65″ bgimage=”http://globalmusiclink.com/website/wp-content/uploads/2016/02/picjumbo.com_HNCK56ff44.jpg”]
[column type=”three_fourth”]
[separator marginTop=”5″]
[text google_font=”” fontfamily=”Raleway” fontweight=”300″ textshadow=”” fontsize=”32″ lineheight=”38″ color=”#fff”]Scalable Multipurpose Theme[/text]
[text google_font=”” fontfamily=”Raleway” fontweight=”” textshadow=”” fontsize=”22″ lineheight=”32″ color=”#fff”]Improve quality of your website by using its powerful features.[/text]
[/column]
[column type=”one_fourth” last=”1″ align=”right”]
[separator margintop=”13″]
[button link=”#” size=”xlarge” shape=”round” hovereffect=”bounce-to-right” bgcolor=”” bgovercolor=”#fff” bgtransparency=”30″ bordertransparency=”80″ textcolor=”#FFFFFF” textovercolor=”#FFFFFF” textshadow=”” fontweight=”300″ fontfamily=”Raleway” border=”2″ bordercolor=”#fff” borderovercolor=”” bggradstart=”” bggradend=”” icon=”” iconposition=”” target=”_blank”]Explore Features[/button]
[/column]
[/fullwidth]