--- title: Misaligned cards module --- [Skip to content](https://bereto.dev/misaligned-cards#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) # Misaligned cards With the "Misaligned cards", you can add a unique style to your website. This module features a repeater so you can generate as many cards as you want, with options for simple links or buttons, and animated hover styles. [Go to the marketplace](https://ecosystem.hubspot.com/marketplace/modules/misaligned-cards-module-by-devteam-partners) [![San Francisco](https://bereto.dev/hs-fs/hubfs/photo-1547190994-0dfe4ab1bdae.webp?width=900&height=600&name=photo-1547190994-0dfe4ab1bdae.webp)](https://bereto.dev) San Francisco San Francisco is a place of landmarks and photo opportunities, not the least of which is the Golden Gate Bridge [Go to Home](https://bereto.dev) [![San Francisco](https://bereto.dev/hs-fs/hubfs/photo-1547190994-0dfe4ab1bdae.webp?width=900&height=600&name=photo-1547190994-0dfe4ab1bdae.webp)](https://bereto.dev) San Francisco San Francisco is a place of landmarks and photo opportunities, not the least of which is the Golden Gate Bridge [Go to Home](https://bereto.dev) ## Cool examples Image center - Zoom effect - Simple link [![San Francisco](https://bereto.dev/hs-fs/hubfs/photo-1547190994-0dfe4ab1bdae.webp?width=900&height=600&name=photo-1547190994-0dfe4ab1bdae.webp)](https://bereto.dev) San Francisco San Francisco is a place of landmarks and photo opportunities, not the least of which is the Golden Gate Bridge [Go to Home](https://bereto.dev) [![photo-1551283895-bad586708963](https://bereto.dev/hs-fs/hubfs/photo-1551283895-bad586708963.webp?width=900&height=1350&name=photo-1551283895-bad586708963.webp)](https://www.google.com) San Francisco San Francisco is a place of landmarks and photo opportunities, not the least of which is the Golden Gate Bridge [Go to Google](https://www.google.com) ![photo-1582310232830-64b3e74b8596](https://bereto.dev/hs-fs/hubfs/photo-1582310232830-64b3e74b8596.webp?width=900&height=1200&name=photo-1582310232830-64b3e74b8596.webp) San Francisco San Francisco is a place of landmarks and photo opportunities, not the least of which is the Golden Gate Bridge ![Getty_591648687_Brand_City_SanFrancisco_Hero_FinalCrop](https://bereto.dev/hs-fs/hubfs/Getty_591648687_Brand_City_SanFrancisco_Hero_FinalCrop.jpg?width=2000&height=875&name=Getty_591648687_Brand_City_SanFrancisco_Hero_FinalCrop.jpg) San Francisco San Francisco is a place of landmarks and photo opportunities, not the least of which is the Golden Gate Bridge Go to this page ![photo-1547190994-0dfe4ab1bdae](https://bereto.dev/hs-fs/hubfs/photo-1547190994-0dfe4ab1bdae.webp?width=900&height=600&name=photo-1547190994-0dfe4ab1bdae.webp) San Francisco San Francisco is a place of landmarks and photo opportunities, not the least of which is the Golden Gate Bridge Left/Right card - Zoom effect - Link button style [![San Francisco](https://bereto.dev/hs-fs/hubfs/photo-1547190994-0dfe4ab1bdae.webp?width=900&height=600&name=photo-1547190994-0dfe4ab1bdae.webp)](https://bereto.dev) San Francisco San Francisco is a place of landmarks and photo opportunities, not the least of which is the Golden Gate Bridge [Go to Home](https://bereto.dev) [![photo-1551283895-bad586708963](https://bereto.dev/hs-fs/hubfs/photo-1551283895-bad586708963.webp?width=900&height=1350&name=photo-1551283895-bad586708963.webp)](https://www.google.com) San Francisco San Francisco is a place of landmarks and photo opportunities, not the least of which is the Golden Gate Bridge [Go to Google](https://www.google.com) ![photo-1582310232830-64b3e74b8596](https://bereto.dev/hs-fs/hubfs/photo-1582310232830-64b3e74b8596.webp?width=900&height=1200&name=photo-1582310232830-64b3e74b8596.webp) San Francisco San Francisco is a place of landmarks and photo opportunities, not the least of which is the Golden Gate Bridge ![Getty_591648687_Brand_City_SanFrancisco_Hero_FinalCrop](https://bereto.dev/hs-fs/hubfs/Getty_591648687_Brand_City_SanFrancisco_Hero_FinalCrop.jpg?width=2000&height=875&name=Getty_591648687_Brand_City_SanFrancisco_Hero_FinalCrop.jpg) San Francisco San Francisco is a place of landmarks and photo opportunities, not the least of which is the Golden Gate Bridge Go to this page ![photo-1547190994-0dfe4ab1bdae](https://bereto.dev/hs-fs/hubfs/photo-1547190994-0dfe4ab1bdae.webp?width=900&height=600&name=photo-1547190994-0dfe4ab1bdae.webp) San Francisco San Francisco is a place of landmarks and photo opportunities, not the least of which is the Golden Gate Bridge ## Module settings ### Content - Image - Title - Description - Link - Link text Advanced settings - Custom Class - Custom ID ![Captura de pantalla 2024-03-15 a las 4.01.42 p.m.](https://bereto.dev/hubfs/Captura%20de%20pantalla%202024-03-15%20a%20las%204.01.42%20p.m..png "Captura de pantalla 2024-03-15 a las 4.01.42 p.m.") ![Captura de pantalla 2024-03-15 a las 4.01.56 p.m.](https://bereto.dev/hubfs/Captura%20de%20pantalla%202024-03-15%20a%20las%204.01.56%20p.m..png "Captura de pantalla 2024-03-15 a las 4.01.56 p.m.") ### Styles Card: - Style - Columns - Alignment - Background - Border radius Image: - Aspect ratio - Zoom effect Text - Font - Color - Size Link - Simple - Text color  - Button - Text color/hover - Background color/hover - Border radius - Padding Module: - Spacing ![Captura de pantalla 2024-03-15 a las 4.02.14 p.m.](https://bereto.dev/hubfs/Captura%20de%20pantalla%202024-03-15%20a%20las%204.02.14%20p.m..png "Captura de pantalla 2024-03-15 a las 4.02.14 p.m.") ![Captura de pantalla 2024-03-15 a las 4.02.25 p.m.](https://bereto.dev/hubfs/Captura%20de%20pantalla%202024-03-15%20a%20las%204.02.25%20p.m..png "Captura de pantalla 2024-03-15 a las 4.02.25 p.m.") ![Captura de pantalla 2024-03-15 a las 4.02.36 p.m.](https://bereto.dev/hubfs/Captura%20de%20pantalla%202024-03-15%20a%20las%204.02.36%20p.m..png "Captura de pantalla 2024-03-15 a las 4.02.36 p.m.") ![Captura de pantalla 2024-03-15 a las 4.02.50 p.m.](https://bereto.dev/hubfs/Captura%20de%20pantalla%202024-03-15%20a%20las%204.02.50%20p.m..png "Captura de pantalla 2024-03-15 a las 4.02.50 p.m.") ![Captura de pantalla 2024-03-15 a las 4.03.10 p.m.](https://bereto.dev/hubfs/Captura%20de%20pantalla%202024-03-15%20a%20las%204.03.10%20p.m..png "Captura de pantalla 2024-03-15 a las 4.03.10 p.m.") ![Captura de pantalla 2024-03-15 a las 4.03.51 p.m.](https://bereto.dev/hubfs/Captura%20de%20pantalla%202024-03-15%20a%20las%204.03.51%20p.m..png "Captura de pantalla 2024-03-15 a las 4.03.51 p.m.") bereto.dev © 2026 | [Privacy Policy |](https://devteam.partners/legals#privacy)[Terms & Condition](https://devteam.partners/legals#terms)