[title text=»Service Style 1″ icon=»fa-cog» line=»yes»]
[row]
[column width=»1/4″]
[service color=»theme» icon=»fa-magic» title=»Web Design» style=»1″ effect=»fadeInUp»]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras pulvinar mollis diam, aliquet sagittis lectus tincidunt id.[/service]
[/column]
[column width=»1/4″]
[service color=»theme» icon=»fa-lightbulb-o» title=»Web Develop» style=»1″ effect=»zoomIn» delay=»500″]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras pulvinar mollis diam, aliquet sagittis lectus tincidunt id.[/service]
[/column]
[column width=»1/4″]
[service color=»crimson» icon=»fa-mobile-phone» title=»App Develop» style=»1″ effect=»fadeInUp» delay=»1000″]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras pulvinar mollis diam, aliquet sagittis lectus tincidunt id.[/service]
[/column]
[column width=»1/4″]
[service color=»chocolate» icon=»fa-bullhorn» title=»Ads Services» style=»1″ effect=»fadeInUp» delay=»1500″]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras pulvinar mollis diam, aliquet sagittis lectus tincidunt id.[/service]
[/column]
[/row]
[space]
[title text=»Service Style 1 Align Center» icon=»fa-cog» line=»yes»]
[row]
[column width=»1/4″]
[service color=»theme» icon=»fa-magic» title=»Web Design» style=»1″ align=»center» effect=»fadeInUp»]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras pulvinar mollis diam, aliquet sagittis lectus tincidunt id.[/service]
[/column]
[column width=»1/4″]
[service color=»theme» icon=»fa-lightbulb-o» title=»Web Develop» style=»1″ align=»center» effect=»zoomIn» delay=»500″]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras pulvinar mollis diam, aliquet sagittis lectus tincidunt id.[/service]
[/column]
[column width=»1/4″]
[service color=»crimson» icon=»fa-mobile-phone» title=»App Develop» style=»1″ align=»center» effect=»fadeInUp» delay=»1000″]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras pulvinar mollis diam, aliquet sagittis lectus tincidunt id.[/service]
[/column]
[column width=»1/4″]
[service color=»chocolate» icon=»fa-bullhorn» title=»Ads Services» style=»1″ align=»center» effect=»fadeInUp» delay=»1500″]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras pulvinar mollis diam, aliquet sagittis lectus tincidunt id.[/service]
[/column]
[/row]
[space]
[title text=»Service Style 2″ icon=»fa-cog» line=»yes»]
[row]
[column width=»1/4″]
[service color=»theme» icon=»fa-magic» title=»Web Design» style=»2″ effect=»flip»]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras pulvinar mollis diam, aliquet sagittis lectus tincidunt id.[/service]
[/column]
[column width=»1/4″]
[service color=»theme» icon=»fa-lightbulb-o» title=»Web Develop» style=»2″ effect=»bounceIn» delay=»500″]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras pulvinar mollis diam, aliquet sagittis lectus tincidunt id.[/service]
[/column]
[column width=»1/4″]
[service color=»crimson» icon=»fa-mobile-phone» title=»App Develop» style=»2″ effect=»fadeInUp» delay=»1000″]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras pulvinar mollis diam, aliquet sagittis lectus tincidunt id.[/service]
[/column]
[column width=»1/4″]
[service color=»chocolate» icon=»fa-bullhorn» title=»Ads Services» style=»2″ effect=»fadeInUp» delay=»1500″]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras pulvinar mollis diam, aliquet sagittis lectus tincidunt id.[/service]
[/column]
[/row]
[space]
[title text=»Service Style 2 Align Center» icon=»fa-cog» line=»yes»]
[row]
[column width=»1/4″]
[service color=»theme» icon=»fa-magic» title=»Web Design» style=»2″ align=»center» effect=»flip»]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras pulvinar mollis diam, aliquet sagittis lectus tincidunt id.[/service]
[/column]
[column width=»1/4″]
[service color=»theme» icon=»fa-lightbulb-o» title=»Web Develop» style=»2″ align=»center» effect=»bounceIn» delay=»500″]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras pulvinar mollis diam, aliquet sagittis lectus tincidunt id.[/service]
[/column]
[column width=»1/4″]
[service color=»crimson» icon=»fa-mobile-phone» title=»App Develop» style=»2″ align=»center» effect=»fadeInUp» delay=»1000″]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras pulvinar mollis diam, aliquet sagittis lectus tincidunt id.[/service]
[/column]
[column width=»1/4″]
[service color=»chocolate» icon=»fa-bullhorn» title=»Ads Services» style=»2″ align=»center» effect=»fadeInUp» delay=»1500″]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras pulvinar mollis diam, aliquet sagittis lectus tincidunt id.[/service]
[/column]
[/row]
[space]
[title text=»Service Style 3″ icon=»fa-cog» line=»yes»]
[row]
[column width=»1/4″]
[service color=»theme» icon=»fa-magic» title=»Web Design» style=»3″]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras pulvinar mollis diam, aliquet sagittis lectus tincidunt id.[/service]
[/column]
[column width=»1/4″]
[service color=»theme» icon=»fa-lightbulb-o» title=»Web Develop» style=»3″ delay=»500″]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras pulvinar mollis diam, aliquet sagittis lectus tincidunt id.[/service]
[/column]
[column width=»1/4″]
[service color=»crimson» icon=»fa-mobile-phone» title=»App Develop» style=»3″ delay=»1000″]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras pulvinar mollis diam, aliquet sagittis lectus tincidunt id.
[button style=»float-btn no-margin» icon=»fa-star» text=»View Details» color=»theme» url=»#» target=»_blank»]
[/service]
[/column]
[column width=»1/4″]
[service color=»chocolate» icon=»fa-bullhorn» title=»Ads Services» style=»3″ delay=»1500″]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras pulvinar mollis diam, aliquet sagittis lectus tincidunt id.[/service]
[/column]
[/row]
[space]
[title text=»Service Style 3 Align Center» icon=»fa-cog» line=»yes»]
[row]
[column width=»1/4″]
[service color=»theme» icon=»fa-magic» title=»Web Design» style=»3″ align=»center»]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras pulvinar mollis diam, aliquet sagittis lectus tincidunt id.[/service]
[/column]
[column width=»1/4″]
[service color=»theme» icon=»fa-lightbulb-o» title=»Web Develop» style=»3″ align=»center» delay=»500″]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras pulvinar mollis diam, aliquet sagittis lectus tincidunt id.[/service]
[/column]
[column width=»1/4″]
[service color=»crimson» icon=»fa-mobile-phone» title=»App Develop» style=»3″ align=»center» delay=»1000″]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras pulvinar mollis diam, aliquet sagittis lectus tincidunt id.
[button style=»float-btn no-margin» icon=»fa-star» text=»View Details» color=»theme» url=»#» target=»_blank»]
[/service]
[/column]
[column width=»1/4″]
[service color=»chocolate» icon=»fa-bullhorn» title=»Ads Services» style=»3″ align=»center» delay=»1500″]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras pulvinar mollis diam, aliquet sagittis lectus tincidunt id.[/service]
[/column]
[/row]
[space]
[title text=»Service Style 4″ icon=»fa-cog» line=»yes»]
[row]
[column width=»1/3″]
[service icon=»fa-magic» title=»Web Design» style=»4″ effect=»bounce»]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras pulvinar mollis diam, aliquet sagittis lectus tincidunt id.[/service]
[/column]
[column width=»1/3″]
[service icon=»fa-lightbulb-o» title=»Web Develop» style=»4″ effect=»pulse» delay=»500″]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras pulvinar mollis diam, aliquet sagittis lectus tincidunt id.
[button style=»float-btn no-margin» icon=»fa-star» text=»View Details» color=»theme» url=»#» target=»_blank»]
[/service]
[/column]
[column width=»1/3″]
[service icon=»fa-mobile-phone» title=»App Develop» style=»4″ link=»#» effect=»swing» delay=»1000″]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras pulvinar mollis diam, aliquet sagittis lectus tincidunt id.[/service]
[/column]
[/row]
[space]
[title text=»Service Style 4 Align Center» icon=»fa-cog» line=»yes»]
[row]
[column width=»1/3″]
[service icon=»fa-magic» title=»Web Design» style=»4″ align=»center» effect=»bounce»]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras pulvinar mollis diam, aliquet sagittis lectus tincidunt id.[/service]
[/column]
[column width=»1/3″]
[service icon=»fa-lightbulb-o» title=»Web Develop» style=»4″ align=»center» effect=»pulse» delay=»500″]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras pulvinar mollis diam, aliquet sagittis lectus tincidunt id.
[button style=»float-btn no-margin» icon=»fa-star» text=»View Details» color=»theme» url=»#» target=»_blank»]
[/service]
[/column]
[column width=»1/3″]
[service icon=»fa-mobile-phone» title=»App Develop» style=»4″ align=»center» link=»#» effect=»swing» delay=»1000″]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras pulvinar mollis diam, aliquet sagittis lectus tincidunt id.[/service]
[/column]
[/row]
[space]
[title text=»Service Style 5″ icon=»fa-cog» line=»yes»]
[row]
[column width=»1/3″]
[service icon=»fa-magic» title=»Web Design» style=»5″]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras pulvinar mollis diam, aliquet sagittis lectus tincidunt id.[/service]
[/column]
[column width=»1/3″]
[service icon=»fa-lightbulb-o» title=»Web Develop» style=»5″ delay=»500″]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras pulvinar mollis diam, aliquet sagittis lectus tincidunt id.
[button style=»float-btn no-margin» icon=»fa-star» text=»View Details» color=»theme» url=»#» target=»_blank»]
[/service]
[/column]
[column width=»1/3″]
[service icon=»fa-mobile-phone» title=»App Develop» style=»5″ link=»#» delay=»1000″]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras pulvinar mollis diam, aliquet sagittis lectus tincidunt id.[/service]
[/column]
[/row]
[space]
[title text=»Service Style 5 Align Center» icon=»fa-cog» line=»yes»]
[row]
[column width=»1/3″]
[service icon=»fa-magic» title=»Web Design» style=»5″ align=»center»]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras pulvinar mollis diam, aliquet sagittis lectus tincidunt id.[/service]
[/column]
[column width=»1/3″]
[service icon=»fa-lightbulb-o» title=»Web Develop» style=»5″ align=»center» delay=»500″]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras pulvinar mollis diam, aliquet sagittis lectus tincidunt id.
[button style=»float-btn no-margin» icon=»fa-star» text=»View Details» color=»theme» url=»#» target=»_blank»]
[/service]
[/column]
[column width=»1/3″]
[service icon=»fa-mobile-phone» title=»App Develop» style=»5″ align=»center» link=»#» delay=»1000″]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras pulvinar mollis diam, aliquet sagittis lectus tincidunt id.[/service]
[/column]
[/row]
[space]
[title text=»Service Shortcode» icon=»fa-code»]
[service icon="fa-mobile-phone" title="App Develop" style="5" align="center" link="#"]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras pulvinar mollis diam, aliquet sagittis lectus tincidunt id.[/service]
Params | Default | Possible Values | Description |
---|---|---|---|
style | 1 | 1 , 2 , 3 , 4 , 5 |
The service item style |
icon | The service item icon, use FontAwesome icons | ||
title | The service item title | ||
align | left | left , center |
The service item content align |
link | The service item link | ||
target | _blank | _blank , _self |
The service item link target |
color | theme | theme , black , darkcyan , deepskyblue , royalblue , blueviolet , purple , deeppink , crimson , green , lawngreen , yellow , gold , orange , orangered , chocolate , red |
The service item icon or text color (style 1, 2, 3 support) |
effect | none | none , bounce , flash , pulse , rubberBand , shake , swing , tada , wobble , bounceIn , bounceInDown , bounceInLeft , bounceInRight , bounceInUp , bounceOut , bounceOutDown , bounceOutLeft , bounceOutRight , bounceOutUp , fadeIn , fadeInDown , fadeInDownBig , fadeInLeft , fadeInLeftBig , fadeInRight , fadeInRightBig , fadeInUp , fadeInUpBig , fadeOut , fadeOutDown , fadeOutDownBig , fadeOutLeft , fadeOutLeftBig , fadeOutRight , fadeOutRightBig , fadeOutUp , fadeOutUpBig , flip , flipInX , flipInY , flipOutX , flipOutY , lightSpeedIn , lightSpeedOut , rotateIn , rotateInDownLeft , rotateInDownRight , rotateInUpLeft , rotateInUpRight , rotateOut , rotateOutDownLeft , rotateOutDownRight , rotateOutUpLeft , rotateOutUpRight , hinge , rollIn , rollOut , zoomIn , zoomInDown , zoomInLeft , zoomInRight , zoomInUp , zoomOut , zoomOutDown , zoomOutLeft , zoomOutRight , zoomOutUp |
The service item show effect |
delay | 0 | The service item show delay time |