The **Showcase Cards** component displays information in compact blocks with an image and preview, ideal for showcasing portfolios or introducing business cases.

## How to edit in the back office? 



 

 

 



   ![Publication creation ](/sites/g/files/dvc2391/files/styles/media/public/image/2024/12/Screenshot%202024-12-11%2016.00.36.png.webp?itok=bsW2UvDR)   





 

 





 

 

To set up the **Showcase Card** component, begin by entering a title to define the overall purpose of the card.

Next, move on to designing the card itself. Start by selecting a media file, which will serve as the main visual element. Then, specify a **location** to appear at the top of the card.

Below the location, add a **title**, which will be prominently displayed, followed by a **description** that gives a brief overview of the card's content.



 

 

 



 

 

 

 





## Examples:



 

 

 



 

 

 

 





 ![](/sites/g/files/dvc2391/files/styles/show_case_card/public/image/2024/11/NEW_YORK_5212%20%282%29.jpg.webp?itok=KuOSHCXQ) 

New York

 

New York Lights: Times Square by Night

 

Lorem ipsum dolor sit amet, **Nocturna Splendor i Times Square**, ubi lumina vibrantes et arcus neoneae urbem nocte illuminant. Phasellus vehicula risus eu sapien bibendum, simile energiae metropolitanae quae numquam dormit.



 

 

 

 

 

 

 

 





 

 

 

 



 ![](/sites/g/files/dvc2391/files/styles/show_case_card/public/image/2024/12/Screenshot%202024-12-16%2015.44.57.png.webp?itok=cblgMUMN) 

UK 

 

VEOLIA UK - England 

 

Veolia in Anglia, ubi lumina scintillans et innovatio sustinabilis urbem nocte illuminant. Phasellus solutioe eco-responsabilia transformant energiam metropolitanam, quae numquam dormit.



 

 

 

 

 

 

 

 





 

 

 

 




## Enhance your web pages with components

[Discover all the components here](/drupal-essentials/components)

 



 

 

 



 [   ![container icon](/sites/g/files/dvc2391/files/styles/media/public/image/2025/01/Design%20sans%20titre%20%2812%29.jpg.webp?h=b202b291&itok=vmeeKQt-)   ](/text)[Text](/text)

 

###       [Text](/text) 

 

 

 



 

 [   ![Card logo](/sites/g/files/dvc2391/files/styles/media/public/image/2025/02/Design%20sans%20titre%20%2832%29.png.webp?itok=IkpmBO28)   ](/card)[Card](/card)

 

###       [Card](/card) 

 

 

 



 

 [   ![Quote logo](/sites/g/files/dvc2391/files/styles/media/public/image/2025/02/Design%20sans%20titre%20%2833%29.png.webp?itok=h2rKsDhF)   ](/quote)[Quote](/quote)

 

###       [Quote](/quote) 

 

 

 



 

 [   ![content carosel icon](/sites/g/files/dvc2391/files/styles/media/public/image/2025/01/Design%20sans%20titre%20%2811%29.jpg.webp?itok=h0W8b7g1)   ](/carousel)[Carousel](/carousel)

 

###       [Carousel](/carousel) 

 

 

 



 

 [   ![Employee logo](/sites/g/files/dvc2391/files/styles/media/public/image/2025/02/Design%20sans%20titre%20%2835%29.png.webp?h=7699e6c3&itok=Po8T6NPm)   ](/employees)[Employee](/employees)

 

###       [Employee](/employees) 

 

 

 



 

 [   ![Iframe logo](/sites/g/files/dvc2391/files/styles/media/public/image/2025/02/Design%20sans%20titre%20%2836%29.png.webp?h=3089ca13&itok=yg-giCJz)   ](/iframe)[Iframe](/iframe)

 

###       [Iframe](/iframe) 

 

 

 



 

 [   ![Integration Code logo](/sites/g/files/dvc2391/files/styles/media/public/image/2025/02/Design%20sans%20titre%20%2838%29.png.webp?itok=vZx3cgmj)   ](/integration-code)[Integration Code](/integration-code)

 

###       [Integration Code](/integration-code) 

 

 

 



 

 

  Previous         Next        

 

 

 




## Ask for support

We use ServiceNow to track all of your requests and questions

[Create a ticket now](https://veglobal.service-now.com/s3c?id=service_catalog&root=fcec05201b1649504d79dce2b24bcb50)

 



 

 

 



 

 

   ![](/sites/g/files/dvc2391/files/styles/crop_freeform/public/image/2024/04/image%2014%20%283%29.png.webp?itok=j1xAfftb)