Flip Boxes

[title type=”modern-h4″ align=”center”]With Simple Icon[/title]
[hb_flip_box front_background_color=”#bf5d52″ back_background_color=”#5b6c7d” button_color=”second-light” icon=”hb-moon-trophy” icon_size=”64″ icon_color=”#eaeaea” front_title=”Award Winning” front_title_size=”28″ front_title_color=”#eaeaea” back_title=”Best design of 2016″ back_title_size=”18″ back_title_color=”#eaeaea” back_desc=”Fusce id erat et massa rutrum tempus sit amet vel mauris. Mauris ullamcorper orci at erat cursus blandit. Vivamus maximus orci tristique.” back_desc_color=”#eaeaea” button_text=”View Project” button_url=”#”]
[hb_flip_box front_background_color=”#bf5d52″ back_background_color=”#5b6c7d” button_color=”second-light” icon=”hb-moon-heart-2″ icon_size=”64″ icon_color=”#eaeaea” front_title=”Instant love” front_title_size=”28″ front_title_color=”#eaeaea” back_title=”Love at first sight” back_title_size=”18″ back_title_color=”#eaeaea” back_desc=”Fusce id erat et massa rutrum tempus sit amet vel mauris. Mauris ullamcorper orci at erat cursus blandit. Vivamus maximus orci tristique.” back_desc_color=”#eaeaea” button_text=”See More” button_url=”#”]
[hb_flip_box front_background_color=”#bf5d52″ back_background_color=”#5b6c7d” button_color=”second-light” icon=”hb-moon-busy-4″ icon_size=”56″ icon_color=”#eaeaea” front_title=”Built to last” front_title_size=”28″ front_title_color=”#eaeaea” back_title=”Coded to perfection” back_title_size=”18″ back_title_color=”#eaeaea” back_desc=”Fusce id erat et massa rutrum tempus sit amet vel mauris. Mauris ullamcorper orci at erat cursus blandit. Vivamus maximus orci tristique.” back_desc_color=”#eaeaea” button_text=”Find out why” button_url=”#”]
[title type=”modern-h4″ align=”center”]Use custom image[/title]
[hb_flip_box flip_direction=”vertical” min_height=”400″ front_background_color=”#2980b9″ icon_type=”image” back_background_color=”#333333″ button_color=”wisteria” image=”1275″ front_title=”Mobile Ready” front_title_size=”16″ front_title_color=”#ffffff” front_desc=”Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Duis porta lacinia ullamcorper. Nulla eleifend, elit eu laoreet.” front_desc_color=”#ffffff” back_title=”Mauris ullamcorper” back_title_size=”14″ back_title_color=”#ffffff” back_desc=”Sed sodales sapien in enim facilisis pharetra. Aenean sed diam diam. Sed venenatis quam id euismod. ” back_desc_color=”#ffffff” button_text=”View More” button_url=”#”]
[hb_flip_box flip_direction=”vertical” min_height=”400″ front_background_color=”#16a085″ icon_type=”image” back_background_color=”#333333″ button_color=”wisteria” image=”1324″ front_title=”Incredibly easy” front_title_size=”16″ front_title_color=”#ffffff” front_desc=”Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Duis porta lacinia ullamcorper. Nulla eleifend, elit eu laoreet.” front_desc_color=”#ffffff” back_title=”Mauris ullamcorper” back_title_size=”14″ back_title_color=”#ffffff” back_desc=”Sed sodales sapien in enim facilisis pharetra. Aenean sed diam diam. Sed venenatis quam id euismod. ” back_desc_color=”#ffffff” button_text=”View More” button_url=”#”]
[hb_flip_box flip_direction=”vertical” min_height=”400″ front_background_color=”#9b59b6″ icon_type=”image” back_background_color=”#333333″ button_color=”wisteria” image=”1276″ front_title=”Unlimited colors” front_title_size=”16″ front_title_color=”#ffffff” front_desc=”Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Duis porta lacinia ullamcorper. Nulla eleifend, elit eu laoreet.” front_desc_color=”#ffffff” back_title=”Mauris ullamcorper” back_title_size=”14″ back_title_color=”#ffffff” back_desc=”Sed sodales sapien in enim facilisis pharetra. Aenean sed diam diam. Sed venenatis quam id euismod. ” back_desc_color=”#ffffff” button_text=”View More” button_url=”#”]
[hb_flip_box flip_direction=”vertical” min_height=”400″ front_background_color=”#34495e” icon_type=”image” back_background_color=”#333333″ button_color=”wisteria” image=”1274″ front_title=”Infinite options” front_title_size=”16″ front_title_color=”#ffffff” front_desc=”Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Duis porta lacinia ullamcorper. Nulla eleifend, elit eu laoreet.” front_desc_color=”#ffffff” back_title=”Mauris ullamcorper” back_title_size=”14″ back_title_color=”#ffffff” back_desc=”Sed sodales sapien in enim facilisis pharetra. Aenean sed diam diam. Sed venenatis quam id euismod. ” back_desc_color=”#ffffff” button_text=”View More” button_url=”#”]
[title type=”modern-h4″ align=”center”]As a background as well[/title]
[hb_flip_box flip_direction=”vertical” min_height=”380″ front_background_type=”image” back_background_color=”#03033f” front_background_image=”1437″ icon=”icon-cogs” icon_size=”72″ icon_color=”#000000″ front_title=”Flexible options” front_title_size=”28″ front_title_color=”#000000″ back_title_color=”#ffffff” back_desc=”In the Description field,you can use any HTML Tag.” back_desc_size=”16″ back_desc_color=”#ffffff”]
[hb_flip_box flip_direction=”vertical” min_height=”380″ front_background_type=”image” back_background_color=”#03033f” front_background_image=”2073″ icon=”hb-moon-quill” icon_size=”72″ icon_color=”#ffffff” front_title=”Class aptent” front_title_size=”28″ front_title_color=”#ffffff” back_title_color=”#ffffff” back_desc=”In the Description field,
you can use any HTML Tag.” back_desc_size=”16″ back_desc_color=”#ffffff”]