---
title: Featured card module
---

[Skip to content](https://bereto.dev/featured-card-module#main-content)

[![bereto.dev](https://bereto.dev/hubfs/bereto_dev_logo.svg "bereto.dev")](https://bereto.dev/)

- [Services](https://bereto.dev/services)
- [HubSpot Marketplace](https://bereto.dev/hubspot-marketplace)
- [Projects](https://bereto.dev/projects)
- [Blog](https://bereto.dev/blog)
- [About Me](https://bereto.dev/about-me)

This is a search field with an auto-suggest feature attached.

- There are no suggestions because the search field is empty.

[Contact](https://bereto.dev/contact-me)

[Contact](https://bereto.dev/contact-me)

This is a search field with an auto-suggest feature attached.

- There are no suggestions because the search field is empty.

- [Services](https://bereto.dev/services)
- [HubSpot Marketplace](https://bereto.dev/hubspot-marketplace)
- [Projects](https://bereto.dev/projects)
- [Blog](https://bereto.dev/blog)
- [About Me](https://bereto.dev/about-me)

# Featured card

The "Featured card" enables you to showcase a specific element on your website by incorporating an image, text, and a link.

[Go to the marketplace](https://ecosystem.hubspot.com/marketplace/modules/featured-card-module-by-devteam-partners)

Featured city

 San Francisco

 San Francisco is the kind of quirky place where a fog-calling contest might compete for attention with gala balls marking the opening of the symphony, opera and ballet seasons. 

[Learn more](https://www.visittheusa.com/destination/san-francisco)

## Cool examples

Featured city

 San Francisco

 San Francisco is the kind of quirky place where a fog-calling contest might compete for attention with gala balls marking the opening of the symphony, opera and ballet seasons. 

[Learn more](https://www.visittheusa.com/destination/san-francisco)

Featured city

 San Francisco

 San Francisco is the kind of quirky place where a fog-calling contest might compete for attention with gala balls marking the opening of the symphony, opera and ballet seasons. 

[Learn more](https://www.visittheusa.com/destination/san-francisco)

## Module settings

### Content

- Image
- Card title
- Card description
- Link
- Link text

Advanced settings

- Custom Class
- Custom ID

![Captura de pantalla 2024-02-19 a las 8.33.30 p.m.](https://bereto.dev/hubfs/Captura%20de%20pantalla%202024-02-19%20a%20las%208.33.30%20p.m..png "Captura de pantalla 2024-02-19 a las 8.33.30 p.m.")

![Captura de pantalla 2024-02-19 a las 8.33.58 p.m.](https://bereto.dev/hubfs/Captura%20de%20pantalla%202024-02-19%20a%20las%208.33.58%20p.m..png "Captura de pantalla 2024-02-19 a las 8.33.58 p.m.")

### Styles

Card:

- Max width
- Height
- Card background
- Border radius
- Drop shadow

Image:

- Mobile aspect ratio
- Desktop position
- Mobile position

Content

- Title tag
- Title color
- Description color
- Link style: 
    - Button
    - Simple link

Module:

- Spacing

![Captura de pantalla 2024-02-19 a las 8.39.11 p.m.](https://bereto.dev/hubfs/Captura%20de%20pantalla%202024-02-19%20a%20las%208.39.11%20p.m..png "Captura de pantalla 2024-02-19 a las 8.39.11 p.m.")

![Captura de pantalla 2024-02-19 a las 8.39.25 p.m.](https://bereto.dev/hubfs/Captura%20de%20pantalla%202024-02-19%20a%20las%208.39.25%20p.m..png "Captura de pantalla 2024-02-19 a las 8.39.25 p.m.")

![Captura de pantalla 2024-02-22 a las 6.01.06 p.m.](https://bereto.dev/hubfs/Captura%20de%20pantalla%202024-02-22%20a%20las%206.01.06%20p.m..png "Captura de pantalla 2024-02-22 a las 6.01.06 p.m.")

![Captura de pantalla 2024-02-22 a las 6.01.36 p.m.](https://bereto.dev/hubfs/Captura%20de%20pantalla%202024-02-22%20a%20las%206.01.36%20p.m..png "Captura de pantalla 2024-02-22 a las 6.01.36 p.m.")

![Captura de pantalla 2024-02-19 a las 8.39.52 p.m.](https://bereto.dev/hubfs/Captura%20de%20pantalla%202024-02-19%20a%20las%208.39.52%20p.m..png "Captura de pantalla 2024-02-19 a las 8.39.52 p.m.")

bereto.dev © 2026 | [Privacy Policy |](https://devteam.partners/legals#privacy)[Terms & Condition](https://devteam.partners/legals#terms)