Shortcodes: Iconography with Boxes

Icons are awesome and use of them on website always animates the site a bit. We are proud to announce that with our shortcodes you have access to all 369 icons from Font Awesome. All icons come in 3 different sizes (Small, Medium and Big) and you choose the border color directly in the shortcode for each icon individually. You can animate the boxes in different directions or you can set them to be static.

Medium Size Icons

[one_third] [pmc_box_icon animated=”fadeInLeft” link=”http://premiumcoding.com” position=”right” size=”medium” border_color=”#2C9F5C” icon=”fa-coffee” title=”Box with icon”]Vestibulum ante ipsum primis in fauc ibus orci luctus et ultrices posuere cubilia Curae; Integer in enim dui. Suspendisse potenti.[/pmc_box_icon] [/one_third] [one_third] [pmc_box_icon animated=”fadeInUp” link=”http://premiumcoding.com” position=”top” size=”medium” border_color=”#2C9F5C” icon=”fa-flask” title=”Box with icon”]Vestibulum ante ipsum primis in fauc ibus orci luctus et ultrices posuere cubilia Curae; Integer in enim dui. Suspendisse potenti.[/pmc_box_icon] [/one_third] [one_third_last] [pmc_box_icon animated=”fadeInRight” link=”http://premiumcoding.com” position=”top” size=”medium” border_color=”#2C9F5C” icon=”fa-bug” title=”Box with icon”]Vestibulum ante ipsum primis in fauc ibus orci luctus et ultrices posuere cubilia Curae; Integer in enim dui. Suspendisse potenti.[/pmc_box_icon] [/one_third_last] [break/] [break/]

Small Size Icons

[one_third] [pmc_box_icon animated=”fadeInLeft” link=”http://premiumcoding.com” position=”top” size=”small” border_color=”#2C9F5C” icon=”fa-pencil” title=”Box with icon”]Vestibulum ante ipsum primis in fauc ibus orci luctus et ultrices posuere cubilia Curae; Integer in enim dui. Suspendisse potenti.[/pmc_box_icon] [/one_third] [one_third] [pmc_box_icon animated=”fadeInUp” link=”http://premiumcoding.com” position=”top” size=”small” border_color=”#2C9F5C” icon=”fa-key” title=”Box with icon”]Vestibulum ante ipsum primis in fauc ibus orci luctus et ultrices posuere cubilia Curae; Integer in enim dui. Suspendisse potenti.[/pmc_box_icon] [/one_third] [one_third_last] [pmc_box_icon animated=”fadeInRight” link=”http://premiumcoding.com” position=”top” size=”small” border_color=”#2C9F5C” icon=”fa-picture-o” title=”Box with icon”]Vestibulum ante ipsum primis in fauc ibus orci luctus et ultrices posuere cubilia Curae; Integer in enim dui. Suspendisse potenti.[/pmc_box_icon] [/one_third_last] [break/] [break/]

Big Size Icons

[one_third] [pmc_box_icon animated=”fadeInLeft” link=”http://premiumcoding.com” position=”top” size=”big” border_color=”#2C9F5C” icon=”fa-camera-retro” title=”Box with icon”]Vestibulum ante ipsum primis in fauc ibus orci luctus et ultrices posuere cubilia Curae; Integer in enim dui. Suspendisse potenti.[/pmc_box_icon] [/one_third] [one_third] [pmc_box_icon animated=”fadeInUp” link=”http://premiumcoding.com” position=”top” size=”big” border_color=”#2C9F5C” icon=”fa-microphone” title=”Box with icon”]Vestibulum ante ipsum primis in fauc ibus orci luctus et ultrices posuere cubilia Curae; Integer in enim dui. Suspendisse potenti.[/pmc_box_icon] [/one_third] [one_third_last] [pmc_box_icon animated=”fadeInRight” link=”http://premiumcoding.com” position=”top” size=”big” border_color=”#2C9F5C” icon=”fa-tags” title=”Box with icon”]Vestibulum ante ipsum primis in fauc ibus orci luctus et ultrices posuere cubilia Curae; Integer in enim dui. Suspendisse potenti.[/pmc_box_icon] [/one_third_last] [break/] [break/]

Icons with Border

[one_third] [pmc_box_icon animated=”fadeInLeft” link=”http://premiumcoding.com” position=”top” size=”big” border_color=”#1b8447″ icon=”fa-camera-retro” title=”Box with icon”]Vestibulum ante ipsum primis in fauc ibus orci luctus et ultrices posuere cubilia Curae; Integer in enim dui. Suspendisse potenti.[/pmc_box_icon] [/one_third] [one_third] [pmc_box_icon animated=”fadeInUp” link=”http://premiumcoding.com” position=”top” size=”big” border_color=”#1b8447″ icon=”fa-microphone” title=”Box with icon”]Vestibulum ante ipsum primis in fauc ibus orci luctus et ultrices posuere cubilia Curae; Integer in enim dui. Suspendisse potenti.[/pmc_box_icon] [/one_third] [one_third_last] [pmc_box_icon animated=”fadeInRight” link=”http://premiumcoding.com” position=”top” size=”big” border_color=”#1b8447″ icon=”fa-tags” title=”Box with icon”]Vestibulum ante ipsum primis in fauc ibus orci luctus et ultrices posuere cubilia Curae; Integer in enim dui. Suspendisse potenti.[/pmc_box_icon] [/one_third_last] [break/] [break/]
[one_third] [pmc_box_icon animated=”fadeInLeft” link=”http://premiumcoding.com” position=”top” size=”big” border_color=”#ddd” icon=”fa-camera-retro” title=”Box with icon”]Vestibulum ante ipsum primis in fauc ibus orci luctus et ultrices posuere cubilia Curae; Integer in enim dui. Suspendisse potenti.[/pmc_box_icon] [/one_third] [one_third] [pmc_box_icon animated=”fadeInUp” link=”http://premiumcoding.com” position=”top” size=”big” border_color=”#ddd” icon=”fa-microphone” title=”Box with icon”]Vestibulum ante ipsum primis in fauc ibus orci luctus et ultrices posuere cubilia Curae; Integer in enim dui. Suspendisse potenti.[/pmc_box_icon] [/one_third] [one_third_last] [pmc_box_icon animated=”fadeInRight” link=”http://premiumcoding.com” position=”top” size=”big” border_color=”#ddd” icon=”fa-tags” title=”Box with icon”]Vestibulum ante ipsum primis in fauc ibus orci luctus et ultrices posuere cubilia Curae; Integer in enim dui. Suspendisse potenti.[/pmc_box_icon] [/one_third_last] [break/] [break/]

Four Columns

[one_fourth] [pmc_box_icon animated=”fadeInLeft” link=”http://premiumcoding.com” position=”right” size=”medium” border_color=”#1b8447″ icon=”fa-coffee” title=”Box with icon”]Vestibulum ante ipsum primis in fauc ibus orci luctus et ultrices posuere cubilia Curae; Integer in enim dui. Suspendisse potenti.[/pmc_box_icon] [/one_fourth] [one_fourth] [pmc_box_icon animated=”fadeInUp” link=”http://premiumcoding.com” position=”top” size=”medium” border_color=”#1b8447″ icon=”fa-flask” title=”Box with icon”]Vestibulum ante ipsum primis in fauc ibus orci luctus et ultrices posuere cubilia Curae; Integer in enim dui. Suspendisse potenti.[/pmc_box_icon] [/one_fourth] [one_fourth] [pmc_box_icon animated=”fadeInRight” link=”http://premiumcoding.com” position=”top” size=”medium” border_color=”#1b8447″ icon=”fa-bug” title=”Box with icon”]Vestibulum ante ipsum primis in fauc ibus orci luctus et ultrices posuere cubilia Curae; Integer in enim dui. Suspendisse potenti.[/pmc_box_icon] [/one_fourth][one_fourth_last] [pmc_box_icon animated=”fadeInRight” link=”http://premiumcoding.com” position=”top” size=”medium” border_color=”#1b8447″ icon=”fa-bug” title=”Box with icon”]Vestibulum ante ipsum primis in fauc ibus orci luctus et ultrices posuere cubilia Curae; Integer in enim dui. Suspendisse potenti.[/pmc_box_icon] [/one_fourth_last] [break/] [break/]

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s