🎉 Black Friday deal! 25% off your first year of CodyHouse Pro →


Progress value is 30%

Card v10

Container of information used as teaser for further content exploration

Copy: View demo


All components are based on CodyFrame.

This component includes variations. All variations share the same SCSS/JS code. They only differ in their HTML.

How to

The Card v10 component is used to group and display related content (image + headline), and it links to the main content page.

The component contains two variations, in case you want to display the same content with a different style:

  • card-v10--state-1
  • card-v10--state-2

In the demo, the .card-v10--state-2 variation is an enhancement of .card-v10--state-1, but you can modify the component and treat the variations as two completely different styles.

✅ Project duplicated

✅ Project created

There was an error while trying to export your project. Please try again or contact us