Easy Service Box Shortcode – osCitas Themes Demo

[row]
[column lg=”12″]

[/column]
[/row]
[row]
[column lg=”12″]

[/column]
[/row]
[row]
[column lg=”12″]

[/column]
[/row]

[envato type=”compact” username=”oscitasthemes” market=”codecanyon” price=”false” ref=”oscitasthemes” currency=”$” count=0 bootstrap=”1″]

[sectionheading class=”yourcustomclass”]Service Box With Images[/sectionheading]

[row]
[column lg=”3″ md=”12″ sm=”12″ xs=”12″ animation=”fadeInUp” ]
[easy_service_box imgsrc=”http://demo.oscitasthemes.com/wp-content/uploads/2014/02/Untitled-2.png” circle_effect=”effect-1-item” headingtype=”h1″ readmore_fgcolor=”#ffffff” readmore_link=”#” readmore_text=”Read More” heading=”Heading One” boxsize=”220″ boxtype=”circle” hover=”custom” hover_bgcolor=”#1e73be” hover_fgcolor=”#ffffff” /]
[/column]
[column lg=”3″ md=”12″ sm=”12″ xs=”12″ animation=”fadeInUp” ]
[easy_service_box imgsrc=”http://demo.oscitasthemes.com/wp-content/uploads/2014/02/Untitled-2.png” circle_effect=”effect-2-item” headingtype=”h1″ readmore_fgcolor=”#ffffff” readmore_link=”#” readmore_text=”Read More” heading=”Heading Two” boxsize=”220″ boxtype=”circle” hover=”custom” hover_bgcolor=”#1e73be” hover_fgcolor=”#ffffff” /]
[/column]
[column lg=”3″ md=”12″ sm=”12″ xs=”12″ animation=”fadeInUp” ]
[easy_service_box imgsrc=”http://demo.oscitasthemes.com/wp-content/uploads/2014/02/Untitled-2.png” circle_effect=”effect-3-item” headingtype=”h1″ readmore_fgcolor=”#ffffff” readmore_link=”#” readmore_text=”Read More” heading=”Heading Three” boxsize=”220″ boxtype=”circle” hover=”custom” hover_bgcolor=”#1e73be” hover_fgcolor=”#ffffff” /]
[/column]
[column lg=”3″ md=”12″ sm=”12″ xs=”12″ animation=”fadeInUp” ]
[easy_service_box imgsrc=”http://demo.oscitasthemes.com/wp-content/uploads/2014/02/Untitled-2.png” circle_effect=”effect-4-item” headingtype=”h1″ readmore_fgcolor=”#ffffff” readmore_link=”#” readmore_text=”Read More” heading=”Heading Four” boxsize=”220″ boxtype=”circle” hover=”custom” hover_bgcolor=”#1e73be” hover_fgcolor=”#ffffff” /]
[/column]

[/row]

[rule margin=”30″ style=”rule-fadecorder” ]

[row]

[column lg=”3″ md=”12″ sm=”12″ xs=”12″ animation=”fadeInUp” ]
[easy_service_box imgsrc=”http://demo.oscitasthemes.com/wp-content/uploads/2014/02/Untitled-2.png” circle_effect=”effect-5-item” headingtype=”h1″ readmore_fgcolor=”#ffffff” readmore_link=”#” readmore_text=”Read More” heading=”Heading Five” boxsize=”220″ boxtype=”circle” hover=”custom” hover_bgcolor=”#1e73be” hover_fgcolor=”#ffffff” /]
[/column]
[column lg=”3″ md=”12″ sm=”12″ xs=”12″ animation=”fadeInUp” ]
[easy_service_box imgsrc=”http://demo.oscitasthemes.com/wp-content/uploads/2014/02/Untitled-2.png” circle_effect=”effect-6-item” headingtype=”h1″ readmore_fgcolor=”#ffffff” readmore_link=”#” readmore_text=”Read More” heading=”Heading Six” boxsize=”220″ boxtype=”circle” hover=”custom” hover_bgcolor=”#1e73be” hover_fgcolor=”#ffffff” /]
[/column]
[column lg=”3″ md=”12″ sm=”12″ xs=”12″ animation=”fadeInUp” ]
[easy_service_box imgsrc=”http://demo.oscitasthemes.com/wp-content/uploads/2014/02/Untitled-2.png” circle_effect=”effect-7-item” headingtype=”h1″ readmore_fgcolor=”#ffffff” readmore_link=”#” readmore_text=”Read More” heading=”Heading Seven” boxsize=”220″ boxtype=”circle” hover=”custom” hover_bgcolor=”#1e73be” hover_fgcolor=”#ffffff” /]
[/column]
[/row]

[sectionheading class=”yourcustomclass”]Service Box With Circle Image[/sectionheading]

[row]
[column lg=”3″ md=”12″ sm=”12″ xs=”12″ animation=”fadeIn” ]
[easy_service_box imgsrc=”http://demo.oscitasthemes.com/wp-content/uploads/2014/02/Untitled-2.png” headingtype=”h1″ heading=”Heading One” boxsize=”220″ boxtype=”box_vertical” type=”image” roundimage=”roundimage” boxstyle=”default” hover=”default” readmorestyle=”default” ]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus scelerisque ornare neque vel mollis. Mauris egestas est ac dui sodales, et eleifend nisl interdum.[/easy_service_box]
[/column]
[column lg=”3″ md=”12″ sm=”12″ xs=”12″ animation=”fadeIn” ]
[easy_service_box imgsrc=”http://demo.oscitasthemes.com/wp-content/uploads/2014/02/Untitled-2.png” headingtype=”h1″ heading=”Heading Two” boxsize=”220″ boxtype=”box_vertical” type=”image” roundimage=”roundimage” boxstyle=”default” hover=”default” readmorestyle=”default” ]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus scelerisque ornare neque vel mollis. Mauris egestas est ac dui sodales, et eleifend nisl interdum.[/easy_service_box]
[/column]
[column lg=”3″ md=”12″ sm=”12″ xs=”12″ animation=”fadeIn” ]
[easy_service_box imgsrc=”http://demo.oscitasthemes.com/wp-content/uploads/2014/02/Untitled-2.png” headingtype=”h1″ heading=”Heading Three” boxsize=”220″ boxtype=”box_vertical” type=”image” roundimage=”roundimage” boxstyle=”default” hover=”default” readmorestyle=”default” ]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus scelerisque ornare neque vel mollis. Mauris egestas est ac dui sodales, et eleifend nisl interdum.[/easy_service_box]
[/column]
[column lg=”3″ md=”12″ sm=”12″ xs=”12″ animation=”fadeIn” ]
[easy_service_box imgsrc=”http://demo.oscitasthemes.com/wp-content/uploads/2014/02/Untitled-2.png” headingtype=”h1″ heading=”Heading Four” boxsize=”220″ boxtype=”box_vertical” type=”image” roundimage=”roundimage” boxstyle=”default” hover=”default” readmorestyle=”default” ]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus scelerisque ornare neque vel mollis. Mauris egestas est ac dui sodales, et eleifend nisl interdum.[/easy_service_box]
[/column]
[/row]

[sectionheading class=”yourcustomclass”]Service Box With Box Image[/sectionheading]

[row]
[column lg=”3″ md=”12″ sm=”12″ xs=”12″ animation=”fadeIn” ]
[easy_service_box imgsrc=”http://demo.oscitasthemes.com/wp-content/uploads/2014/02/Untitled-2.png” headingtype=”h1″ heading=”Heading One” boxsize=”220″ boxtype=”box_vertical” type=”image” boxstyle=”default” readmore=”true” readmore_link=”#” readmore_text=”Read More” readmorestyle=”custom” readmore_bgcolor=”#777777″ readmore_fgcolor=”#ffffff” ]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus scelerisque ornare neque vel mollis. Mauris egestas est ac dui sodales, et eleifend nisl interdum.[/easy_service_box]
[/column]
[column lg=”3″ md=”12″ sm=”12″ xs=”12″ animation=”fadeIn” ]
[easy_service_box imgsrc=”http://demo.oscitasthemes.com/wp-content/uploads/2014/02/Untitled-2.png” headingtype=”h1″ heading=”Heading Two” boxsize=”220″ boxtype=”box_vertical” type=”image” boxstyle=”default” readmore=”true” readmore_link=”#” readmore_text=”Read More” readmorestyle=”custom” readmore_bgcolor=”#777777″ readmore_fgcolor=”#ffffff” ]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus scelerisque ornare neque vel mollis. Mauris egestas est ac dui sodales, et eleifend nisl interdum.[/easy_service_box]
[/column]
[column lg=”3″ md=”12″ sm=”12″ xs=”12″ animation=”fadeIn” ]
[easy_service_box imgsrc=”http://demo.oscitasthemes.com/wp-content/uploads/2014/02/Untitled-2.png” headingtype=”h1″ heading=”Heading Three” boxsize=”220″ boxtype=”box_vertical” type=”image” boxstyle=”default” hover=”default” readmore=”true” readmore_link=”#” readmore_text=”Read More” readmorestyle=”custom” readmore_bgcolor=”#777777″ readmore_fgcolor=”#ffffff” ]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus scelerisque ornare neque vel mollis. Mauris egestas est ac dui sodales, et eleifend nisl interdum.[/easy_service_box]
[/column]
[column lg=”3″ md=”12″ sm=”12″ xs=”12″ animation=”fadeIn” ]
[easy_service_box imgsrc=”http://demo.oscitasthemes.com/wp-content/uploads/2014/02/Untitled-2.png” headingtype=”h1″ heading=”Heading Four” boxsize=”220″ boxtype=”box_vertical” type=”image” boxstyle=”default” hover=”default” readmore=”true” readmore_link=”#” readmore_text=”Read More” readmorestyle=”custom” readmore_bgcolor=”#777777″ readmore_fgcolor=”#ffffff” ]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus scelerisque ornare neque vel mollis. Mauris egestas est ac dui sodales, et eleifend nisl interdum.[/easy_service_box]
[/column]
[/row]

[sectionheading class=”yourcustomclass”]Service Box With Glyphicons Icon[/sectionheading]

[row]
[column lg=”4″ md=”12″ sm=”12″ xs=”12″ animation=”fadeInUp” ]
[easy_service_box icon=”glyphicon-user” icontype=”glyphicon” iconbg=”cut-diamond” iconbgcolor=”#FAB001″ iconcolor=”#ffffff” headingtype=”h1″ heading=”Heading One” boxsize=”360″ boxtype=”box_vertical” type=”icon” iconhover=”custom” hover_iconbgcolor=”#FAB001″ hover_iconcolor=”#ffffff” boxstyle=”default” hover=”default” readmore=”true” readmore_link=”#” readmore_text=”Read More” readmorestyle=”custom” readmore_bgcolor=”#FAB001″ readmore_fgcolor=”#ffffff” ]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus scelerisque ornare neque vel mollis. Mauris egestas est ac dui sodales, et eleifend nisl interdum.[/easy_service_box]
[/column]
[column lg=”4″ md=”12″ sm=”12″ xs=”12″ animation=”fadeInUp” ]
[easy_service_box icon=”glyphicon-road” icontype=”glyphicon” iconbg=”diamond” iconbgcolor=”#F30340″ iconcolor=”#ffffff” headingtype=”h1″ heading=”Heading Two” boxsize=”360″ boxtype=”box_vertical” type=”icon” iconhover=”custom” hover_iconbgcolor=”#F30340″ hover_iconcolor=”#ffffff” boxstyle=”default” hover=”default” readmore=”true” readmore_link=”#” readmore_text=”Read More” readmorestyle=”custom” readmore_bgcolor=”#F30340″ readmore_fgcolor=”#ffffff” ]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus scelerisque ornare neque vel mollis. Mauris egestas est ac dui sodales, et eleifend nisl interdum.[/easy_service_box]
[/column]
[column lg=”4″ md=”12″ sm=”12″ xs=”12″ animation=”fadeInUp” ]
[easy_service_box icon=”glyphicon-cog” icontype=”glyphicon” iconbg=”triangle-up” iconbgcolor=”#2CCB6F” iconcolor=”#ffffff” headingtype=”h1″ heading=”Heading Two” boxsize=”360″ boxtype=”box_vertical” type=”icon” iconhover=”custom” hover_iconbgcolor=”#2CCB6F” hover_iconcolor=”#ffffff” boxstyle=”default” hover=”default” readmore=”true” readmore_link=”#” readmore_text=”Read More” readmorestyle=”custom” readmore_bgcolor=”#2CCB6F” readmore_fgcolor=”#ffffff” ]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus scelerisque ornare neque vel mollis. Mauris egestas est ac dui sodales, et eleifend nisl interdum.[/easy_service_box]
[/column]
[/row]

[sectionheading class=”yourcustomclass”]Service Box With Font Awesome Icon[/sectionheading]

[row]
[column lg=”4″ md=”12″ sm=”12″ xs=”12″ animation=”fadeInLeft” ]
[easy_service_box icon=”fa-user” icontype=”fa” iconbg=”burst-12″ iconbgcolor=”#6f23e0″ iconcolor=”#ffffff” headingtype=”h1″ heading=”Heading One” boxsize=”360″ boxtype=”box_vertical” type=”icon” iconhover=”revert” boxstyle=”default” hover=”default” readmore=”true” readmore_link=”#” readmore_text=”Read More” readmorestyle=”custom” readmore_bgcolor=”#6f23e0″ readmore_fgcolor=”#ffffff” ]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus scelerisque ornare neque vel mollis. Mauris egestas est ac dui sodales, et eleifend nisl interdum.[/easy_service_box]
[/column]
[column lg=”4″ md=”12″ sm=”12″ xs=”12″ animation=”fadeInLeft” ]
[easy_service_box icon=”fa-camera” icontype=”fa” iconbg=”burst-8″ iconbgcolor=”#66B132″ iconcolor=”#ffffff” headingtype=”h1″ heading=”Heading One” boxsize=”360″ boxtype=”box_vertical” type=”icon” iconhover=”revert” boxstyle=”default” hover=”default” readmore=”true” readmore_link=”#” readmore_text=”Read More” readmorestyle=”custom” readmore_bgcolor=”#66B132″ readmore_fgcolor=”#ffffff” ]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus scelerisque ornare neque vel mollis. Mauris egestas est ac dui sodales, et eleifend nisl interdum.[/easy_service_box]
[/column]
[column lg=”4″ md=”12″ sm=”12″ xs=”12″ animation=”fadeInLeft” ]
[easy_service_box icon=”fa-cog” icontype=”fa” iconbg=”hexagon” iconbgcolor=”#0392CE” iconcolor=”#ffffff” headingtype=”h1″ heading=”Heading One” boxsize=”360″ boxtype=”box_vertical” type=”icon” iconhover=”revert” boxstyle=”default” hover=”default” readmore=”true” readmore_link=”#” readmore_text=”Read More” readmorestyle=”custom” readmore_bgcolor=”#0392CE” readmore_fgcolor=”#ffffff” ]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus scelerisque ornare neque vel mollis. Mauris egestas est ac dui sodales, et eleifend nisl interdum.[/easy_service_box]
[/column]
[/row]
[row]
[column lg=”4″ md=”12″ sm=”12″ xs=”12″ animation=”fadeInRight” ]
[easy_service_box icon=”fa-align-left” icontype=”fa” iconbg=”trapezoid” iconbgcolor=”#ffffff” iconcolor=”#1e73be” headingtype=”h1″ heading=”Heading One” boxsize=”360″ boxtype=”box_vertical” type=”icon” iconhover=”custom” hover_iconbgcolor=”#FFFFFF” hover_iconcolor=”#1e73be” boxstyle=”custom” bgcolor=”#218cd3″ fgcolor=”#ffffff” hover=”custom” hover_bgcolor=”#0066bf” hover_fgcolor=”#ffffff” readmore=”true” readmore_link=”#” readmore_text=”Read More” readmorestyle=”custom” readmore_bgcolor=”#ffffff” readmore_fgcolor=”#1e73be” ]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus scelerisque ornare neque vel mollis. Mauris egestas est ac dui sodales, et eleifend nisl interdum.[/easy_service_box]
[/column]
[column lg=”4″ md=”12″ sm=”12″ xs=”12″ animation=”fadeInRight” ]
[easy_service_box icon=”fa-align-center” icontype=”fa” iconbg=”hexagon” iconbgcolor=”#ffffff” iconcolor=”#6F23E0″ headingtype=”h1″ heading=”Heading One” boxsize=”360″ boxtype=”box_vertical” type=”icon” iconhover=”custom” hover_iconbgcolor=”#FFFFFF” hover_iconcolor=”#6F23E0″ boxstyle=”custom” bgcolor=”#9757F2″ fgcolor=”#ffffff” hover=”custom” hover_bgcolor=”#6F23E0″ hover_fgcolor=”#ffffff” readmore=”true” readmore_link=”#” readmore_text=”Read More” readmorestyle=”custom” readmore_bgcolor=”#ffffff” readmore_fgcolor=”#6F23E0″ ]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus scelerisque ornare neque vel mollis. Mauris egestas est ac dui sodales, et eleifend nisl interdum.[/easy_service_box]
[/column]
[column lg=”4″ md=”12″ sm=”12″ xs=”12″ animation=”fadeInRight” ]
[easy_service_box icon=”fa-align-right” icontype=”fa” iconbg=”heart” iconbgcolor=”#ffffff” iconcolor=”#2CCB6F” headingtype=”h1″ heading=”Heading One” boxsize=”360″ boxtype=”box_vertical” type=”icon” iconhover=”custom” hover_iconbgcolor=”#FFFFFF” hover_iconcolor=”#2CCB6F” boxstyle=”custom” bgcolor=”#63E098″ fgcolor=”#ffffff” hover=”custom” hover_bgcolor=”#2CCB6F” hover_fgcolor=”#ffffff” readmore=”true” readmore_link=”#” readmore_text=”Read More” readmorestyle=”custom” readmore_bgcolor=”#ffffff” readmore_fgcolor=”#2CCB6F” ]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus scelerisque ornare neque vel mollis. Mauris egestas est ac dui sodales, et eleifend nisl interdum.[/easy_service_box]
[/column]
[/row]

[sectionheading class=”yourcustomclass”]Service Box Custom Size[/sectionheading]

[row]
[column lg=”12″ md=”12″ sm=”12″ xs=”12″ animation=”fadeInRight” ]
[easy_service_box icon=”glyphicon-road” icontype=”glyphicon” iconbg=”triangle-up” iconbgcolor=”#FFFFFF” iconcolor=”#444444″ headingtype=”h1″ heading=”Heading One” boxsize=”320″ boxtype=”box_vertical” type=”icon” iconhover=”custom” hover_iconbgcolor=”#ffffff” hover_iconcolor=”#e5493c” boxstyle=”custom” bgcolor=”#f8f8f8″ fgcolor=”#444444″ hover=”custom” hover_bgcolor=”#e5493c” hover_fgcolor=”#ffffff” readmore=”true” readmore_link=”#” readmore_text=”Read More” readmorestyle=”custom” readmore_bgcolor=”#ffffff” readmore_fgcolor=”#444444″ ]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus scelerisque ornare neque vel mollis. Mauris egestas est ac dui sodales, et eleifend nisl interdum.[/easy_service_box]
[easy_service_box icon=”glyphicon-home” icontype=”glyphicon” iconbg=”triangle-down” iconbgcolor=”#FFFFFF” iconcolor=”#444444″ headingtype=”h1″ heading=”Heading One” boxsize=”430″ boxtype=”box_vertical” type=”icon” iconhover=”custom” hover_iconbgcolor=”#ffffff” hover_iconcolor=”#9B58B5″ boxstyle=”custom” bgcolor=”#f8f8f8″ fgcolor=”#444444″ hover=”custom” hover_bgcolor=”#9B58B5″ hover_fgcolor=”#ffffff” readmore=”true” readmore_link=”#” readmore_text=”Read More” readmorestyle=”custom” readmore_bgcolor=”#ffffff” readmore_fgcolor=”#444444″ ]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus scelerisque ornare neque vel mollis. Mauris egestas est ac dui sodales, et eleifend nisl interdum. Mauris egestas est ac dui sodales, et eleifend nisl interdum.[/easy_service_box]
[easy_service_box icon=”glyphicon-cloud” icontype=”glyphicon” iconbg=”pentagon” iconbgcolor=”#FFFFFF” iconcolor=”#444444″ headingtype=”h1″ heading=”Heading One” boxsize=”300″ boxtype=”box_vertical” type=”icon” iconhover=”custom” hover_iconbgcolor=”#ffffff” hover_iconcolor=”#17A388″ boxstyle=”custom” bgcolor=”#f8f8f8″ fgcolor=”#444444″ hover=”custom” hover_bgcolor=”#17A388″ hover_fgcolor=”#ffffff” readmore=”true” readmore_link=”#” readmore_text=”Read More” readmorestyle=”custom” readmore_bgcolor=”#ffffff” readmore_fgcolor=”#444444″ ]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus scelerisque ornare neque vel mollis.[/easy_service_box]
[/column]
[/row]