Flip Boxes

[dpr_heading type=”type-01″ subtitle=”sample default flip boxes settings” alignment=”text-center” use_separator=”yes”]Default Styles[/dpr_heading]
[dpr_separator text=”FLIP LEFT STYLE” style=”text”]
[dpr_flip_box front_content_alignment=”left” back_description=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer volutpat ut lacus eu lobortis. Vestibulum mattis, libero ut condimentum mollis, nibh nunc congue ex, ac volutpat sapien urna non libero. Vivamus non elit at ex dapibus egestas vel nec eros. Nullam et laoreet tellus. Fusce nec aliquet est. Ut non egestas nibh, quis mattis ex.” back_content_alignment=”left” style=”flip-right”]
[dpr_flip_box back_description=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer volutpat ut lacus eu lobortis. Vestibulum mattis, libero ut condimentum mollis, nibh nunc congue ex, ac volutpat sapien urna non libero. Vivamus non elit at ex dapibus egestas vel nec eros. Nullam et laoreet tellus. Fusce nec aliquet est. Ut non egestas nibh, quis mattis ex.” style=”flip-right”]
[dpr_flip_box front_content_alignment=”right” back_description=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer volutpat ut lacus eu lobortis. Vestibulum mattis, libero ut condimentum mollis, nibh nunc congue ex, ac volutpat sapien urna non libero. Vivamus non elit at ex dapibus egestas vel nec eros. Nullam et laoreet tellus. Fusce nec aliquet est. Ut non egestas nibh, quis mattis ex.” back_content_alignment=”right” style=”flip-right”]
[dpr_separator text=”FLIP RIGHT STYLE” style=”text”]
[dpr_flip_box front_content_alignment=”left” back_description=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer volutpat ut lacus eu lobortis. Vestibulum mattis, libero ut condimentum mollis, nibh nunc congue ex, ac volutpat sapien urna non libero. Vivamus non elit at ex dapibus egestas vel nec eros. Nullam et laoreet tellus. Fusce nec aliquet est. Ut non egestas nibh, quis mattis ex.” back_content_alignment=”left” style=”flip-left”]
[dpr_flip_box back_description=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer volutpat ut lacus eu lobortis. Vestibulum mattis, libero ut condimentum mollis, nibh nunc congue ex, ac volutpat sapien urna non libero. Vivamus non elit at ex dapibus egestas vel nec eros. Nullam et laoreet tellus. Fusce nec aliquet est. Ut non egestas nibh, quis mattis ex.” style=”flip-left”]
[dpr_flip_box front_content_alignment=”right” back_description=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer volutpat ut lacus eu lobortis. Vestibulum mattis, libero ut condimentum mollis, nibh nunc congue ex, ac volutpat sapien urna non libero. Vivamus non elit at ex dapibus egestas vel nec eros. Nullam et laoreet tellus. Fusce nec aliquet est. Ut non egestas nibh, quis mattis ex.” back_content_alignment=”right” style=”flip-left”]
[dpr_separator text=”FLIP TOP STYLE” style=”text”]
[dpr_flip_box front_content_alignment=”left” back_description=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer volutpat ut lacus eu lobortis. Vestibulum mattis, libero ut condimentum mollis, nibh nunc congue ex, ac volutpat sapien urna non libero. Vivamus non elit at ex dapibus egestas vel nec eros. Nullam et laoreet tellus. Fusce nec aliquet est. Ut non egestas nibh, quis mattis ex.” back_content_alignment=”left” style=”flip-top”]
[dpr_flip_box back_description=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer volutpat ut lacus eu lobortis. Vestibulum mattis, libero ut condimentum mollis, nibh nunc congue ex, ac volutpat sapien urna non libero. Vivamus non elit at ex dapibus egestas vel nec eros. Nullam et laoreet tellus. Fusce nec aliquet est. Ut non egestas nibh, quis mattis ex.” style=”flip-top”]
[dpr_flip_box front_content_alignment=”right” back_description=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer volutpat ut lacus eu lobortis. Vestibulum mattis, libero ut condimentum mollis, nibh nunc congue ex, ac volutpat sapien urna non libero. Vivamus non elit at ex dapibus egestas vel nec eros. Nullam et laoreet tellus. Fusce nec aliquet est. Ut non egestas nibh, quis mattis ex.” back_content_alignment=”right” style=”flip-top”]
[dpr_separator text=”FLIP BOTTOM STYLE” style=”text”]
[dpr_flip_box front_content_alignment=”left” back_description=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer volutpat ut lacus eu lobortis. Vestibulum mattis, libero ut condimentum mollis, nibh nunc congue ex, ac volutpat sapien urna non libero. Vivamus non elit at ex dapibus egestas vel nec eros. Nullam et laoreet tellus. Fusce nec aliquet est. Ut non egestas nibh, quis mattis ex.” back_content_alignment=”left” style=”flip-bottom”]
[dpr_flip_box back_description=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer volutpat ut lacus eu lobortis. Vestibulum mattis, libero ut condimentum mollis, nibh nunc congue ex, ac volutpat sapien urna non libero. Vivamus non elit at ex dapibus egestas vel nec eros. Nullam et laoreet tellus. Fusce nec aliquet est. Ut non egestas nibh, quis mattis ex.” style=”flip-bottom”]
[dpr_flip_box front_content_alignment=”right” back_description=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer volutpat ut lacus eu lobortis. Vestibulum mattis, libero ut condimentum mollis, nibh nunc congue ex, ac volutpat sapien urna non libero. Vivamus non elit at ex dapibus egestas vel nec eros. Nullam et laoreet tellus. Fusce nec aliquet est. Ut non egestas nibh, quis mattis ex.” back_content_alignment=”right” style=”flip-bottom”]
[dpr_heading type=”type-01″ subtitle=”sample of cistom flip box settings” alignment=”text-center” use_separator=”yes”]Customized  Flip Boxes[/dpr_heading]
[dpr_separator text=”VARIOUS COLORS AND FONT STYLES” style=”text”]
[dpr_flip_box back_description=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer volutpat ut lacus eu lobortis. Vestibulum mattis, libero ut condimentum mollis, nibh nunc congue ex, ac volutpat sapien urna non libero. Vivamus non elit at ex dapibus egestas vel nec eros. Nullam et laoreet tellus. Fusce nec aliquet est. Ut non egestas nibh, quis mattis ex.” style=”flip-right” front_bg_color=”#f04a23″ back_bg_color=”#1c7297″]
[dpr_flip_box back_description=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer volutpat ut lacus eu lobortis. Vestibulum mattis, libero ut condimentum mollis, nibh nunc congue ex, ac volutpat sapien urna non libero. Vivamus non elit at ex dapibus egestas vel nec eros. Nullam et laoreet tellus. Fusce nec aliquet est. Ut non egestas nibh, quis mattis ex.” style=”flip-right” front_bg_color=”#1c7297″ back_bg_color=”#f04a23″ content_color=”#ffffff” title_color=”#f08f23″ subtitle_color=”#f08f23″]
[dpr_flip_box back_description=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer volutpat ut lacus eu lobortis. Vestibulum mattis, libero ut condimentum mollis, nibh nunc congue ex, ac volutpat sapien urna non libero. Vivamus non elit at ex dapibus egestas vel nec eros. Nullam et laoreet tellus. Fusce nec aliquet est. Ut non egestas nibh, quis mattis ex.” style=”flip-right” front_bg_color=”#19ad55″ title_google_font=”font_family:Abril%20Fatface%3Aregular|font_style:400%20regular%3A400%3Anormal” title_font_size=”30″ title_use_google_fonts=”yes” subtitle_use_google_fonts=”yes” subtitle_google_font=”font_family:Handlee%3Aregular|font_style:400%20regular%3A400%3Anormal” title_letter_spacing=”2″]
[dpr_separator text=”IMAGES IN BACKGROUND” style=”text”]
[dpr_flip_box front_bg_type=”image” back_description=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer volutpat ut lacus eu lobortis. Vestibulum mattis, libero ut condimentum mollis, nibh nunc congue ex, ac volutpat sapien urna non libero. Vivamus non elit at ex dapibus egestas vel nec eros. Nullam et laoreet tellus. Fusce nec aliquet est. Ut non egestas nibh, quis mattis ex.” back_bg_type=”image” style=”flip-right” front_image_id=”476″]
[dpr_flip_box front_bg_type=”image” back_description=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer volutpat ut lacus eu lobortis. Vestibulum mattis, libero ut condimentum mollis, nibh nunc congue ex, ac volutpat sapien urna non libero. Vivamus non elit at ex dapibus egestas vel nec eros. Nullam et laoreet tellus. Fusce nec aliquet est. Ut non egestas nibh, quis mattis ex.” back_bg_type=”image” style=”flip-right” front_image_id=”473″ back_image_id=”474″]
[dpr_flip_box back_description=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer volutpat ut lacus eu lobortis. Vestibulum mattis, libero ut condimentum mollis, nibh nunc congue ex, ac volutpat sapien urna non libero. Vivamus non elit at ex dapibus egestas vel nec eros. Nullam et laoreet tellus. Fusce nec aliquet est. Ut non egestas nibh, quis mattis ex.” back_bg_type=”image” style=”flip-right” back_image_id=”472″ front_bg_color=”#1c1f26″]
[dpr_separator text=”FLIP BOXES WITH DIFFERENT LABELS” style=”text”]
[dpr_flip_box front_bg_type=”image” back_description=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer volutpat ut lacus eu lobortis. Vestibulum mattis, libero ut condimentum mollis, nibh nunc congue ex, ac volutpat sapien urna non libero. Vivamus non elit at ex dapibus egestas vel nec eros. Nullam et laoreet tellus. Fusce nec aliquet est. Ut non egestas nibh, quis mattis ex.” label_position=”top-left” style=”flip-right” enable_label=”yes” enable_label_bg=”yes”]
[dpr_flip_box front_bg_type=”image” back_description=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer volutpat ut lacus eu lobortis. Vestibulum mattis, libero ut condimentum mollis, nibh nunc congue ex, ac volutpat sapien urna non libero. Vivamus non elit at ex dapibus egestas vel nec eros. Nullam et laoreet tellus. Fusce nec aliquet est. Ut non egestas nibh, quis mattis ex.” label_position=”top-center” label_text=”02″ style=”flip-right” enable_label=”yes” enable_label_bg=”yes”]
[dpr_flip_box front_bg_type=”image” back_description=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer volutpat ut lacus eu lobortis. Vestibulum mattis, libero ut condimentum mollis, nibh nunc congue ex, ac volutpat sapien urna non libero. Vivamus non elit at ex dapibus egestas vel nec eros. Nullam et laoreet tellus. Fusce nec aliquet est. Ut non egestas nibh, quis mattis ex.” label_position=”top-right” label_text=”03″ style=”flip-right” enable_label=”yes” enable_label_bg=”yes”]
[dpr_flip_box front_bg_type=”image” back_description=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer volutpat ut lacus eu lobortis. Vestibulum mattis, libero ut condimentum mollis, nibh nunc congue ex, ac volutpat sapien urna non libero. Vivamus non elit at ex dapibus egestas vel nec eros. Nullam et laoreet tellus. Fusce nec aliquet est. Ut non egestas nibh, quis mattis ex.” label_position=”bottom-left” label_shadow=”d9|#000000||||0|box-shadow: 0 5px 6px -3px rgba(0, 0, 0, 0.2),0 9px 12px 1px rgba(0, 0, 0, 0.14),0 3px 16px 2px rgba(0, 0, 0, 0.12)” label_content_type=”icon” style=”flip-right” enable_label=”yes” enable_label_bg=”yes” icon=”Default-pencil4″ label_size=”60″ icon_font_size=”24″ enable_label_shadow=”yes”]
[dpr_flip_box front_bg_type=”image” back_description=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer volutpat ut lacus eu lobortis. Vestibulum mattis, libero ut condimentum mollis, nibh nunc congue ex, ac volutpat sapien urna non libero. Vivamus non elit at ex dapibus egestas vel nec eros. Nullam et laoreet tellus. Fusce nec aliquet est. Ut non egestas nibh, quis mattis ex.” label_position=”bottom-center” label_shadow=”d10|#000000||||0|box-shadow: 0 6px 6px -3px rgba(0, 0, 0, 0.2),0 10px 14px 1px rgba(0, 0, 0, 0.14),0 4px 18px 3px rgba(0, 0, 0, 0.12)” label_content_type=”icon” icon_color=”#eded6f” style=”flip-right” enable_label=”yes” enable_label_bg=”yes” icon=”Default-pencil2″ label_size=”60″ icon_font_size=”28″ label_bg_color=”#408af8″ label_bg_radius=”7″ enable_label_shadow=”yes”]
[dpr_flip_box front_bg_type=”image” back_description=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer volutpat ut lacus eu lobortis. Vestibulum mattis, libero ut condimentum mollis, nibh nunc congue ex, ac volutpat sapien urna non libero. Vivamus non elit at ex dapibus egestas vel nec eros. Nullam et laoreet tellus. Fusce nec aliquet est. Ut non egestas nibh, quis mattis ex.” label_position=”bottom-right” label_shadow=”d9|#000000||||0|box-shadow: 0 5px 6px -3px rgba(0, 0, 0, 0.2),0 9px 12px 1px rgba(0, 0, 0, 0.14),0 3px 16px 2px rgba(0, 0, 0, 0.12)” label_content_type=”icon” icon_color=”” style=”flip-right” enable_label=”yes” enable_label_bg=”yes” icon=”Default-layers” label_size=”60″ icon_font_size=”24″ label_bg_color=”#ff454f” enable_label_shadow=”yes”]
[dpr_flip_box front_bg_type=”image” back_description=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer volutpat ut lacus eu lobortis. Vestibulum mattis, libero ut condimentum mollis, nibh nunc congue ex, ac volutpat sapien urna non libero. Vivamus non elit at ex dapibus egestas vel nec eros. Nullam et laoreet tellus. Fusce nec aliquet est. Ut non egestas nibh, quis mattis ex.” label_position=”bottom-center” label_shadow=”d11|#000000||||0|box-shadow: 0 6px 7px -4px rgba(0, 0, 0, 0.2),0 11px 15px 1px rgba(0, 0, 0, 0.14),0 4px 20px 3px rgba(0, 0, 0, 0.12)” label_content_type=”image” label_image_width=”25″ style=”flip-right” enable_label=”yes” enable_label_bg=”yes” label_size=”100″ label_bg_color=”#ffffff” enable_label_shadow=”yes” label_image_id=”485″ flip_box_height=”400″ front_image_id=”477″]
[dpr_flip_box front_bg_type=”image” back_description=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer volutpat ut lacus eu lobortis. Vestibulum mattis, libero ut condimentum mollis, nibh nunc congue ex, ac volutpat sapien urna non libero. Vivamus non elit at ex dapibus egestas vel nec eros. Nullam et laoreet tellus. Fusce nec aliquet est. Ut non egestas nibh, quis mattis ex.” label_position=”bottom-center” label_shadow=”d11|#000000||||0|box-shadow: 0 6px 7px -4px rgba(0, 0, 0, 0.2),0 11px 15px 1px rgba(0, 0, 0, 0.14),0 4px 20px 3px rgba(0, 0, 0, 0.12)” label_content_type=”image” label_image_width=”25″ style=”flip-right” enable_label=”yes” enable_label_bg=”yes” label_size=”100″ label_bg_color=”#ffffff” enable_label_shadow=”yes” label_image_id=”487″ flip_box_height=”400″ front_image_id=”478″]
[dpr_flip_box front_bg_type=”image” back_description=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer volutpat ut lacus eu lobortis. Vestibulum mattis, libero ut condimentum mollis, nibh nunc congue ex, ac volutpat sapien urna non libero. Vivamus non elit at ex dapibus egestas vel nec eros. Nullam et laoreet tellus. Fusce nec aliquet est. Ut non egestas nibh, quis mattis ex.” label_position=”bottom-center” label_shadow=”d11|#000000||||0|box-shadow: 0 6px 7px -4px rgba(0, 0, 0, 0.2),0 11px 15px 1px rgba(0, 0, 0, 0.14),0 4px 20px 3px rgba(0, 0, 0, 0.12)” label_content_type=”image” label_image_width=”25″ style=”flip-right” enable_label=”yes” enable_label_bg=”yes” label_size=”100″ label_bg_color=”#ffffff” enable_label_shadow=”yes” label_image_id=”488″ front_image_id=”479″ flip_box_height=”400″]