--- title: ESSENCE | Modules | Showcase | Cards description: The cards module is a super module with multiple variations. You can change the structures of the cards with the variation option, you can put an image on their background with overlay filtering, and you can add a CTA or link. --- ![Essence-Logo-White](https://www.inboundlabs.de/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/Essence-Logo/Essence-Logo-White.svg) # Cards Module The cards module is a super module with multiple variations. You can change the structures of the cards with the variation option, you can put an image on their background with overlay filtering, and you can add a CTA or link. You can also set how many cards will be in a row according to the variation option. It is an important module to highlight your product with a Title, Description, and Fade-in animation. ### [Theme Essence](https://www.inboundlabs.de/product/essence?hsLang=de) > [All Modules](https://www.inboundlabs.de/product/essence/modules/all?hsLang=de) > Cards ![Essence-Logo-Black](https://25915164.fs1.hubspotusercontent-eu1.net/hubfs/25915164/2023-IL-DE-Theme-Essence/Essence-Logo/Essence-Logo-Black.svg) ## Cards Module - **✅  CTA on/off** - **✅  Show/Hide Description** - **✅  Fade in/out on over** - **✅  Slider or Block Box View** - **✅  Variations** - **Image at the top** - **Rounded Image at the top** - **Image at the left** - **Image hover text** - **Image Background** - **✅  Fade Animations** - **✅  Number of Items in a row** - **✅  Full-width or in the container** ### Cards Module > Image At The Top  - ![Image (2)](https://www.inboundlabs.de/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/Cards/Image%20(2).png) Introduce different products of yours and link to each one in the CTA below Read More ![CTA-Arrow-Right-Up](https://www.inboundlabs.de/hs-fs/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/CTA/CTA-Arrow-Right-Up.png?width=24&height=24&name=CTA-Arrow-Right-Up.png) - ![Image](https://www.inboundlabs.de/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/Cards/Image.png) Share success stories and let the visitor know how you have already helped other customers Go to product ![CTA-Arrow-Right-Up](https://www.inboundlabs.de/hs-fs/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/CTA/CTA-Arrow-Right-Up.png?width=24&height=24&name=CTA-Arrow-Right-Up.png) - ![Image (3)](https://www.inboundlabs.de/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/Cards/Image%20(3).png) Announce a helpful e-book or guide that your visitors can download Get your e-book ![CTA-Arrow-Right-Up](https://www.inboundlabs.de/hs-fs/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/CTA/CTA-Arrow-Right-Up.png?width=24&height=24&name=CTA-Arrow-Right-Up.png) - ![Image (1)](https://www.inboundlabs.de/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/Cards/Image%20(1).png) Introduce an article of yours that you can link to in the CTA below. Learn more ![CTA-Arrow-Right-Up](https://www.inboundlabs.de/hs-fs/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/CTA/CTA-Arrow-Right-Up.png?width=24&height=24&name=CTA-Arrow-Right-Up.png) ### Cards Module (Slider) > Image At The Top  - ![Image-text-3](https://www.inboundlabs.de/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/Img-Text/Image-text-3.jpg) Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad eum dolorum architecto obcaecati enim dicta praesentium, quam nobis! Neque ad aliquam facilis... Read More ![CTA-Arrow-Right-Up](https://www.inboundlabs.de/hs-fs/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/CTA/CTA-Arrow-Right-Up.png?width=24&height=24&name=CTA-Arrow-Right-Up.png) - ![Image-text-1](https://www.inboundlabs.de/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/Img-Text/Image-text-1.png) Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad eum dolorum architecto obcaecati enim dicta praesentium, quam nobis! Neque ad aliquam facilis... Read More ![CTA-Arrow-Right-Up](https://www.inboundlabs.de/hs-fs/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/CTA/CTA-Arrow-Right-Up.png?width=24&height=24&name=CTA-Arrow-Right-Up.png) - ![Image-text-2](https://www.inboundlabs.de/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/Img-Text/Image-text-2.jpg) Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad eum dolorum architecto obcaecati enim dicta praesentium, quam nobis! Neque ad aliquam facilis... Read More ![CTA-Arrow-Right-Up](https://www.inboundlabs.de/hs-fs/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/CTA/CTA-Arrow-Right-Up.png?width=24&height=24&name=CTA-Arrow-Right-Up.png) - ![Image (2)](https://www.inboundlabs.de/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/Cards/Image%20(2).png) Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad eum dolorum architecto obcaecati enim dicta praesentium, quam nobis! Neque ad aliquam facilis... Read More ![CTA-Arrow-Right-Up](https://www.inboundlabs.de/hs-fs/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/CTA/CTA-Arrow-Right-Up.png?width=24&height=24&name=CTA-Arrow-Right-Up.png) ** ** ### Cards Module > Image At The Top > Full-width - ![Image-text-3](https://www.inboundlabs.de/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/Img-Text/Image-text-3.jpg) Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad eum dolorum architecto obcaecati enim dicta praesentium, quam nobis! Neque ad aliquam facilis... Read More ![CTA-Arrow-Right-Up](https://www.inboundlabs.de/hs-fs/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/CTA/CTA-Arrow-Right-Up.png?width=24&height=24&name=CTA-Arrow-Right-Up.png) - ![Image-text-2](https://www.inboundlabs.de/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/Img-Text/Image-text-2.jpg) Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad eum dolorum architecto obcaecati enim dicta praesentium, quam nobis! Neque ad aliquam facilis... Read More ![CTA-Arrow-Right-Up](https://www.inboundlabs.de/hs-fs/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/CTA/CTA-Arrow-Right-Up.png?width=24&height=24&name=CTA-Arrow-Right-Up.png) - ![Image-text-1](https://www.inboundlabs.de/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/Img-Text/Image-text-1.png) Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad eum dolorum architecto obcaecati enim dicta praesentium, quam nobis! Neque ad aliquam facilis... Read More ![CTA-Arrow-Right-Up](https://www.inboundlabs.de/hs-fs/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/CTA/CTA-Arrow-Right-Up.png?width=24&height=24&name=CTA-Arrow-Right-Up.png) - ![people-at-meeting-sm](https://www.inboundlabs.de/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/Other-images/people-at-meeting-sm.jpg) Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad eum dolorum architecto obcaecati enim dicta praesentium, quam nobis! Neque ad aliquam facilis... Read More ![CTA-Arrow-Right-Up](https://www.inboundlabs.de/hs-fs/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/CTA/CTA-Arrow-Right-Up.png?width=24&height=24&name=CTA-Arrow-Right-Up.png) ### Cards Module (Slider) > Image At The Top > Full-width - ![people-at-meeting-sm](https://www.inboundlabs.de/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/Other-images/people-at-meeting-sm.jpg) Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad eum dolorum architecto obcaecati enim dicta praesentium, quam nobis! Neque ad aliquam facilis... Read More ![CTA-Arrow-Right-Up](https://www.inboundlabs.de/hs-fs/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/CTA/CTA-Arrow-Right-Up.png?width=24&height=24&name=CTA-Arrow-Right-Up.png) - ![Image (2)](https://www.inboundlabs.de/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/Cards/Image%20(2).png) Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad eum dolorum architecto obcaecati enim dicta praesentium, quam nobis! Neque ad aliquam facilis... Read More ![CTA-Arrow-Right-Up](https://www.inboundlabs.de/hs-fs/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/CTA/CTA-Arrow-Right-Up.png?width=24&height=24&name=CTA-Arrow-Right-Up.png) - ![Image (3)](https://www.inboundlabs.de/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/Cards/Image%20(3).png) Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad eum dolorum architecto obcaecati enim dicta praesentium, quam nobis! Neque ad aliquam facilis... Read More ![CTA-Arrow-Right-Up](https://www.inboundlabs.de/hs-fs/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/CTA/CTA-Arrow-Right-Up.png?width=24&height=24&name=CTA-Arrow-Right-Up.png) - ![Image](https://www.inboundlabs.de/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/Cards/Image.png) Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad eum dolorum architecto obcaecati enim dicta praesentium, quam nobis! Neque ad aliquam facilis... Read More ![CTA-Arrow-Right-Up](https://www.inboundlabs.de/hs-fs/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/CTA/CTA-Arrow-Right-Up.png?width=24&height=24&name=CTA-Arrow-Right-Up.png) ** ** ### Cards Module > Rounded Image At The Top - ![Image-text-2](https://www.inboundlabs.de/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/Img-Text/Image-text-2.jpg) Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad eum dolorum architecto obcaecati enim dicta praesentium, quam nobis! Neque ad aliquam facilis... Read More ![CTA-Arrow-Right-Up](https://www.inboundlabs.de/hs-fs/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/CTA/CTA-Arrow-Right-Up.png?width=24&height=24&name=CTA-Arrow-Right-Up.png) - ![Image-text-3](https://www.inboundlabs.de/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/Img-Text/Image-text-3.jpg) Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad eum dolorum architecto obcaecati enim dicta praesentium, quam nobis! Neque ad aliquam facilis... Read More ![CTA-Arrow-Right-Up](https://www.inboundlabs.de/hs-fs/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/CTA/CTA-Arrow-Right-Up.png?width=24&height=24&name=CTA-Arrow-Right-Up.png) - ![Image-text-1](https://www.inboundlabs.de/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/Img-Text/Image-text-1.png) Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad eum dolorum architecto obcaecati enim dicta praesentium, quam nobis! Neque ad aliquam facilis... Read More ![CTA-Arrow-Right-Up](https://www.inboundlabs.de/hs-fs/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/CTA/CTA-Arrow-Right-Up.png?width=24&height=24&name=CTA-Arrow-Right-Up.png) - ![people-at-meeting-sm](https://www.inboundlabs.de/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/Other-images/people-at-meeting-sm.jpg) Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad eum dolorum architecto obcaecati enim dicta praesentium, quam nobis! Neque ad aliquam facilis... Read More ![CTA-Arrow-Right-Up](https://www.inboundlabs.de/hs-fs/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/CTA/CTA-Arrow-Right-Up.png?width=24&height=24&name=CTA-Arrow-Right-Up.png) ### Cards Module (Slider) > Rounded Image At The Top - ![Image-text-1](https://www.inboundlabs.de/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/Img-Text/Image-text-1.png) Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad eum dolorum architecto obcaecati enim dicta praesentium, quam nobis! Neque ad aliquam facilis... Read More ![CTA-Arrow-Right-Up](https://www.inboundlabs.de/hs-fs/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/CTA/CTA-Arrow-Right-Up.png?width=24&height=24&name=CTA-Arrow-Right-Up.png) - ![Image-text-3](https://www.inboundlabs.de/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/Img-Text/Image-text-3.jpg) Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad eum dolorum architecto obcaecati enim dicta praesentium, quam nobis! Neque ad aliquam facilis... Read More ![CTA-Arrow-Right-Up](https://www.inboundlabs.de/hs-fs/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/CTA/CTA-Arrow-Right-Up.png?width=24&height=24&name=CTA-Arrow-Right-Up.png) - ![Image-text-2](https://www.inboundlabs.de/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/Img-Text/Image-text-2.jpg) Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad eum dolorum architecto obcaecati enim dicta praesentium, quam nobis! Neque ad aliquam facilis... Read More ![CTA-Arrow-Right-Up](https://www.inboundlabs.de/hs-fs/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/CTA/CTA-Arrow-Right-Up.png?width=24&height=24&name=CTA-Arrow-Right-Up.png) - ![people-at-meeting-sm](https://www.inboundlabs.de/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/Other-images/people-at-meeting-sm.jpg) Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad eum dolorum architecto obcaecati enim dicta praesentium, quam nobis! Neque ad aliquam facilis... Read More ![CTA-Arrow-Right-Up](https://www.inboundlabs.de/hs-fs/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/CTA/CTA-Arrow-Right-Up.png?width=24&height=24&name=CTA-Arrow-Right-Up.png) ** ** ### Cards Module > Image At The Left - ![Image (1)](https://www.inboundlabs.de/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/Cards/Image%20(1).png) Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad eum dolorum architecto obcaecati enim dicta praesentium, quam nobis! Neque ad aliquam facilis... Read More ![CTA-Arrow-Right-Up](https://www.inboundlabs.de/hs-fs/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/CTA/CTA-Arrow-Right-Up.png?width=24&height=24&name=CTA-Arrow-Right-Up.png) - ![people-at-meeting-sm](https://www.inboundlabs.de/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/Other-images/people-at-meeting-sm.jpg) Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad eum dolorum architecto obcaecati enim dicta praesentium, quam nobis! Neque ad aliquam facilis... Read More ![CTA-Arrow-Right-Up](https://www.inboundlabs.de/hs-fs/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/CTA/CTA-Arrow-Right-Up.png?width=24&height=24&name=CTA-Arrow-Right-Up.png) - ![Image (2)](https://www.inboundlabs.de/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/Cards/Image%20(2).png) Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad eum dolorum architecto obcaecati enim dicta praesentium, quam nobis! Neque ad aliquam facilis... Read More ![CTA-Arrow-Right-Up](https://www.inboundlabs.de/hs-fs/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/CTA/CTA-Arrow-Right-Up.png?width=24&height=24&name=CTA-Arrow-Right-Up.png) - ![Image](https://www.inboundlabs.de/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/Cards/Image.png) Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad eum dolorum architecto obcaecati enim dicta praesentium, quam nobis! Neque ad aliquam facilis... Read More ![CTA-Arrow-Right-Up](https://www.inboundlabs.de/hs-fs/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/CTA/CTA-Arrow-Right-Up.png?width=24&height=24&name=CTA-Arrow-Right-Up.png) ### Cards Module (Slider) > Image At The Left - ![wollet_logo_thumb](https://www.inboundlabs.de/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/Cards/wollet_logo_thumb.svg) Lorem ipsum dolor sit amet, consectetur adipisicing elit. Read More ![CTA-Arrow-Right-Up](https://www.inboundlabs.de/hs-fs/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/CTA/CTA-Arrow-Right-Up.png?width=24&height=24&name=CTA-Arrow-Right-Up.png) - ![paw_logo_thumb](https://www.inboundlabs.de/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/Cards/paw_logo_thumb.svg) Lorem ipsum dolor sit amet, consectetur adipisicing elit. Read More ![CTA-Arrow-Right-Up](https://www.inboundlabs.de/hs-fs/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/CTA/CTA-Arrow-Right-Up.png?width=24&height=24&name=CTA-Arrow-Right-Up.png) - ![deal_logo_thumb](https://www.inboundlabs.de/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/Cards/deal_logo_thumb.svg) Lorem ipsum dolor sit amet, consectetur adipisicing elit. Read More ![CTA-Arrow-Right-Up](https://www.inboundlabs.de/hs-fs/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/CTA/CTA-Arrow-Right-Up.png?width=24&height=24&name=CTA-Arrow-Right-Up.png) - ![wollet_logo_thumb](https://www.inboundlabs.de/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/Cards/wollet_logo_thumb.svg) Lorem ipsum dolor sit amet, consectetur adipisicing elit. Read More ![CTA-Arrow-Right-Up](https://www.inboundlabs.de/hs-fs/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/CTA/CTA-Arrow-Right-Up.png?width=24&height=24&name=CTA-Arrow-Right-Up.png) ** ** ### Cards Module > Image Hover Text - ![Image-text-1](https://www.inboundlabs.de/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/Img-Text/Image-text-1.png) ### Theme Essence Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad eum dolorum architecto obcaecati enim dicta praesentium, quam nobis! Neque ad aliquam facilis... Read More ![CTA-Arrow-Right-Up](https://www.inboundlabs.de/hs-fs/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/CTA/CTA-Arrow-Right-Up.png?width=24&height=24&name=CTA-Arrow-Right-Up.png) - ![Image-text-2](https://www.inboundlabs.de/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/Img-Text/Image-text-2.jpg) ### Theme Essence Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad eum dolorum architecto obcaecati enim dicta praesentium, quam nobis! Neque ad aliquam facilis... Read More ![CTA-Arrow-Right-Up](https://www.inboundlabs.de/hs-fs/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/CTA/CTA-Arrow-Right-Up.png?width=24&height=24&name=CTA-Arrow-Right-Up.png) - ![Image-text-3](https://www.inboundlabs.de/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/Img-Text/Image-text-3.jpg) ### Theme Essence Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad eum dolorum architecto obcaecati enim dicta praesentium, quam nobis! Neque ad aliquam facilis... Read More ![CTA-Arrow-Right-Up](https://www.inboundlabs.de/hs-fs/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/CTA/CTA-Arrow-Right-Up.png?width=24&height=24&name=CTA-Arrow-Right-Up.png) - ![people-at-meeting-sm](https://www.inboundlabs.de/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/Other-images/people-at-meeting-sm.jpg) ### Theme Essence Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad eum dolorum architecto obcaecati enim dicta praesentium, quam nobis! Neque ad aliquam facilis... Read More ![CTA-Arrow-Right-Up](https://www.inboundlabs.de/hs-fs/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/CTA/CTA-Arrow-Right-Up.png?width=24&height=24&name=CTA-Arrow-Right-Up.png) ### Cards Module (Slider) > Image Hover Text - ![people-at-meeting-sm](https://www.inboundlabs.de/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/Other-images/people-at-meeting-sm.jpg) ### Theme Essence Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad eum dolorum architecto obcaecati enim dicta praesentium, quam nobis! Neque ad aliquam facilis... Read More ![CTA-Arrow-Right-Up](https://www.inboundlabs.de/hs-fs/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/CTA/CTA-Arrow-Right-Up.png?width=24&height=24&name=CTA-Arrow-Right-Up.png) - ![Image (3)](https://www.inboundlabs.de/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/Cards/Image%20(3).png) ### Theme Essence Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad eum dolorum architecto obcaecati enim dicta praesentium, quam nobis! Neque ad aliquam facilis... Read More ![CTA-Arrow-Right-Up](https://www.inboundlabs.de/hs-fs/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/CTA/CTA-Arrow-Right-Up.png?width=24&height=24&name=CTA-Arrow-Right-Up.png) - ![Image](https://www.inboundlabs.de/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/Cards/Image.png) ### Theme Essence Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad eum dolorum architecto obcaecati enim dicta praesentium, quam nobis! Neque ad aliquam facilis... Read More ![CTA-Arrow-Right-Up](https://www.inboundlabs.de/hs-fs/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/CTA/CTA-Arrow-Right-Up.png?width=24&height=24&name=CTA-Arrow-Right-Up.png) - ![Image (2)](https://www.inboundlabs.de/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/Cards/Image%20(2).png) ### Theme Essence Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad eum dolorum architecto obcaecati enim dicta praesentium, quam nobis! Neque ad aliquam facilis... Read More ![CTA-Arrow-Right-Up](https://www.inboundlabs.de/hs-fs/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/CTA/CTA-Arrow-Right-Up.png?width=24&height=24&name=CTA-Arrow-Right-Up.png) ** ** ### Cards Module > Image Background - ![people-at-meeting-sm](https://www.inboundlabs.de/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/Other-images/people-at-meeting-sm.jpg) ### Theme Essence Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad eum dolorum architecto obcaecati enim dicta praesentium, quam nobis! Neque ad aliquam facilis... Read More ![CTA-Arrow-Right-Up](https://www.inboundlabs.de/hs-fs/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/CTA/CTA-Arrow-Right-Up.png?width=24&height=24&name=CTA-Arrow-Right-Up.png) - ![Banner](https://www.inboundlabs.de/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/Hero-Banner/Banner.jpg) ### Theme Essence Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad eum dolorum architecto obcaecati enim dicta praesentium, quam nobis! Neque ad aliquam facilis... Read More ![CTA-Arrow-Right-Up](https://www.inboundlabs.de/hs-fs/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/CTA/CTA-Arrow-Right-Up.png?width=24&height=24&name=CTA-Arrow-Right-Up.png) - ![people-at-meeting-2](https://www.inboundlabs.de/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/Other-images/people-at-meeting-2.jpg) ### Theme Essence Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad eum dolorum architecto obcaecati enim dicta praesentium, quam nobis! Neque ad aliquam facilis... Read More ![CTA-Arrow-Right-Up](https://www.inboundlabs.de/hs-fs/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/CTA/CTA-Arrow-Right-Up.png?width=24&height=24&name=CTA-Arrow-Right-Up.png) - ![team-members](https://www.inboundlabs.de/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/Other-images/team-members.jpg) ### Theme Essence Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad eum dolorum architecto obcaecati enim dicta praesentium, quam nobis! Neque ad aliquam facilis... Read More ![CTA-Arrow-Right-Up](https://www.inboundlabs.de/hs-fs/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/CTA/CTA-Arrow-Right-Up.png?width=24&height=24&name=CTA-Arrow-Right-Up.png) ### Cards Module (Slider) > Image Background - ![team-members](https://www.inboundlabs.de/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/Other-images/team-members.jpg) ### Theme Essence Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad eum dolorum architecto obcaecati enim dicta praesentium, quam nobis! Neque ad aliquam facilis... Read More ![CTA-Arrow-Right-Up](https://www.inboundlabs.de/hs-fs/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/CTA/CTA-Arrow-Right-Up.png?width=24&height=24&name=CTA-Arrow-Right-Up.png) - ![people-at-meeting-2](https://www.inboundlabs.de/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/Other-images/people-at-meeting-2.jpg) ### Theme Essence Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad eum dolorum architecto obcaecati enim dicta praesentium, quam nobis! Neque ad aliquam facilis... Read More ![CTA-Arrow-Right-Up](https://www.inboundlabs.de/hs-fs/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/CTA/CTA-Arrow-Right-Up.png?width=24&height=24&name=CTA-Arrow-Right-Up.png) - ![mock-up](https://www.inboundlabs.de/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/Other-images/mock-up.jpg) ### Theme Essence Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad eum dolorum architecto obcaecati enim dicta praesentium, quam nobis! Neque ad aliquam facilis... Read More ![CTA-Arrow-Right-Up](https://www.inboundlabs.de/hs-fs/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/CTA/CTA-Arrow-Right-Up.png?width=24&height=24&name=CTA-Arrow-Right-Up.png) - ![people-at-meeting-sm](https://www.inboundlabs.de/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/Other-images/people-at-meeting-sm.jpg) ### Theme Essence Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad eum dolorum architecto obcaecati enim dicta praesentium, quam nobis! Neque ad aliquam facilis... Read More ![CTA-Arrow-Right-Up](https://www.inboundlabs.de/hs-fs/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/CTA/CTA-Arrow-Right-Up.png?width=24&height=24&name=CTA-Arrow-Right-Up.png) ** ** ### Cards Module > No Background - #### 1. Choose components Packed with a wealth of popular modern interface patterns! - #### 2. Choose components Packed with a wealth of popular modern interface patterns! Read More ![CTA-Arrow-Right-Up](https://www.inboundlabs.de/hs-fs/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/CTA/CTA-Arrow-Right-Up.png?width=24&height=24&name=CTA-Arrow-Right-Up.png) - #### 3. Choose components Packed with a wealth of popular modern interface patterns! Read More ![CTA-Arrow-Right-Up](https://www.inboundlabs.de/hs-fs/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/CTA/CTA-Arrow-Right-Up.png?width=24&height=24&name=CTA-Arrow-Right-Up.png) - #### 4. Choose components Packed with a wealth of popular modern interface patterns! ### Cards Module > Image at the Left or Right Column, CTA and Text at the Right or Left Column - ![Image_icon](https://www.inboundlabs.de/hubfs/raw_assets/public/essence/images/cm_modules/Blank-image-01.svg) ### Cards Read More ![CTA-Arrow-Right-Up](https://www.inboundlabs.de/hs-fs/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/CTA/CTA-Arrow-Right-Up.png?width=24&height=24&name=CTA-Arrow-Right-Up.png) - ![Image_icon](https://www.inboundlabs.de/hubfs/raw_assets/public/essence/images/cm_modules/Blank-image-01.svg) ### Cards Read More ![CTA-Arrow-Right-Up](https://www.inboundlabs.de/hs-fs/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/CTA/CTA-Arrow-Right-Up.png?width=24&height=24&name=CTA-Arrow-Right-Up.png) - ![Image_icon](https://www.inboundlabs.de/hubfs/raw_assets/public/essence/images/cm_modules/Blank-image-01.svg) ### Cards Read More ![CTA-Arrow-Right-Up](https://www.inboundlabs.de/hs-fs/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/CTA/CTA-Arrow-Right-Up.png?width=24&height=24&name=CTA-Arrow-Right-Up.png) - ![Image_icon](https://www.inboundlabs.de/hubfs/raw_assets/public/essence/images/cm_modules/Blank-image-01.svg) ### Cards Read More ![CTA-Arrow-Right-Up](https://www.inboundlabs.de/hs-fs/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/CTA/CTA-Arrow-Right-Up.png?width=24&height=24&name=CTA-Arrow-Right-Up.png) ### Cards Module > Image at the Top, CTA and Text at the Bottom - ![Image_icon](https://www.inboundlabs.de/hubfs/raw_assets/public/essence/images/cm_modules/Blank-image-01.svg) ### Cards Read More ![CTA-Arrow-Right-Up](https://www.inboundlabs.de/hs-fs/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/CTA/CTA-Arrow-Right-Up.png?width=24&height=24&name=CTA-Arrow-Right-Up.png) - ![Image_icon](https://www.inboundlabs.de/hubfs/raw_assets/public/essence/images/cm_modules/Blank-image-01.svg) ### Cards Read More ![CTA-Arrow-Right-Up](https://www.inboundlabs.de/hs-fs/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/CTA/CTA-Arrow-Right-Up.png?width=24&height=24&name=CTA-Arrow-Right-Up.png) - ![Image_icon](https://www.inboundlabs.de/hubfs/raw_assets/public/essence/images/cm_modules/Blank-image-01.svg) ### Cards Read More ![CTA-Arrow-Right-Up](https://www.inboundlabs.de/hs-fs/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/CTA/CTA-Arrow-Right-Up.png?width=24&height=24&name=CTA-Arrow-Right-Up.png) - ![Image_icon](https://www.inboundlabs.de/hubfs/raw_assets/public/essence/images/cm_modules/Blank-image-01.svg) ### Cards Read More ![CTA-Arrow-Right-Up](https://www.inboundlabs.de/hs-fs/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/CTA/CTA-Arrow-Right-Up.png?width=24&height=24&name=CTA-Arrow-Right-Up.png) ### Cards Module > No Background, Only Card Content and CTA - #### ![Settings-icon](https://www.inboundlabs.de/hs-fs/hubfs/THEME-ESSENCE/New-Design-2024/Settings-icon.png?width=35&height=35&name=Settings-icon.png) #### 1. Choose components Packed with a wealth of popular modern interface patterns! - #### 1. Choose components Packed with a wealth of popular modern interface patterns! Read More ![CTA-Arrow-Right-Up](https://www.inboundlabs.de/hs-fs/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/CTA/CTA-Arrow-Right-Up.png?width=24&height=24&name=CTA-Arrow-Right-Up.png) - #### 1. Choose components Packed with a wealth of popular modern interface patterns! Read More ![CTA-Arrow-Right-Up](https://www.inboundlabs.de/hs-fs/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/CTA/CTA-Arrow-Right-Up.png?width=24&height=24&name=CTA-Arrow-Right-Up.png) - #### 1. Choose components Packed with a wealth of popular modern interface patterns! - ![Essence-Logo-Black](https://www.inboundlabs.de/hubfs/THEME-ESSENCE/Images/Essence-Logo/Essence-Logo-Black.svg) 1. Choose components Packed with a wealth of popular modern interface patterns! Read More ![CTA-Arrow-Right-Up](https://www.inboundlabs.de/hs-fs/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/CTA/CTA-Arrow-Right-Up.png?width=24&height=24&name=CTA-Arrow-Right-Up.png) - ![Essence-Logo-Black](https://www.inboundlabs.de/hubfs/THEME-ESSENCE/Images/Essence-Logo/Essence-Logo-Black.svg) 1. Choose components Packed with a wealth of popular modern interface patterns! Read More ![CTA-Arrow-Right-Up](https://www.inboundlabs.de/hs-fs/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/CTA/CTA-Arrow-Right-Up.png?width=24&height=24&name=CTA-Arrow-Right-Up.png) - ![Essence-Logo-Black](https://www.inboundlabs.de/hubfs/THEME-ESSENCE/Images/Essence-Logo/Essence-Logo-Black.svg) 1. Choose components Packed with a wealth of popular modern interface patterns! Read More ![CTA-Arrow-Right-Up](https://www.inboundlabs.de/hs-fs/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/CTA/CTA-Arrow-Right-Up.png?width=24&height=24&name=CTA-Arrow-Right-Up.png) - ![Essence-Logo-Black](https://www.inboundlabs.de/hubfs/THEME-ESSENCE/Images/Essence-Logo/Essence-Logo-Black.svg) 1. Choose components Packed with a wealth of popular modern interface patterns! Read More ![CTA-Arrow-Right-Up](https://www.inboundlabs.de/hs-fs/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/CTA/CTA-Arrow-Right-Up.png?width=24&height=24&name=CTA-Arrow-Right-Up.png) - 1. Choose components Packed with a wealth of popular modern interface patterns! Read More ![CTA-Arrow-Right-Up](https://www.inboundlabs.de/hs-fs/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/CTA/CTA-Arrow-Right-Up.png?width=24&height=24&name=CTA-Arrow-Right-Up.png) - 1. Choose components Packed with a wealth of popular modern interface patterns! Read More ![CTA-Arrow-Right-Up](https://www.inboundlabs.de/hs-fs/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/CTA/CTA-Arrow-Right-Up.png?width=24&height=24&name=CTA-Arrow-Right-Up.png) - 1. Choose components Packed with a wealth of popular modern interface patterns! Read More ![CTA-Arrow-Right-Up](https://www.inboundlabs.de/hs-fs/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/CTA/CTA-Arrow-Right-Up.png?width=24&height=24&name=CTA-Arrow-Right-Up.png) - 1. Choose components Packed with a wealth of popular modern interface patterns! Read More ![CTA-Arrow-Right-Up](https://www.inboundlabs.de/hs-fs/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/CTA/CTA-Arrow-Right-Up.png?width=24&height=24&name=CTA-Arrow-Right-Up.png) ![Essence-Logo-White](https://www.inboundlabs.de/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/Essence-Logo/Essence-Logo-White.svg) ## A suite of tools at your disposal To design is much more than simply to assemble, to order, or even to edit: it is to add value and meaning, to illuminate, to simplify, to clarify, to modify, to dignify, to dramatize, to persuade, and perhaps even to amuse. Go to Essence ![CTA-Arrow-Right-Up](https://www.inboundlabs.de/hs-fs/hubfs/THEME-ESSENCE/New-Design-2024/MarketPlace-Assets/CTA/CTA-Arrow-Right-Up.png?width=24&height=24&name=CTA-Arrow-Right-Up.png) ![](https://dc.ads.linkedin.com/collect/?pid=94424&fmt=gif) ```json { "@context" : "https://schema.org", "@type" : "VideoObject", "contentUrl" : "https://346178.fs1.hubspotusercontent-na1.net/hubfs/346178/THEME-ESSENCE/Education-Guide/How-to-use-module/how-to-use-card-module.mov", "dateModified" : "2024-01-07T15:05:47.529Z", "duration" : "PT1M16S", "height" : 720, "name" : "how-to-use-card-module", "thumbnailUrl" : "https://api-na1.hubapi.com/filemanager/api/v3/files/thumbnail-redirect/152261155728?portalId=346178&size=medium", "uploadDate" : "2024-01-07T15:05:28.708Z", "width" : 1462 } ```