Avada Flip Boxes Element Showcase
Avada’s flip boxes have fully customizable content on the front and back side and they are fully integrated with the Font Awesome icon set and icon options like spin, rotate, flip.
Below, you will find live examples of the Flip Boxes Element in action. Examples can include the individual option values set for that display; however, in some instances, not all Element variations can be shown as they may be too numerous. For further information related to this Avada Design Element, please check the Avada help center.
Avada is For Beginners
Launch Your First Website
Highly flexible, with an intuitive Drag & Drop design interface that allows you complete design freedom.Avada is For Marketers
Generate Leads & Conversions
Build branded websites, including targeted content layouts, that align with your inbound marketing strategies.Avada is For Professionals
Build Professional Websites
Avada’s workflow enables you to develop & deploy websites rapidly, with consistent stability & speed.This Flip Boxes Element is set up as follows: Three Child Elements, Number of Columns (3), Flip Effect (3D), Flip Direction (Flip Up), Flip Duration (0.7), Equal Heights (Yes), Front Title Size (H3), Custom Typography, Back Title Size (H4), Flip Box Frontside Heading, Flip Box Backside Heading, Flip Box Backside Content, Icon, Icon Circle (No), Background Color Frontside, Background Color Backside, and Border Radius (10px)
One
Two
Three
Four
Five
This Flip Boxes Element is set up as follows: Five Child Elements, Number of Columns (5), Flip Effect (3D), Flip Direction (Flip Right, Flip Up, Flip Left, Flip Down, Flip Right), Flip Duration (0.6), Equal Heights (Yes), Front Title Size (H3), Custom Typography (Backside), Back Title Size (H4), Icon Image (Custom), Flip Box Backside Heading, Icon, Icon Circle (No), Background Color Frontside, Background Color Backside, and Border Radius (8px)
Responsive
Quisque auctor hendrerit rhoncus. Duis dictum molestie faucibus.All Devices
Quisque auctor hendrerit rhoncus. Duis dictum molestie faucibus.Performance
Quisque auctor hendrerit rhoncus. Duis dictum molestie faucibus.Unparalleled
Quisque auctor hendrerit rhoncus. Duis dictum molestie faucibus.Innovation
Quisque auctor hendrerit rhoncus. Duis dictum molestie faucibus.Cutting-Edge
Quisque auctor hendrerit rhoncus. Duis dictum molestie faucibus.Excellence
Quisque auctor hendrerit rhoncus. Duis dictum molestie faucibus.Guaranteed
Quisque auctor hendrerit rhoncus. Duis dictum molestie faucibus.This Flip Boxes Element is set up as follows: Four Child Elements, Number of Columns (4), Flip Effect (Classic), Flip Direction (Flip Left, Flip Right), Flip Duration (0.4), Equal Heights (No), Front Title Size (H3), Custom Typography, Back Title Size (H4), Icon, Icon Circle (Yes), Flip Box Frontside Heading, Flip Box Backside Heading, Flip Box Frontside Content, Flip Box Backside Content, Background Color Frontside, Background Color Backside, and Border Radius (5px)
Quisque Maximus Consectetur
Morbi vel quam eget ante pharetra varius praesent.Quisque Tincidunt Viverra
Cras venenatis consequat est sit amet facilisis.This Flip Boxes Element is set up as follows: One Child Element, Number of Columns (1), Flip Effect (Classic), Flip Direction (Flip Down), Flip Duration (0.5), Equal Heights (No), Front Title Size (H3), Custom Typography, Back Title Size (H4), Icon Image (Custom), Flip Box Frontside Heading, Flip Box Backside Heading, Flip Box Frontside Content, Flip Box Backside Content, Background Color Frontside, Background Color Backside, Border Size (2px), and Border Radius (4px)
Quisque Maximus Consectetur
Morbi vel quam eget ante pharetra varius praesent.Quisque Tincidunt Viverra
Cras venenatis consequat est sit amet facilisis.This Flip Boxes Element is set up as follows: One Child Element, Number of Columns (1), Flip Effect (Classic), Flip Direction (Flip Up), Flip Duration (0.4), Equal Heights (No), Front Title Size (H3), Custom Typography, Back Title Size (H4), Icon Image (Custom), Flip Box Frontside Heading, Flip Box Backside Heading, Flip Box Frontside Content, Flip Box Backside Content, Background Color Frontside, Background Color Backside, Border Size (2px), and Border Radius (4px)
