Flip boxes are a really nice way to get advertise and similar to call to action. They are great for grabbing the users attention and adding some interaction with your content.
[cesis_flip_box flip_type="vertical_to_top" box_padding="20px" box_height="150" use_icon="yes" i_space="0" heading="" heading_space="0" text="" back_heading="Easy to customize" back_heading_space="" back_text="" back_text_space="0" use_button="" box_front_bg_color="#f4f4f4" box_back_bg_color="#252a2f" box_front_border_color="#ffffff" box_back_border_color="#252a2f" icon_color="#444444" back_heading_color="#ffffff" b_heading_l_spacing="1" icon="fa-conf"]
[cesis_flip_box flip_type="vertical_to_bottom" box_padding="20px" box_height="150" use_icon="yes" i_space="0" heading="" heading_space="0" text="" back_heading="Pre-made template" back_heading_space="" back_text="" back_text_space="0" use_button="" box_front_bg_color="#f4f4f4" box_back_bg_color="#252a2f" box_front_border_color="#ffffff" box_back_border_color="#252a2f" icon_color="#444444" back_heading_color="#ffffff" b_heading_l_spacing="1" icon="fa-layers2"]
[cesis_flip_box flip_type="vertical_to_top" box_padding="20px" box_height="150" use_icon="yes" i_space="0" heading="" heading_space="0" text="" back_heading="one click import" back_heading_space="" back_text="" back_text_space="0" use_button="" box_front_bg_color="#f4f4f4" box_back_bg_color="#252a2f" box_front_border_color="#ffffff" box_back_border_color="#252a2f" icon_color="#444444" back_heading_color="#ffffff" b_heading_l_spacing="1" icon="fa-download3"]
[cesis_flip_box flip_type="vertical_to_bottom" box_padding="20px" box_height="150" use_icon="yes" i_space="0" heading="" heading_space="0" text="" back_heading="fully responsive" back_heading_space="" back_text="" back_text_space="0" use_button="" box_front_bg_color="#f4f4f4" box_back_bg_color="#252a2f" box_front_border_color="#ffffff" box_back_border_color="#252a2f" icon_color="#444444" back_heading_color="#ffffff" b_heading_l_spacing="1" icon="fa-desktop2"]
[cesis_flip_box flip_type="vertical_to_top" box_padding="20px" box_height="150" use_icon="yes" i_space="0" heading="" heading_space="0" text="" back_heading="Light and Fast" back_heading_space="" back_text="" back_text_space="0" use_button="" box_front_bg_color="#f4f4f4" box_back_bg_color="#252a2f" box_front_border_color="#ffffff" box_back_border_color="#252a2f" icon_color="#444444" back_heading_color="#ffffff" b_heading_l_spacing="1" icon="fa-dashboard2"]
[cesis_flip_box flip_type="vertical_to_bottom" box_padding="20px" box_height="150" use_icon="yes" i_space="0" heading="" heading_space="0" text="" back_heading="incredible support" back_heading_space="" back_text="" back_text_space="0" use_button="" box_front_bg_color="#f4f4f4" box_back_bg_color="#252a2f" box_front_border_color="#ffffff" box_back_border_color="#252a2f" icon_color="#444444" back_heading_color="#ffffff" b_heading_l_spacing="1" icon="fa-support2"]
You can set an icon or an image, use solid background color or background images for the front and back side, add a button or a link if needed.
[cesis_flip_box front_image="7640" use_icon="yes" i_size="38" i_use_gradient="yes" heading="Unlimited options" text="You can modify the icon style, background, text position, everything easiliy" link="https://themeforest.net/item/cesis-responsive-multipurpose-wordpress-theme/21736436?ref=tranmautritam" target="_blank" back_image="7578" back_heading="Really Easy" back_text="You wouldn't believe how easy it is to make such amazing design" back_text_space="25" button_text="buy now" b_hover="3d" box_front_bg_color="#353535" box_back_bg_color="#353535" icon_alt_bg_color="#2098cc" heading_color="#ffffff" back_heading_color="#ffffff" text_color="rgba(255,255,255,0.93)" back_text_color="rgba(255,255,255,0.93)" heading_f_size="16px" heading_f_weight="600" heading_l_spacing="1" b_heading_f_size="16px" b_heading_f_weight="600" b_heading_l_spacing="1" icon="fa-gear2"]
[cesis_flip_box front_image="7788" use_icon="yes" i_size="38" i_use_gradient="yes" heading="Easy to Modify" text="You can modify the icon style, background, text position, everything easiliy" link="https://themeforest.net/item/cesis-responsive-multipurpose-wordpress-theme/21736436?ref=tranmautritam" target="_blank" back_image="7771" back_heading="Really Easy" back_text="You wouldn't believe how easy it is to make such amazing design" back_text_space="25" button_text="buy now" b_hover="3d" box_front_bg_color="#353535" box_back_bg_color="#353535" icon_alt_bg_color="#2098cc" heading_color="#ffffff" back_heading_color="#ffffff" text_color="rgba(255,255,255,0.93)" back_text_color="rgba(255,255,255,0.93)" heading_f_size="16px" heading_f_weight="600" heading_l_spacing="1" b_heading_f_size="16px" b_heading_f_weight="600" b_heading_l_spacing="1" icon="fa-conf2"]
[cesis_flip_box front_image="7783" use_icon="yes" i_size="38" i_use_gradient="yes" heading="Incredible Support" text="You can modify the icon style, background, text position, everything easiliy" link="https://themeforest.net/item/cesis-responsive-multipurpose-wordpress-theme/21736436?ref=tranmautritam" target="_blank" back_image="7556" back_heading="Really Easy" back_text="You wouldn't believe how easy it is to make such amazing design" back_text_space="25" button_text="buy now" b_hover="3d" box_front_bg_color="#353535" box_back_bg_color="#353535" icon_alt_bg_color="#2098cc" heading_color="#ffffff" back_heading_color="#ffffff" text_color="rgba(255,255,255,0.93)" back_text_color="rgba(255,255,255,0.93)" heading_f_size="16px" heading_f_weight="600" heading_l_spacing="1" b_heading_f_size="16px" b_heading_f_weight="600" b_heading_l_spacing="1" icon="fa-support2"]
You can easily change the content position, you can have it on the left, right, top etc. You can also change the font or content easily without coding anything.
[cesis_flip_box flip_type="vertical_to_bottom" box_height="350" content_pos="bottom" text_align="left" use_icon="yes" i_space="15" i_size="20" use_shape="yes" i_bg_size="60" heading="Easy to Modify" text="You can modify the icon style, background, text position, everything easiliy this is just an other example but there are infinite possibilites" link="https://themeforest.net/item/cesis-responsive-multipurpose-wordpress-theme/21736436?ref=tranmautritam" target="_blank" back_heading="Really Easy" back_text="You wouldn't believe how easy it is to make such amazing design" back_text_space="25" button_text="Buy now" b_hover="shine" box_front_bg_color="#0a0a0a" box_back_bg_color="#ffffff" heading_color="#ffffff" back_heading_color="#333333" text_color="rgba(255,255,255,0.93)" back_text_color="#666666" button_text_color="#ffffff" button_bg_color="#333333" button_border_color="#333333" h_button_text_color="#ffffff" h_button_bg_color="#69d2e7" h_button_border_color="#69d2e7" heading_f_size="20px" heading_f_weight="600" heading_t_transform="none" text_f_size="16px" b_heading_f_size="20px" b_heading_f_weight="600" b_heading_t_transform="none" b_text_f_size="16px" icon="fa-heart4"]
[cesis_flip_box flip_type="vertical_to_top" box_height="350" content_pos="top" text_align="right" heading="Easy to Modify" text="You can modify the icon style, background, text position, everything easiliy this is just an other example" link="https://themeforest.net/item/cesis-responsive-multipurpose-wordpress-theme/21736436?ref=tranmautritam" target="_blank" back_heading="Really Easy" back_text="You wouldn't believe how easy it is to make such amazing design" back_text_space="25" button_text="Buy now" b_hover="shine" box_front_bg_color="#0a0a0a" box_back_bg_color="#ffffff" heading_color="#ffffff" back_heading_color="#222222" text_color="rgba(255,255,255,0.93)" back_text_color="#666666" button_text_color="#ffffff" button_bg_color="#333333" button_border_color="#333333" h_button_text_color="#ffffff" h_button_bg_color="#69d2e7" h_button_border_color="#69d2e7" heading_f_size="20px" heading_f_weight="600" heading_t_transform="none" text_f_size="16px" b_heading_f_size="20px" b_heading_f_weight="600" b_heading_t_transform="none" b_text_f_size="16px"]
You can set an icon or an image, use solid background color or background images for the front and back side, add a button or a link if needed.
[cesis_flip_box box_padding="15%" box_height="400" box_border_size="1" box_border_radius="4" use_icon="yes" i_size="24" i_use_gradient="yes" use_shape="yes" i_bg_size="75" heading="Unlimited options" text="You can set an icon or an image, use solid background color or background images for the front and back side, add a button or a link if needed." link="https://themeforest.net/item/cesis-responsive-multipurpose-wordpress-theme/21736436?ref=tranmautritam" target="_blank" back_image="7578" back_heading="Really Easy" back_text="You wouldn't believe how easy it is to make such amazing design" back_text_space="25" button_text="buy now" b_hover="3d" box_front_bg_color="#ffffff" box_back_bg_color="#353535" box_front_border_color="#ebebeb" box_back_border_color="#ebebeb" icon_color="#ffffff" icon_bg_color="#69d2e7" icon_alt_bg_color="#2098cc" back_heading_color="#ffffff" back_text_color="rgba(255,255,255,0.93)" heading_f_size="18px" heading_f_weight="600" heading_t_transform="none" heading_l_spacing="" b_heading_f_size="18px" b_heading_f_weight="600" b_heading_t_transform="none" b_heading_l_spacing="" icon="fa-globe2"]
[cesis_flip_box box_padding="15%" box_height="400" box_border_size="1" box_border_radius="4" use_icon="yes" i_size="24" i_use_gradient="yes" use_shape="yes" i_bg_size="75" heading="User friendly" text="You can set an icon or an image, use solid background color or background images for the front and back side, add a button or a link if needed." link="https://themeforest.net/item/cesis-responsive-multipurpose-wordpress-theme/21736436?ref=tranmautritam" target="_blank" back_image="7578" back_heading="Really Easy" back_text="You wouldn't believe how easy it is to make such amazing design" back_text_space="25" button_text="buy now" b_hover="3d" box_front_bg_color="#ffffff" box_back_bg_color="#353535" box_front_border_color="#ebebeb" box_back_border_color="#ebebeb" icon_color="#ffffff" icon_bg_color="#69d2e7" icon_alt_bg_color="#2098cc" back_heading_color="#ffffff" back_text_color="rgba(255,255,255,0.93)" heading_f_size="18px" heading_f_weight="600" heading_t_transform="none" heading_l_spacing="" b_heading_f_size="18px" b_heading_f_weight="600" b_heading_t_transform="none" b_heading_l_spacing="" icon="fa-diamond2"]
[cesis_button button_text="Purchase Cesis" link="https://themeforest.net/item/cesis-responsive-multipurpose-wordpress-theme/21736436?ref=tranmautritam" target="_blank" button_pos="center" button_size="cesis_button_custom" button_width="160px" button_height="48px" button_border="1" button_radius="4" css_animation="fadeInUp" delay="200" button_text_color="#ffffff" button_bg_color="rgba(255,255,255,0.01)" button_border_color="#ffffff" h_button_text_color="#ffffff" h_button_bg_color="#1d222b" h_button_border_color="#1d222b" button_f_size="15px" button_f_weight="500" button_t_transform="none"]