Flip Boxes

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″]

Use Icons or Images

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″]

Change the size and content position

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”]

Use Icons or Images

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 Will Definitely Make
Your Life Easier

[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”]