Flip Box

[mk_fancy_title tag_name=”h1″ size=”32″ font_weight=”bold” txt_transform=”capitalize” margin_top=”60″ margin_bottom=”35″ font_family=”none” align=”center”]flip box[/mk_fancy_title][mk_image src=”https://demos.artbees.net/jupiter/wp-content/uploads/2014/08/divider-01.svg” image_size=”full” align=”center” margin_bottom=”35″]

If you think you content layout looks boring, monotone and repetitive, spice it up! Flip box is a nice interactive element to present different kind of information in a very attractive way. Any kind of graphics, text or button can be included!

[mk_fancy_title color=”#333333″ size=”16″ font_weight=”bold” txt_transform=”capitalize” letter_spacing=”1″ font_family=”none” align=”center”]with icons[/mk_fancy_title]
[mk_flipbox front_background_color=”#3d4045″ back_background_color=”#9492f5″ min_height=”330″ icon_type=”icon” icon=”mk-li-love” icon_size=”32″ icon_color=”#9492f5″ front_title=”LIKED BY THOUSANDS ” front_title_size=”18″ front_title_color=”#ffffff” back_title=”SEE WHY PEOPLE LIKE JUPITER” back_title_size=”14″ back_title_color=”rgba(10,0,0,0.69)” font_weight=”bold” front_desc_size=”24″ front_desc_color=”#1e73be” back_desc=”Cras tristique turpis justo, eu consequat sem adipiscing ut. Donec posuere bibendum metus. Quisque gravida luctus volutpat.” back_desc_size=”15″ back_desc_color=”rgba(0,0,0,0.7)” button_url=”#” button_text=”READ MORE” button_bg_color=”#3d4045″ button_bg_hover_color=”#1d1e21″]
[mk_flipbox front_background_color=”#3d4045″ back_background_color=”#9492f5″ min_height=”330″ icon_type=”icon” icon=”mk-li-micro” icon_size=”32″ icon_color=”#9492f5″ front_title=”SAY HELLO TO AUDIENCE ” front_title_size=”18″ front_title_color=”#ffffff” back_title=”SECRETS TO SUCCESSFUL COMMUNICATION” back_title_size=”14″ back_title_color=”rgba(10,0,0,0.69)” font_weight=”bold” front_desc_size=”24″ front_desc_color=”#1e73be” back_desc=”Cras tristique turpis justo, eu consequat sem adipiscing ut. Donec posuere bibendum metus. Quisque gravida luctus volutpat.” back_desc_size=”15″ back_desc_color=”rgba(0,0,0,0.7)” button_url=”#” button_text=”READ MORE” button_bg_color=”#3d4045″ button_bg_hover_color=”#1d1e21″]
[mk_flipbox front_background_color=”#3d4045″ back_background_color=”#9492f5″ min_height=”330″ icon_type=”icon” icon=”mk-li-magnet” icon_size=”32″ icon_color=”#9492f5″ front_title=”EFFICIENT MARKETING” front_title_size=”18″ front_title_color=”#ffffff” back_title=”HOW TO BE A BETTER MARKETER” back_title_size=”14″ back_title_color=”rgba(10,0,0,0.69)” font_weight=”bold” front_desc_size=”24″ front_desc_color=”#1e73be” back_desc=”Cras tristique turpis justo, eu consequat sem adipiscing ut. Donec posuere bibendum metus. Quisque gravida luctus volutpat.” back_desc_size=”15″ back_desc_color=”rgba(0,0,0,0.7)” button_url=”#” button_text=”READ MORE” button_bg_color=”#3d4045″ button_bg_hover_color=”#1d1e21″]
[mk_fancy_title color=”#333333″ size=”16″ font_weight=”bold” txt_transform=”none” letter_spacing=”1″ margin_top=”80″ font_family=”none” align=”center”]Different Sizes and¬†Animation Directions[/mk_fancy_title]
[mk_flipbox front_background_color=”#7ac673″ back_background_color=”#e0e0e0″ min_height=”350″ image=”https://demos.artbees.net/jupiter/wp-content/uploads/2014/08/icon-03.png” front_title=”HOW TO START” front_title_size=”22″ front_title_color=”#ffffff” back_title=”TRY TO FOLLOW THESE STEPS ” back_title_size=”14″ back_title_color=”#333333″ font_weight=”bold” front_desc_size=”24″ front_desc_color=”#1e73be” back_desc=”Sed gravida, ligula eget aliquam elementum, justo nisl mattis neque, in molestie ipsum dolor eu justo. Duis nec aliquam nulla. Sed interdum orci non mi porttitor, a dapibus ante varius. ” back_desc_size=”14″ back_desc_color=”rgba(0,0,0,0.7)” button_url=”#” button_text=”READ MORE” button_bg_color=”#7ac673″ button_bg_hover_color=”#f5773d”]
[mk_flipbox flip_direction=”vertical” front_background_color=”#655997″ back_background_color=”#e0e0e0″ min_height=”350″ image=”https://demos.artbees.net/jupiter/wp-content/uploads/2014/08/icon-02.png” front_title=”WANNA BE A GOOD PHOTOGRAPHER?” front_title_size=”22″ front_title_color=”#ffffff” back_title=”TRY TO FOLLOW THESE STEPS ” back_title_color=”#333333″ font_weight=”bold” front_desc_size=”24″ front_desc_color=”#1e73be” back_desc=”Sed gravida, ligula eget aliquam elementum, justo nisl mattis neque, in molestie ipsum dolor eu justo. Duis nec aliquam nulla. Sed interdum orci non mi porttitor, a dapibus ante varius. ” back_desc_size=”14″ back_desc_color=”rgba(0,0,0,0.7)” button_url=”#” button_text=”COUNTINUE READING” button_bg_color=”#655997″ button_bg_hover_color=”#ddc13e”]
[mk_fancy_title color=”#333333″ size=”16″ font_weight=”bold” txt_transform=”capitalize” letter_spacing=”1″ margin_top=”80″ font_family=”none” align=”center”]with images[/mk_fancy_title]
[mk_flipbox front_background_color=”#c2c0b7″ back_background_color=”#2c3e40″ min_height=”350″ image=”https://demos.artbees.net/jupiter/wp-content/uploads/2014/08/flip-01.jpg” front_title=”OLIVIA PETERSON ” front_title_size=”16″ front_title_color=”#333333″ back_title=”WANT TO SEE MORE PHOTOS?” back_title_size=”14″ back_title_color=”#ffffff” font_weight=”bold” front_desc=”2018 photo shoots ” front_desc_size=”14″ front_desc_color=”rgba(10,0,0,0.68)” back_desc_size=”14″ back_desc_color=”rgba(0,0,0,0.7)” button_url=”#” button_text=”SEE PHOTOS” button_bg_color=”#de304a” button_bg_hover_color=”#f73653″]
[mk_flipbox front_background_color=”#9c8877″ back_background_color=”#665444″ min_height=”350″ image=”https://demos.artbees.net/jupiter/wp-content/uploads/2014/08/flip-02.jpg” front_title=”NOUR CAFE” front_title_size=”16″ front_title_color=”#ffffff” back_title=”OUR SECRET RECIPE ” back_title_size=”14″ back_title_color=”#ffffff” font_weight=”bold” front_desc=”A break in a tough day” front_desc_size=”14″ front_desc_color=”rgba(255,255,255,0.68)” back_desc=”Want to create an authentic cafe atmosphere at home? It’s easy – just follow this three-step guide to making an Italian-style cappuccino at home.” back_desc_size=”13″ back_desc_color=”rgba(255,255,255,0.7)” button_url=”#” button_text=”MORE RECIPIES” button_bg_color=”#d19b5d” button_bg_hover_color=”#ab7c46″]
[mk_flipbox flip_direction=”vertical” front_background_color=”#101010″ back_background_color=”#101010″ min_height=”350″ image=”https://demos.artbees.net/jupiter/wp-content/uploads/2014/08/flip-03.jpg” front_title=”BETTER LOVE LIFE ” front_title_size=”16″ front_title_color=”#ffffff” back_title=”YOU WILL LEARN TO:” back_title_size=”14″ back_title_color=”#ffffff” font_weight=”bold” front_desc=”My latest book 2017″ front_desc_size=”14″ front_desc_color=”rgba(255,255,255,0.68)” back_desc=”Cras dapibus arcu a neque laoreet condimentum. In in rhoncus leo. Sed mattis feugiat odio, sit amet pretium nisl egestas non. Suspendisse dui velit, congue ac lacus eget.” back_desc_size=”13″ back_desc_color=”rgba(255,255,255,0.7)” button_url=”#” button_text=”MORE RECIPIES” button_bg_color=”#3d8dbc” button_bg_hover_color=”#2b739d”]
[mk_padding_divider size=”80″]
[mk_padding_divider size=”50″]
[mk_fancy_title color=”#ffffff” size=”22″ font_weight=”bold” txt_transform=”none” margin_top=”15″ font_family=”none”]Jupiter is your last WordPress theme ever.[/mk_fancy_title]
[mk_button dimension=”flat” corner_style=”rounded” size=”large” icon=”mk-moon-download” icon_anim=”vertical” url=”https://themeforest.net/item/jupiter-multipurpose-responsive-theme/5177775?ref=artbees&utm_source=V6demopagesGeneralFooterCTA” target=”_blank” align=”right” margin_right=”0″ el_class=”download-footer” bg_color=”#9492f5″ btn_hover_bg=”#8885dd”]DOWNLOAD NOW[/mk_button]
[mk_divider style=”thin_solid” thin_single_color=”rgba(255,255,255,0.1)”]