Feature Cards Layout Options
- There are 4 Layout Options: Editable, Blog (PRO), Flip (PRO), Color Options (PREM)
- Each layout option has 3 size options: Small, Medium, Large.
- Editable and Blog (PRO) can display as a Grid or Carousel (PRO), Flip (PRO) is Grid only, and each can have a button on the entire component or a link on the card itself, Color Options (PREM) is Carousel only.
- The Heading and Description can be Left, Center or Right aligned.
- A background image or color can be used for the component and the font color may be adjusted for visibility.
- Show Animation toggle can be set to yes/no to enable/disable the card animation to slide in from right.
- For Editable and Flip: Add row below to add more cards, for each card: add an image, title, description, and link (optional).
- Blog option is auto-populated based on selection of Category and/or Tag assignment
Feature Cards – Editable Image Grid Small
A description for the entire component can be added here.
Test image 1
Link to something
Test image 2
Test image 3
Link to home
Lorem Ipsum is simply dummy text
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Lorem Ipsum is simply dummy text
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Lorem Ipsum is simply dummy text
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Feature Cards – Editable Image Grid Medium with Background Image
This adds a background image to the component. It is important to select an image that will not distract from the card images and make them difficult to see and/or read.
Card Title #2
A brief description below the card.
Card Title #3
A brief description below the card.
Card Title #4
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Feature Cards – Editable Video Grid Medium
Vimeo Video ID
A brief description below the card.
Image Only – No Video
A longer description below the card, just to illustrate that it can be done.
Feature Cards – Editable Video Grid Large
Description can be added here.
MP4 Video Libraryy
A brief description below the card. Note this uses video poster in backend, but it doesn’t display.
Feature Cards – Editable Grid Small – Mixed Media
A description of this section can be added. A button for the entire component can also be used.
Vimeo Video ID
A brief description below the card.
Image Only – No Video
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Lorem Ipsum is simply dummy text
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Lorem Ipsum is simply dummy text
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Feature Cards – Editable Image Carousel Medium
Test image 1
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Test image 2
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Test image 3
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Feature Cards – Editable Image Carousel Large – Autoplay
This example shows the carousel on autoplay at speed = 3000
Test image 1
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Test image 2
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Test image 3
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Feature Cards – Video Carousel Small
Feature Cards – Video Carousel Medium (Auto)
Feature Cards – Video Carousel Large (Auto)
Feature Cards – Blog Grid(Small)
No posts found.
Feature Cards – Flip – Large
Description section
Front of Card Title
Lorem Ipsum is simply dummy text
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Front Title Card 2
Lorem Ipsum is simply dummy text
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Front Card Title #3
Lorem Ipsum is simply dummy text
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Feature Cards – Flip – Medium
Description section
Front of Card Title
Lorem Ipsum is simply dummy text
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Front Title Card 2
Lorem Ipsum is simply dummy text
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Front Card Title #3
Lorem Ipsum is simply dummy text
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Feature Cards – Flip – Small
Description section
Front of Card Title
Lorem Ipsum is simply dummy text
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Front Title Card 2
Lorem Ipsum is simply dummy text
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Front Card Title #3
Lorem Ipsum is simply dummy text
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Feature Cards – Color Options
This option allows you to modify the background color, font color, add a top border color to each card.
Catchy Title
Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere.
Another Title
Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere.
Third Title
Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis.
Fourth Title
Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis.
