[vc_row full_width=”stretch_row_content” margin_top=”0″ padding_left=”0″ padding_right=”0″ bg_position=”top” bg_repeat=”no-repeat” bg_cover=”false” bg_attachment=”false” padding_top=”30″ padding_bottom=”30″ parallax_speed=”0.1″ margin_left=”0″ margin_right=”0″ css=”.vc_custom_1578145188984{margin-bottom: 0px !important;background-color: #ecebe9 !important;}”][vc_column][TS-VCSC-Spacer height=”20″][vc_column_text]
<h1 style=”text-align: center;”>ICON TEXT BOXES</h1>
<h3 style=”text-align: center;”>SHOW ADVANCED TEXT OR CALLOUT BOXES</h3>
[/vc_column_text][TS-VCSC-Spacer height=”40″][/vc_column][/vc_row][vc_row margin_top=”0″ padding_left=”40″ padding_right=”40″ bg_position=”top” bg_repeat=”no-repeat” bg_cover=”false” bg_attachment=”false” padding_top=”30″ padding_bottom=”30″ parallax_speed=”0.1″ margin_left=”0″ margin_right=”0″ css=”.vc_custom_1479688415405{margin-bottom: 0px !important;}”][vc_column width=”1/2″][TS-VCSC-Spacer height=”40″][vc_column_text]
<p style=”text-align: justify;”>Sometimes, you just want to get your visitors attentions by highlighting some important information or put out some prominent links. The “Icon Box” element will do exactly that. Pick an icon or image, the style of the icon box and the icon position, pick the right colors you want (even assign a background pattern to the icon box), some content, a link to another page or file … and you’re done.</p>
[/vc_column_text][TS-VCSC-Spacer height=”20″][TS_VCSC_Fancy_List list_type=”image” marker_image=”https://www.composium.krautcoding.com/wp-content/plugins/ts-visual-composer-extend/images/bullets/bullet_arrow_blue.png”]
<ul>
<li style=”text-align: justify;”>4,600+ icons with search feature</li>
<li style=”text-align: justify;”>Unlimited background colors for icons and box</li>
<li style=”text-align: justify;”>100 background patterns for box</li>
<li style=”text-align: justify;”>Icon can be inside or outside the box (left or top)</li>
<li style=”text-align: justify;”>Custom size setting for icon</li>
<li style=”text-align: justify;”>Apply custom borders to icon and box</li>
<li style=”text-align: justify;”>Apply link to entire icon box or add custom link button</li>
<li style=”text-align: justify;”>Apply CSS hover animation to icon and/or icon box</li>
<li style=”text-align: justify;”>Apply CSS viewport animation to icon box</li>
<li style=”text-align: justify;”>Apply CSS shadows to icon box</li>
</ul>
[/TS_VCSC_Fancy_List][TS-VCSC-Spacer height=”20″][TS_VCSC_Content_Export toggle_switch=”true” toggle_background=”#00c8bb” clipboard=”true”][TS-VCSC-Spacer height=”40″][/vc_column][vc_column width=”1/2″][TS-VCSC-Spacer height=”40″][vc_single_image image=”22489″ img_size=”large” alignment=”center” css_animation=”fadeInRight”][TS-VCSC-Spacer height=”40″][/vc_column][/vc_row][vc_row full_width=”stretch_row_content” margin_top=”0″ padding_left=”0″ padding_right=”0″ bg_position=”top” bg_repeat=”no-repeat” bg_cover=”false” bg_attachment=”false” padding_top=”30″ padding_bottom=”30″ parallax_speed=”0.1″ margin_left=”0″ margin_right=”0″ css=”.vc_custom_1578145225108{margin-bottom: 0px !important;background-color: #ecebe9 !important;}”][vc_column][TS-VCSC-Spacer height=”20″][vc_column_text]
<h1 style=”text-align: center;”>ICON INSIDE BOX (LEFT)</h1>
<h3 style=”text-align: center;”>SHOW ADVANCED TEXT OR CALLOUT BOXES</h3>
[/vc_column_text][TS-VCSC-Spacer height=”40″][/vc_column][/vc_row][vc_row margin_top=”0″ padding_left=”40″ padding_right=”40″ type=”1″ bg_position=”top” bg_repeat=”no-repeat” bg_cover=”false” bg_attachment=”false” padding_top=”30″ padding_bottom=”30″ parallax_speed=”0.1″ margin_left=”0″ margin_right=”0″ css=”.vc_custom_1479688552048{margin-bottom: 0px !important;}”][vc_column][TS-VCSC-Spacer height=”40″][vc_row_inner][vc_column_inner width=”1/3″][TS-VCSC-Icon-Box-Tiny title=”Icon Box Title” font_title_family=”Default:regular” font_content_family=”Default:regular” icon=”fa fa-comments-o” box_border_type=”solid” box_border_color=”#cccccc” animations=”true” animation_box=”ts-css-effect1″ animation_shadow=”curved” animation_view=”left-to-right”]
<p style=”text-align: justify;”><span style=”color: #000000;”>Hi, I’m an icon box and you can style me in almost every possible way!</span></p>
[/TS-VCSC-Icon-Box-Tiny][/vc_column_inner][vc_column_inner width=”1/3″][TS-VCSC-Icon-Box-Tiny box_background_type=”pattern” box_background_pattern=”https://www.composium.krautcoding.com/wp-content/plugins/ts-visual-composer-extend/images/pattern/31.jpg” title=”Icon Box Title” font_title_family=”Default:regular” title_align=”left” font_content_family=”Default:regular” icon=”fa fa-comments-o” icon_color=”#dd3333″ box_border_type=”solid” box_border_color=”#cccccc” animations=”true” animation_box=”ts-css-effect1″ animation_shadow=”curved” animation_view=”left-to-right”]
<p style=”text-align: justify;”><span style=”color: #000000;”>Hi, I’m an icon box and you can style me in almost every possible way!</span></p>
[/TS-VCSC-Icon-Box-Tiny][/vc_column_inner][vc_column_inner width=”1/3″][TS-VCSC-Icon-Box-Tiny box_background_type=”pattern” box_background_pattern=”https://www.composium.krautcoding.com/wp-content/plugins/ts-visual-composer-extend/images/pattern/05.jpg” title=”Icon Box Title” font_title_family=”Default:regular” title_color=”#cccccc” title_align=”right” font_content_family=”Default:regular” icon=”fa fa-comments-o” icon_color=”#eeee22″ box_border_type=”solid” box_border_color=”#cccccc” animations=”true” animation_box=”ts-css-effect1″ animation_shadow=”curved” animation_view=”left-to-right”]
<p style=”text-align: justify;”><span style=”color: #cccccc;”>Hi, I’m an icon box and you can style me in almost every possible way!</span></p>
[/TS-VCSC-Icon-Box-Tiny][/vc_column_inner][/vc_row_inner][TS-VCSC-Spacer height=”20″][vc_row_inner][vc_column_inner width=”1/3″][TS-VCSC-Icon-Box-Tiny title=”Icon Box Title” font_title_family=”Default:regular” font_content_family=”Default:regular” read_more_link=”button” read_more_txt=”Buy Me!” font_button_family=”Default:regular” read_more_url=”https://codecanyon.net/item/visual-composer-extensions-addon/7190695″ read_more_target=”_blank” icon=”fa fa-comments-o” box_border_type=”solid” box_border_color=”#cccccc” animations=”true” animation_box=”ts-css-effect1″ animation_shadow=”curved” animation_view=”left-to-right”]
<p style=”text-align: justify;”><span style=”color: #000000;”>Hi, I’m an icon box and you can style me in almost every possible way!</span></p>
[/TS-VCSC-Icon-Box-Tiny][/vc_column_inner][vc_column_inner width=”1/3″][TS-VCSC-Icon-Box-Tiny box_background_type=”pattern” box_background_pattern=”https://www.composium.krautcoding.com/wp-content/plugins/ts-visual-composer-extend/images/pattern/31.jpg” title=”Icon Box Title” font_title_family=”Default:regular” title_align=”left” font_content_family=”Default:regular” read_more_link=”button” read_more_txt=”Buy Me!” font_button_family=”Default:regular” read_more_url=”https://codecanyon.net/item/visual-composer-extensions-addon/7190695″ read_more_target=”_blank” icon=”fa fa-comments-o” icon_color=”#dd3333″ box_border_type=”solid” box_border_color=”#cccccc” animations=”true” animation_box=”ts-css-effect1″ animation_shadow=”curved” animation_view=”left-to-right”]
<p style=”text-align: justify;”><span style=”color: #000000;”>Hi, I’m an icon box and you can style me in almost every possible way!</span></p>
[/TS-VCSC-Icon-Box-Tiny][/vc_column_inner][vc_column_inner width=”1/3″][TS-VCSC-Icon-Box-Tiny box_background_type=”pattern” box_background_pattern=”https://www.composium.krautcoding.com/wp-content/plugins/ts-visual-composer-extend/images/pattern/05.jpg” title=”Icon Box Title” font_title_family=”Default:regular” title_color=”#cccccc” title_align=”right” font_content_family=”Default:regular” read_more_link=”button” read_more_txt=”Buy Me!” font_button_family=”Default:regular” read_more_url=”https://codecanyon.net/item/visual-composer-extensions-addon/7190695″ icon=”fa fa-comments-o” icon_color=”#eeee22″ box_border_type=”solid” box_border_color=”#cccccc” animations=”true” animation_box=”ts-css-effect1″ animation_shadow=”curved” animation_view=”left-to-right”]
<p style=”text-align: justify;”><span style=”color: #cccccc;”>Hi, I’m an icon box and you can style me in almost every possible way!</span></p>
[/TS-VCSC-Icon-Box-Tiny][/vc_column_inner][/vc_row_inner][TS-VCSC-Spacer height=”20″][vc_row_inner][vc_column_inner width=”1/3″][TS-VCSC-Icon-Box-Tiny title=”Just Icon + Title” font_title_family=”Default:regular” title_weight=”bolder” font_content_family=”Default:regular” icon_replace=”true” icon_image=”21941″ icon_background=”#f7f7f7″ icon_size_slide=”60″ animations=”true” animation_class=”shake” css3animations_in=”Shake” el_file1=”” el_file2=””][/TS-VCSC-Icon-Box-Tiny][/vc_column_inner][vc_column_inner width=”1/3″][TS-VCSC-Icon-Box-Tiny title=”Just Icon + Title” font_title_family=”Default:regular” title_weight=”bolder” font_content_family=”Default:regular” icon_replace=”true” icon_image=”21940″ icon_background=”#f7f7f7″ icon_size_slide=”60″ animations=”true” animation_class=”bounce” css3animations_in=”Bounce” el_file1=”” el_file2=””][/TS-VCSC-Icon-Box-Tiny][/vc_column_inner][vc_column_inner width=”1/3″][TS-VCSC-Icon-Box-Tiny title=”Just Icon + Title” font_title_family=”Default:regular” title_weight=”bolder” font_content_family=”Default:regular” icon_replace=”true” icon_image=”21813″ icon_background=”#f7f7f7″ icon_size_slide=”60″ animations=”true” animation_class=”tada” css3animations_in=”Tada” el_file1=”” el_file2=””][/TS-VCSC-Icon-Box-Tiny][/vc_column_inner][/vc_row_inner][TS-VCSC-Spacer height=”40″][/vc_column][/vc_row][vc_row full_width=”stretch_row_content” margin_top=”0″ padding_left=”0″ padding_right=”0″ bg_position=”top” bg_repeat=”no-repeat” bg_cover=”false” bg_attachment=”false” padding_top=”30″ padding_bottom=”30″ parallax_speed=”0.1″ margin_left=”0″ margin_right=”0″ css=”.vc_custom_1578145234422{margin-bottom: 0px !important;background-color: #ecebe9 !important;}”][vc_column][TS-VCSC-Spacer height=”20″][vc_column_text]
<h1 style=”text-align: center;”>ICON INSIDE BOX (TOP)</h1>
<h3 style=”text-align: center;”>SHOW ADVANCED TEXT OR CALLOUT BOXES</h3>
[/vc_column_text][TS-VCSC-Spacer height=”40″][/vc_column][/vc_row][vc_row margin_top=”0″ padding_left=”40″ padding_right=”40″ bg_position=”top” bg_repeat=”no-repeat” bg_cover=”false” bg_attachment=”false” padding_top=”30″ padding_bottom=”30″ parallax_speed=”0.1″ margin_left=”0″ margin_right=”0″ css=”.vc_custom_1479688583660{margin-bottom: 0px !important;}”][vc_column][TS-VCSC-Spacer height=”40″][vc_row_inner][vc_column_inner width=”1/3″][TS-VCSC-Icon-Box-Tiny style=”icon_top” title=”Icon Box Title” font_title_family=”Default:regular” font_content_family=”Default:regular” icon=”fa fa-bug” icon_color=”#81d742″ icon_size_slide=”60″ box_border_type=”solid” box_border_color=”#cccccc” animations=”true” animation_shadow=”curved-vertical”]
<p style=”text-align: justify;”><span style=”color: #000000;”>Hi, I’m an icon box and you can style me in almost every possible way!</span></p>
[/TS-VCSC-Icon-Box-Tiny][/vc_column_inner][vc_column_inner width=”1/3″][TS-VCSC-Icon-Box-Tiny style=”icon_top” box_background_type=”pattern” box_background_pattern=”https://www.composium.krautcoding.com/wp-content/plugins/ts-visual-composer-extend/images/pattern/87.jpg” title=”Icon Box Title” font_title_family=”Default:regular” font_content_family=”Default:regular” icon=”fa fa-bug” icon_color=”#81d742″ icon_size_slide=”60″ box_border_type=”solid” box_border_color=”#cccccc” animations=”true” animation_shadow=”curved-vertical”]
<p style=”text-align: justify;”><span style=”color: #000000;”>Hi, I’m an icon box and you can style me in almost every possible way!</span></p>
[/TS-VCSC-Icon-Box-Tiny][/vc_column_inner][vc_column_inner width=”1/3″][TS-VCSC-Icon-Box-Tiny style=”icon_top” box_background_type=”pattern” box_background_pattern=”https://www.composium.krautcoding.com/wp-content/plugins/ts-visual-composer-extend/images/pattern/43.jpg” title=”Icon Box Title” font_title_family=”Default:regular” font_content_family=”Default:regular” icon=”fa fa-bug” icon_color=”#81d742″ icon_size_slide=”60″ box_border_type=”solid” box_border_color=”#cccccc” animations=”true” animation_shadow=”curved-vertical”]
<p style=”text-align: justify;”><span style=”color: #000000;”>Hi, I’m an icon box and you can style me in almost every possible way!</span></p>
[/TS-VCSC-Icon-Box-Tiny][/vc_column_inner][/vc_row_inner][TS-VCSC-Spacer height=”20″][vc_row_inner][vc_column_inner width=”1/3″][TS-VCSC-Icon-Box-Tiny style=”icon_top” title=”Icon Box Title” font_title_family=”Default:regular” font_content_family=”Default:regular” read_more_link=”button” read_more_txt=”Buy Me!” font_button_family=”Default:regular” read_more_url=”https://codecanyon.net/item/visual-composer-extensions-addon/7190695″ read_more_target=”_blank” icon=”fa fa-ambulance” icon_color=”#dd3333″ icon_size_slide=”60″ box_border_type=”solid” box_border_color=”#cccccc” animations=”true” animation_box=”ts-css-effect2″]
<p style=”text-align: justify;”><span style=”color: #000000;”>Hi, I’m an icon box and you can style me in almost every possible way!</span></p>
[/TS-VCSC-Icon-Box-Tiny][/vc_column_inner][vc_column_inner width=”1/3″][TS-VCSC-Icon-Box-Tiny style=”icon_top” box_background_type=”pattern” box_background_pattern=”https://www.composium.krautcoding.com/wp-content/plugins/ts-visual-composer-extend/images/pattern/87.jpg” title=”Icon Box Title” font_title_family=”Default:regular” font_content_family=”Default:regular” read_more_link=”button” read_more_txt=”Buy Me!” font_button_family=”Default:regular” read_more_url=”https://codecanyon.net/item/visual-composer-extensions-addon/7190695″ read_more_target=”_blank” icon=”fa fa-ambulance” icon_color=”#dd3333″ icon_size_slide=”60″ box_border_type=”solid” box_border_color=”#cccccc” animations=”true” animation_box=”ts-css-effect2″]
<p style=”text-align: justify;”><span style=”color: #000000;”>Hi, I’m an icon box and you can style me in almost every possible way!</span></p>
[/TS-VCSC-Icon-Box-Tiny][/vc_column_inner][vc_column_inner width=”1/3″][TS-VCSC-Icon-Box-Tiny style=”icon_top” box_background_type=”pattern” box_background_pattern=”https://www.composium.krautcoding.com/wp-content/plugins/ts-visual-composer-extend/images/pattern/43.jpg” title=”Icon Box Title” font_title_family=”Default:regular” font_content_family=”Default:regular” read_more_link=”button” read_more_txt=”Buy Me!” font_button_family=”Default:regular” read_more_url=”https://codecanyon.net/item/visual-composer-extensions-addon/7190695″ read_more_target=”_blank” icon=”fa fa-ambulance” icon_color=”#dd3333″ icon_size_slide=”60″ box_border_type=”solid” box_border_color=”#cccccc” animations=”true” animation_box=”ts-css-effect2″]
<p style=”text-align: justify;”><span style=”color: #000000;”>Hi, I’m an icon box and you can style me in almost every possible way!</span></p>
[/TS-VCSC-Icon-Box-Tiny][/vc_column_inner][/vc_row_inner][TS-VCSC-Spacer height=”20″][vc_row_inner][vc_column_inner width=”1/3″][TS-VCSC-Icon-Box-Tiny style=”icon_top” title=”Just Icon + Title” font_title_family=”Default:regular” title_weight=”bolder” font_content_family=”Default:regular” icon_replace=”true” icon_image=”21851″ icon_size_slide=”60″ animations=”true” animation_effect=”ts-infinite-css-” animation_class=”rollIn” css3animations_in=”Roll In”][/TS-VCSC-Icon-Box-Tiny][/vc_column_inner][vc_column_inner width=”1/3″][TS-VCSC-Icon-Box-Tiny style=”icon_top” title=”Just Icon + Title” font_title_family=”Default:regular” title_weight=”bolder” font_content_family=”Default:regular” icon_replace=”true” icon_image=”21958″ icon_size_slide=”60″ animations=”true” animation_effect=”ts-infinite-css-” animation_class=”rotateFull” css3animations_in=”Rotate Full”][/TS-VCSC-Icon-Box-Tiny][/vc_column_inner][vc_column_inner width=”1/3″][TS-VCSC-Icon-Box-Tiny style=”icon_top” title=”Just Icon + Title” font_title_family=”Default:regular” title_weight=”bolder” font_content_family=”Default:regular” icon_replace=”true” icon_image=”21821″ icon_size_slide=”60″ animations=”true” animation_effect=”ts-infinite-css-” animation_class=”flipInY” css3animations_in=”Flip In Y”][/TS-VCSC-Icon-Box-Tiny][/vc_column_inner][/vc_row_inner][TS-VCSC-Spacer height=”40″][/vc_column][/vc_row][vc_row full_width=”stretch_row_content” margin_top=”0″ padding_left=”0″ padding_right=”0″ bg_position=”top” bg_repeat=”no-repeat” bg_cover=”false” bg_attachment=”false” padding_top=”30″ padding_bottom=”30″ parallax_speed=”0.1″ margin_left=”0″ margin_right=”0″ css=”.vc_custom_1578145241927{margin-bottom: 0px !important;background-color: #ecebe9 !important;}”][vc_column][TS-VCSC-Spacer height=”20″][vc_column_text]
<h1 style=”text-align: center;”>ICON OUTSIDE BOX (LEFT)</h1>
<h3 style=”text-align: center;”>SHOW ADVANCED TEXT OR CALLOUT BOXES</h3>
[/vc_column_text][TS-VCSC-Spacer height=”40″][/vc_column][/vc_row][vc_row margin_top=”0″ padding_left=”40″ padding_right=”40″ type=”1″ bg_position=”top” bg_repeat=”no-repeat” bg_cover=”false” bg_attachment=”false” padding_top=”30″ padding_bottom=”30″ parallax_speed=”0.1″ margin_left=”0″ margin_right=”0″ css=”.vc_custom_1479688627911{margin-bottom: 0px !important;}”][vc_column][TS-VCSC-Spacer height=”40″][vc_row_inner][vc_column_inner width=”1/3″][TS-VCSC-Icon-Box-Tiny style=”boxed_left” title=”Icon Box Title” font_title_family=”Default:regular” font_content_family=”Default:regular” icon=”fa fa-briefcase” icon_color=”#dd9933″ icon_background=”#ffffff” icon_size_slide=”40″ icon_frame_type=”solid” icon_frame_radius=”ts-radius-full” icon_frame_color=”#cccccc” icon_padding=”10″ box_border_type=”solid” box_border_color=”#cccccc” animations=”true” animation_shadow=”raised”]
<p style=”text-align: justify;”><span style=”color: #000000;”>Hi, I’m an icon box with some content and you can style me in almost every possible way!</span></p>
[/TS-VCSC-Icon-Box-Tiny][/vc_column_inner][vc_column_inner width=”1/3″][TS-VCSC-Icon-Box-Tiny style=”boxed_left” box_background_type=”pattern” box_background_pattern=”https://www.composium.krautcoding.com/wp-content/plugins/ts-visual-composer-extend/images/pattern/10.jpg” title=”Icon Box Title” font_title_family=”Default:regular” font_content_family=”Default:regular” icon=”fa fa-briefcase” icon_color=”#dd9933″ icon_background=”#eded8e” icon_size_slide=”40″ icon_frame_type=”solid” icon_frame_radius=”ts-radius-full” icon_frame_color=”#cccccc” icon_padding=”10″ box_border_type=”solid” box_border_color=”#cccccc” animations=”true” animation_shadow=”raised”]
<p style=”text-align: justify;”><span style=”color: #000000;”>Hi, I’m an icon box with some content and you can style me in almost every possible way!</span></p>
[/TS-VCSC-Icon-Box-Tiny][/vc_column_inner][vc_column_inner width=”1/3″][TS-VCSC-Icon-Box-Tiny style=”boxed_left” box_background_color=”#eeee22″ title=”Icon Box Title” font_title_family=”Default:regular” font_content_family=”Default:regular” icon=”fa fa-briefcase” icon_color=”#dd9933″ icon_background=”#ffffff” icon_size_slide=”40″ icon_frame_type=”solid” icon_frame_radius=”ts-radius-full” icon_frame_color=”#cccccc” icon_padding=”10″ box_border_type=”solid” box_border_color=”#cccccc” animations=”true” animation_shadow=”raised”]
<p style=”text-align: justify;”><span style=”color: #000000;”>Hi, I’m an icon box with some content and you can style me in almost every possible way!</span></p>
[/TS-VCSC-Icon-Box-Tiny][/vc_column_inner][/vc_row_inner][TS-VCSC-Spacer height=”20″][vc_row_inner][vc_column_inner width=”1/3″][TS-VCSC-Icon-Box-Tiny style=”boxed_left” title=”Icon Box Title” font_title_family=”Default:regular” font_content_family=”Default:regular” read_more_link=”button” read_more_txt=”Buy Me!” font_button_family=”Default:regular” read_more_url=”https://codecanyon.net/item/visual-composer-extensions-addon/7190695″ read_more_target=”_blank” read_more_style=”2″ icon=”fa fa-book” icon_color=”#dd9933″ icon_background=”#ffffff” icon_size_slide=”40″ icon_frame_type=”solid” icon_frame_color=”#cccccc” icon_padding=”10″ box_border_type=”solid” box_border_color=”#cccccc” animations=”true” animation_shadow=”perspective-right”]
<p style=”text-align: justify;”><span style=”color: #000000;”>Hi, I’m an icon box with some content and you can style me in almost every possible way!</span></p>
[/TS-VCSC-Icon-Box-Tiny][/vc_column_inner][vc_column_inner width=”1/3″][TS-VCSC-Icon-Box-Tiny style=”boxed_left” box_background_type=”pattern” box_background_pattern=”https://www.composium.krautcoding.com/wp-content/plugins/ts-visual-composer-extend/images/pattern/10.jpg” title=”Icon Box Title” font_title_family=”Default:regular” font_content_family=”Default:regular” read_more_link=”button” read_more_txt=”Buy Me!” font_button_family=”Default:regular” read_more_url=”https://codecanyon.net/item/visual-composer-extensions-addon/7190695″ read_more_target=”_blank” read_more_style=”2″ icon=”fa fa-book” icon_color=”#dd9933″ icon_background=”#ffffff” icon_size_slide=”40″ icon_frame_type=”solid” icon_frame_color=”#cccccc” icon_padding=”10″ box_border_type=”solid” box_border_color=”#cccccc” animations=”true” animation_shadow=”perspective-right”]
<p style=”text-align: justify;”><span style=”color: #000000;”>Hi, I’m an icon box with some content and you can style me in almost every possible way!</span></p>
[/TS-VCSC-Icon-Box-Tiny][/vc_column_inner][vc_column_inner width=”1/3″][TS-VCSC-Icon-Box-Tiny style=”boxed_left” box_background_color=”#eeee22″ title=”Icon Box Title” font_title_family=”Default:regular” font_content_family=”Default:regular” read_more_link=”button” read_more_txt=”Buy Me!” font_button_family=”Default:regular” read_more_url=”https://codecanyon.net/item/visual-composer-extensions-addon/7190695″ read_more_target=”_blank” read_more_style=”2″ icon=”fa fa-book” icon_color=”#dd9933″ icon_background=”#ffffff” icon_size_slide=”40″ icon_frame_type=”solid” icon_frame_color=”#cccccc” icon_padding=”10″ box_border_type=”solid” box_border_color=”#cccccc” animations=”true” animation_shadow=”perspective-right”]
<p style=”text-align: justify;”><span style=”color: #000000;”>Hi, I’m an icon box with some content and you can style me in almost every possible way!</span></p>
[/TS-VCSC-Icon-Box-Tiny][/vc_column_inner][/vc_row_inner][TS-VCSC-Spacer height=”20″][vc_row_inner][vc_column_inner width=”1/3″][TS-VCSC-Icon-Box-Tiny style=”boxed_left” title=”Icon Box Title” font_title_family=”Default:regular” title_weight=”bolder” title_align=”left” font_content_family=”Default:regular” icon_replace=”true” icon_image=”21809″ icon_background=”#f7f7f7″ icon_size_slide=”60″ icon_padding=”0″ separator_type=”solid” separator_color=”#cccccc” animations=”true” animation_effect=”ts-infinite-css-” animation_class=”swing” css3animations_in=”Swing” el_file1=”” el_file2=””]
<p style=”text-align: justify;”><span style=”color: #000000;”>Hi, I’m an icon box with some content and you can style me in almost every possible way!</span></p>
[/TS-VCSC-Icon-Box-Tiny][/vc_column_inner][vc_column_inner width=”1/3″][TS-VCSC-Icon-Box-Tiny style=”boxed_left” title=”Icon Box Title” font_title_family=”Default:regular” title_weight=”bolder” title_align=”left” font_content_family=”Default:regular” icon_replace=”true” icon_image=”21887″ icon_background=”#f7f7f7″ icon_size_slide=”60″ icon_padding=”0″ separator_type=”solid” separator_color=”#cccccc” animations=”true” animation_effect=”ts-infinite-css-” animation_class=”bounceIn” css3animations_in=”Bounce In” el_file1=”” el_file2=””]
<p style=”text-align: justify;”><span style=”color: #000000;”>Hi, I’m an icon box with some content and you can style me in almost every possible way!</span></p>
[/TS-VCSC-Icon-Box-Tiny][/vc_column_inner][vc_column_inner width=”1/3″][TS-VCSC-Icon-Box-Tiny style=”boxed_left” title=”Icon Box Title” font_title_family=”Default:regular” title_weight=”bolder” title_align=”left” font_content_family=”Default:regular” icon_replace=”true” icon_image=”21872″ icon_background=”#f7f7f7″ icon_size_slide=”60″ icon_padding=”0″ separator_type=”solid” separator_color=”#cccccc” animations=”true” animation_effect=”ts-infinite-css-” animation_class=”lightSpeedIn” css3animations_in=”Light Speed In” el_file1=”” el_file2=””]
<p style=”text-align: justify;”><span style=”color: #000000;”>Hi, I’m an icon box with some content and you can style me in almost every possible way!</span></p>
[/TS-VCSC-Icon-Box-Tiny][/vc_column_inner][/vc_row_inner][TS-VCSC-Spacer height=”40″][/vc_column][/vc_row][vc_row full_width=”stretch_row_content” margin_top=”0″ padding_left=”0″ padding_right=”0″ bg_position=”top” bg_repeat=”no-repeat” bg_cover=”false” bg_attachment=”false” padding_top=”30″ padding_bottom=”30″ parallax_speed=”0.1″ margin_left=”0″ margin_right=”0″ css=”.vc_custom_1578145249276{margin-bottom: 0px !important;background-color: #ecebe9 !important;}”][vc_column][TS-VCSC-Spacer height=”20″][vc_column_text]
<h1 style=”text-align: center;”>ICON OUTSIDE BOX (TOP)</h1>
<h3 style=”text-align: center;”>SHOW ADVANCED TEXT OR CALLOUT BOXES</h3>
[/vc_column_text][TS-VCSC-Spacer height=”40″][/vc_column][/vc_row][vc_row margin_top=”0″ padding_left=”40″ padding_right=”40″ bg_position=”top” bg_repeat=”no-repeat” bg_cover=”false” bg_attachment=”false” padding_top=”30″ padding_bottom=”30″ parallax_speed=”0.1″ margin_left=”0″ margin_right=”0″ css=”.vc_custom_1479688656875{margin-bottom: 0px !important;}”][vc_column][TS-VCSC-Spacer height=”40″][vc_row_inner][vc_column_inner width=”1/3″][TS-VCSC-Icon-Box-Tiny style=”boxed_top” title=”Icon Box Title” font_title_family=”Default:regular” font_content_family=”Default:regular” icon=”fa fa-heart” icon_color=”#dd3333″ icon_background=”#ffffff” icon_size_slide=”40″ icon_frame_type=”solid” icon_frame_radius=”ts-radius-full” icon_frame_color=”#cccccc” icon_padding=”10″ box_border_type=”solid” box_border_color=”#cccccc” animations=”true” animation_effect=”ts-infinite-css-” animation_class=”pulseGrow” css3animations_in=”Pulse Grow” animation_shadow=”lifted”]
<p style=”text-align: justify;”><span style=”color: #000000;”>Hi, I’m an icon box with some content and you can style me in almost every possible way!</span></p>
[/TS-VCSC-Icon-Box-Tiny][/vc_column_inner][vc_column_inner width=”1/3″][TS-VCSC-Icon-Box-Tiny style=”boxed_top” box_background_type=”pattern” box_background_pattern=”https://www.composium.krautcoding.com/wp-content/plugins/ts-visual-composer-extend/images/pattern/87.jpg” title=”Icon Box Title” font_title_family=”Default:regular” font_content_family=”Default:regular” icon=”fa fa-heart” icon_color=”#dd3333″ icon_background=”#ffffff” icon_size_slide=”40″ icon_frame_type=”solid” icon_frame_radius=”ts-radius-full” icon_frame_color=”#cccccc” icon_padding=”10″ box_border_type=”solid” box_border_color=”#cccccc” animations=”true” animation_effect=”ts-infinite-css-” animation_class=”pulseGrow” css3animations_in=”Pulse Grow” animation_shadow=”lifted”]
<p style=”text-align: justify;”><span style=”color: #000000;”>Hi, I’m an icon box with some content and you can style me in almost every possible way!</span></p>
[/TS-VCSC-Icon-Box-Tiny][/vc_column_inner][vc_column_inner width=”1/3″][TS-VCSC-Icon-Box-Tiny style=”boxed_top” box_background_color=”#b5d6b1″ title=”Icon Box Title” font_title_family=”Default:regular” font_content_family=”Default:regular” icon=”fa fa-heart” icon_color=”#dd3333″ icon_background=”#ffffff” icon_size_slide=”40″ icon_frame_type=”solid” icon_frame_radius=”ts-radius-full” icon_frame_color=”#cccccc” icon_padding=”10″ box_border_type=”solid” box_border_color=”#cccccc” animations=”true” animation_effect=”ts-infinite-css-” animation_class=”pulseGrow” css3animations_in=”Pulse Grow” animation_shadow=”lifted”]
<p style=”text-align: justify;”><span style=”color: #000000;”>Hi, I’m an icon box with some content and you can style me in almost every possible way!</span></p>
[/TS-VCSC-Icon-Box-Tiny][/vc_column_inner][/vc_row_inner][TS-VCSC-Spacer height=”20″][vc_row_inner][vc_column_inner width=”1/3″][TS-VCSC-Icon-Box-Tiny style=”boxed_top” title=”Icon Box Title” font_title_family=”Default:regular” font_content_family=”Default:regular” read_more_link=”button” read_more_txt=”Buy Me!” font_button_family=”Default:regular” read_more_url=”https://codecanyon.net/item/visual-composer-extensions-addon/7190695″ read_more_target=”_blank” read_more_style=”3″ icon=”fa fa-home” icon_color=”#939393″ icon_background=”#ffffff” icon_size_slide=”40″ icon_frame_type=”solid” icon_frame_radius=”ts-radius-full” icon_frame_color=”#cccccc” icon_padding=”10″ box_border_type=”solid” box_border_color=”#cccccc” animations=”true” animation_effect=”ts-infinite-css-” animation_shadow=”lifted”]
<p style=”text-align: justify;”><span style=”color: #000000;”>Hi, I’m an icon box with some content and you can style me in almost every possible way!</span></p>
[/TS-VCSC-Icon-Box-Tiny][/vc_column_inner][vc_column_inner width=”1/3″][TS-VCSC-Icon-Box-Tiny style=”boxed_top” box_background_type=”pattern” box_background_pattern=”https://www.composium.krautcoding.com/wp-content/plugins/ts-visual-composer-extend/images/pattern/87.jpg” title=”Icon Box Title” font_title_family=”Default:regular” font_content_family=”Default:regular” read_more_link=”button” read_more_txt=”Buy Me!” font_button_family=”Default:regular” read_more_url=”https://codecanyon.net/item/visual-composer-extensions-addon/7190695″ read_more_target=”_blank” read_more_style=”3″ icon=”fa fa-home” icon_color=”#939393″ icon_background=”#ffffff” icon_size_slide=”40″ icon_frame_type=”solid” icon_frame_radius=”ts-radius-full” icon_frame_color=”#cccccc” icon_padding=”10″ box_border_type=”solid” box_border_color=”#cccccc” animations=”true” animation_effect=”ts-infinite-css-” animation_shadow=”lifted”]
<p style=”text-align: justify;”><span style=”color: #000000;”>Hi, I’m an icon box with some content and you can style me in almost every possible way!</span></p>
[/TS-VCSC-Icon-Box-Tiny][/vc_column_inner][vc_column_inner width=”1/3″][TS-VCSC-Icon-Box-Tiny style=”boxed_top” box_background_color=”#b5d6b1″ title=”Icon Box Title” font_title_family=”Default:regular” font_content_family=”Default:regular” read_more_link=”button” read_more_txt=”Buy Me!” font_button_family=”Default:regular” read_more_url=”https://codecanyon.net/item/visual-composer-extensions-addon/7190695″ read_more_target=”_blank” read_more_style=”3″ icon=”fa fa-home” icon_color=”#939393″ icon_background=”#ffffff” icon_size_slide=”40″ icon_frame_type=”solid” icon_frame_radius=”ts-radius-full” icon_frame_color=”#cccccc” icon_padding=”10″ box_border_type=”solid” box_border_color=”#cccccc” animations=”true” animation_effect=”ts-infinite-css-” animation_shadow=”lifted”]
<p style=”text-align: justify;”><span style=”color: #000000;”>Hi, I’m an icon box with some content and you can style me in almost every possible way!</span></p>
[/TS-VCSC-Icon-Box-Tiny][/vc_column_inner][/vc_row_inner][TS-VCSC-Spacer height=”20″][vc_row_inner][vc_column_inner width=”1/3″][TS-VCSC-Icon-Box-Tiny style=”boxed_top” title=”Icon Box Title” font_title_family=”Default:regular” font_content_family=”Default:regular” icon_replace=”true” icon_image=”21875″ icon_background=”#ffffff” icon_size_slide=”60″ icon_padding=”0″ separator_type=”solid” separator_color=”#cccccc” animations=”true” animation_effect=”ts-infinite-css-” animation_class=”wobble” css3animations_in=”Wobble Standard”]
<p style=”text-align: justify;”><span style=”color: #000000;”>Hi, I’m an icon box with some content and you can style me in almost every possible way!</span></p>
[/TS-VCSC-Icon-Box-Tiny][/vc_column_inner][vc_column_inner width=”1/3″][TS-VCSC-Icon-Box-Tiny style=”boxed_top” title=”Icon Box Title” font_title_family=”Default:regular” font_content_family=”Default:regular” icon_replace=”true” icon_image=”21878″ icon_background=”#ffffff” icon_size_slide=”60″ icon_padding=”0″ separator_type=”solid” separator_color=”#cccccc” animations=”true” animation_effect=”ts-infinite-css-” animation_class=”flipOutX” css3animations_in=”Flip Out X”]
<p style=”text-align: justify;”><span style=”color: #000000;”>Hi, I’m an icon box with some content and you can style me in almost every possible way!</span></p>
[/TS-VCSC-Icon-Box-Tiny][/vc_column_inner][vc_column_inner width=”1/3″][TS-VCSC-Icon-Box-Tiny style=”boxed_top” title=”Icon Box Title” font_title_family=”Default:regular” font_content_family=”Default:regular” icon_replace=”true” icon_image=”21876″ icon_background=”#ffffff” icon_size_slide=”60″ icon_padding=”0″ separator_type=”solid” separator_color=”#cccccc” animations=”true” animation_effect=”ts-infinite-css-” animation_class=”pulseShrink” css3animations_in=”Pulse Shrink”]
<p style=”text-align: justify;”><span style=”color: #000000;”>Hi, I’m an icon box with some content and you can style me in almost every possible way!</span></p>
[/TS-VCSC-Icon-Box-Tiny][/vc_column_inner][/vc_row_inner][TS-VCSC-Spacer height=”40″][/vc_column][/vc_row]
