---
title: Team Card
description: The Team Card Module for HubSpot CMS helps you showcase your team members in a clean, structured, and professional layout.
---

[Skip to content](https://www.synghub.com/team-card#main-content)

[![Synghub-logo](https://www.synghub.com/hs-fs/hubfs/Final-logo.png?width=180&height=68&name=Final-logo.png)](https://www.synghub.com/?hsLang=en)

 ✕

- [Home](https://www.synghub.com/?hsLang=en)
- Products
  
  
  
  
  
    - - Mega Menu 
                  - [Mega Menu Demo](https://www.synghub.com/mega-menu-module)
                  - [Mega Menu Help Guide](https://www.synghub.com/mega-menu-help-guide)
          - Filterable Portfolio Gallery 
                  - [Filterable Portfolio Gallery Demo](https://www.synghub.com/filterable-portfolio-gallery-module)
                  - [Filterable Portfolio Gallery Help Guide](https://www.synghub.com/filterable-portfolio-gallery-help-guide)
          - Multi-Purpose Hero Banner 
                  - [Multi-Purpose Hero Banner Demo](https://www.synghub.com/multi-purpose-hero-banner)
                  - [Multi-Purpose Hero Banner Help Guide](https://www.synghub.com/multi-purpose-hero-banner-help-guide)
          - Multi-Purpose Content Cards 
                  - [Multi-Purpose Content Cards Demo](https://www.synghub.com/multipurpose-content-cards)
                  - [Multi-Purpose Content Cards Help Guide](https://www.synghub.com/multi-purpose-content-cards-help-guide)
          - Enterprise Global Footer 
                  - [Enterprise Global Footer Demo](https://www.synghub.com/enterprise-global-footer)
                  - [Enterprise Global Footer Help Guide](https://www.synghub.com/enterprise-global-footer-help-guide)
  
  
    - Mega MenuNavigation made powerful
    - Filterable Portfolio GalleryShowcase your work
    - Multi-Purpose Hero BannerCaptivate at first sight
    - Multi-Purpose Content CardsFlexible card layouts
    - Enterprise Global FooterFlexible card layouts
    - PreheaderTop bar notifications & alerts
    - Pricing Plans ComparisonCompare tiers & features
    - Team CardsShowcase your crew
  
    - ![Mega Menu Demo](https://syngrid.com/wp-content/uploads/2026/02/mega-menu-thump-1-1.webp)
      
      Mega Menu Demo
      
      Live interactive preview of the Mega Menu component with all features and animations enabled.
      
      [Explore More](https://www.synghub.com/mega-menu-module?hsLang=en)
    - ![Mega Menu Help Guide](https://syngrid.com/wp-content/uploads/2026/02/mega-menu-thump-1-1.webp)
      
      Mega Menu Help Guide
      
      Step-by-step documentation to set up, customize, and integrate the Mega Menu into your project.
      
      [Explore More](https://www.synghub.com/mega-menu-help-guide?hsLang=en)
  
  
    - ![Portfolio Gallery Demo](https://syngrid.com/wp-content/uploads/2026/02/Filterable-Portfolio-Gallery-4.webp)
      
      Filterable Portfolio Gallery
      
      Interactive gallery demo with category filters, smooth transitions, and responsive grid layout.
      
      [Explore More](https://www.synghub.com/filterable-portfolio-gallery-module?hsLang=en)
    - ![Portfolio Gallery Help Guide](https://syngrid.com/wp-content/uploads/2026/02/Filterable-Portfolio-Gallery-4.webp)
      
      Filterable Portfolio Gallery Help Guide
      
      Complete guide on how to install, configure filters, add items, and style the portfolio gallery.
      
      [Explore More](https://www.synghub.com/filterable-portfolio-gallery-help-guide?hsLang=en)
  
  
    - ![Hero Banner Demo](https://syngrid.com/wp-content/uploads/2026/02/thumbbb-1.webp)
      
      Multi-Purpose Hero Banner
      
      Eye-catching hero section demo with dynamic text, CTA buttons, and full-width background options.
      
      [Explore More](https://www.synghub.com/multi-purpose-hero-banner?hsLang=en)
    - ![Hero Banner Help Guide](https://syngrid.com/wp-content/uploads/2026/02/thumbbb-1.webp)
      
      Multi-Purpose Hero Banner Help Guide
      
      Full documentation covering layout variants, animation settings, and content customization options.
      
      [Explore More](https://www.synghub.com/multi-purpose-hero-banner-help-guide?hsLang=en)
  
  
    - ![Content Cards Demo](https://syngrid.com/wp-content/uploads/2026/02/mega-menu-thump-1-1.webp)
      
      Multi-Purpose Content Cards
      
      Versatile card components for products, team members, blog posts, and more with multiple style variants.
      
      [Explore More](https://www.synghub.com/multipurpose-content-cards?hsLang=en)
    - ![Content Cards Guide](https://syngrid.com/wp-content/uploads/2026/02/mega-menu-thump-1-1.webp)
      
      Multi-Purpose Content Cards Help Guide
      
      Complete documentation for implementing and customizing content cards for your specific use case.
      
      [Explore More](https://www.synghub.com/multi-purpose-content-cards-help-guide?hsLang=en)
  
  
    - ![Enterprise Footer Demo](https://www.synghub.com/hubfs/480x360x1.png)
      
      Enterprise Global Footer
      
      The Enterprise Global Footer is a powerful and highly flexible HubSpot module designed to create fully dynamic.
      
      [Explore More](https://www.synghub.com/enterprise-global-footer?hsLang=en)
    - ![Footer Help Guide](https://www.synghub.com/hubfs/480x360x1.png)
      
      Enterprise Global Footer Help Guide
      
      The Enterprise Global Footer is a flexible and scalable HubSpot module designed layouts.
      
      [Explore More](https://www.synghub.com/enterprise-global-footer-help-guide?hsLang=en)
  
  
    - ![Preheader demo](https://www.synghub.com/hubfs/480x360x1-1.png)
      
      Smart Preheader Bar
      
      Customizable announcement bar, promo alerts, and global notifications with close button & CTA.
      
      [Explore More](https://www.synghub.com/preheader?hsLang=en)
    - ![Preheader guide](https://www.synghub.com/hubfs/480x360x1-1.png)
      
      Preheader Help Guide
      
      Step-by-step documentation: multiple styles, positioning, dismiss behavior, and analytics.
      
      [Explore More](https://www.synghub.com/preheader-help-guide?hsLang=en)
  
  
    - ![Preheader demo](https://www.synghub.com/hubfs/SyngHub-Pricing-Plans-Comparison-Table.webp)
      
      Pricing Comparison Table
      
      Fully responsive comparison matrix with feature highlights, annual billing toggle, and interactive rows.
      
      [Try Demo](https://www.synghub.com/pricing-plans-and-comparison-table?hsLang=en)
    - ![Pricing guide](https://www.synghub.com/hubfs/SyngHub-Pricing-Plans-Comparison-Table.webp)
      
      Pricing Help Guide
      
      Setup dynamic pricing tables, custom badges, tooltips, and integrate with subscription logic.
      
      [Documentation](https://www.synghub.com/pricing-plans-and-comparison-table-help-guide?hsLang=en)
  
  
    - ![Preheader demo](https://www.synghub.com/hubfs/480x-1.webp)
      
      Team Cards Grid
      
      Modern team member showcase with avatars, social links, hover effects, and responsive layout.
      
      [Meet the team](https://www.synghub.com/team-card)
    - ![Team card guide](https://www.synghub.com/hubfs/480x-1.webp)
      
      Team Cards Help Guide
      
      Customize card styles, integrate dynamic data, add filters and team categories easily.
      
      [View guide](https://www.synghub.com/team-card-help-guide?hsLang=en)
- [Contact](https://www.synghub.com/contact?hsLang=en)

**[Get Modules](https://ecosystem.hubspot.com/marketplace/modules?eco_providers=Syngrid%20Technologies)**

# SyngHub Pricing Plans & Comparison Table

Present your pricing plans clearly with a powerful pricing and comparison table in one module. Easily showcase plans and pricing, highlight key differences with features comparison, and guide users using visually engaging pricing cards. With fully customized pricing plans and flexible customized pricing columns, this module helps users compare options quickly and choose the right plan with confidence.

[Get Module](https://ecosystem.hubspot.com/marketplace/modules?eco_providers=Syngrid%20Technologies)

![header-scr (3)](https://www.synghub.com/hs-fs/hubfs/header-scr%20(3).png?width=700&height=696&name=header-scr%20(3).png "header-scr (3)")

# SyngHub Team Card

Showcase your team members with a flexible Team Card Module for HubSpot CMS. Display your team members with responsive team cards, custom layouts, and interactive features that highlight roles, profiles, and social links.

[Get Module](https://ecosystem.hubspot.com/marketplace/modules/team-card-module-by-syngrid-technologies)

![Right-image](https://www.synghub.com/hubfs/Right-image.png "Right-image")

 Pricing Table-03

# Plans & Pricing With Three Columns

Billed Monthly

Billed Yearly

|  | Free | Starter | Business | Enterprise |
| --- | --- | --- | --- | --- |
| Choose your plan | $0 Per Month $ | $8 Per Month $ | $16 Per Month $ | Custom Per Month |
| Free Updates Includes free updates and new features as they become available. | Task Management | Kanban Boards | Customizable Workflows | SSO |
| Free Updates Includes free updates and new features as they become available. | Project Planning | Gantt Charts | Reporting and Analytics | All integrations |
| Free Updates Includes free updates and new features as they become available. | Team Collaboration | Resource Allocation | Document Management | Client Collaboration with 2FA |
| Free Updates Includes free updates and new features as they become available. | Notifications and Reminders | Calendar Integration | Agile Methodology Support | Advanced Project Planning |
| Free Updates Includes free updates and new features as they become available. | What you get | Progress Tracking | Issue Tracking | Mobile App Integration |
|  | [Get started](https://www.synghub.com/?hsLang=en) | [Get started](https://www.synghub.com/?hsLang=en) | [Get started](https://www.synghub.com/?hsLang=en) | [Get started](https://www.synghub.com/?hsLang=en) |

## Our Professionals

![Anna Smith](https://243568587.fs1.hubspotusercontent-na2.net/hub/243568587/hubfs/06.jpg?width=600&height=600&name=06.jpg)

### Anna Smith

#### Designer

<https://www.synghub.com/?hsLang=en> <https://www.synghub.com/?hsLang=en> <https://www.synghub.com/?hsLang=en>

![John Smith](https://www.synghub.com/hs-fs/hubfs/05-1.jpg?width=600&height=600&name=05-1.jpg)

### John Smith

#### App Developer

<https://www.synghub.com/?hsLang=en> <https://www.synghub.com/?hsLang=en> <https://www.synghub.com/?hsLang=en>

![Mary Johnson](https://www.synghub.com/hs-fs/hubfs/02-1.jpg?width=600&height=600&name=02-1.jpg)

### Mary Johnson

#### UX/UI Designer

<https://www.synghub.com/?hsLang=en> <https://www.synghub.com/?hsLang=en> <https://www.synghub.com/?hsLang=en>

## Meet our Team

![Amanda Fisher](https://www.synghub.com/hs-fs/hubfs/011.jpg?width=600&height=600&name=011.jpg)

### Amanda Fisher

#### Creative Director

<https://www.synghub.com/?hsLang=en> <https://www.synghub.com/?hsLang=en> <https://www.synghub.com/?hsLang=en>

![Erika Gofas](https://www.synghub.com/hs-fs/hubfs/022.jpg?width=600&height=600&name=022.jpg)

### Erika Gofas

#### Visual Arts Lead

<https://www.synghub.com/?hsLang=en> <https://www.synghub.com/?hsLang=en> <https://www.synghub.com/?hsLang=en>

![Jennifer](https://www.synghub.com/hs-fs/hubfs/033.jpg?width=600&height=600&name=033.jpg)

### Jennifer

#### Illustration Specialist

<https://www.synghub.com/?hsLang=en> <https://www.synghub.com/?hsLang=en> <https://www.synghub.com/?hsLang=en>

![Anna karenina](https://www.synghub.com/hs-fs/hubfs/044.jpg?width=600&height=600&name=044.jpg)

### Anna karenina

#### Concept Art Director

<https://www.synghub.com/?hsLang=en> <https://www.synghub.com/?hsLang=en> <https://www.synghub.com/?hsLang=en>

## Meet the Crew

![Shawn Ramirez](https://www.synghub.com/hs-fs/hubfs/Team-01.jpg?width=600&height=600&name=Team-01.jpg)

### Shawn Ramirez

#### Digital Marketing Executive

Plans campaigns, manages social media, drives leads.

<https://www.synghub.com/?hsLang=en> <https://www.synghub.com/?hsLang=en> <https://www.synghub.com/?hsLang=en>

![Shawn Ramirez](https://www.synghub.com/hs-fs/hubfs/Team-01.jpg?width=600&height=600&name=Team-01.jpg)

### Shawn Ramirez

#### Digital Marketing Executive

Plans campaigns, manages social media, drives leads.

<https://www.synghub.com/?hsLang=en> <https://www.synghub.com/?hsLang=en> <https://www.synghub.com/?hsLang=en>

![Dianne Sabin](https://www.synghub.com/hs-fs/hubfs/Team-03.jpg?width=600&height=600&name=Team-03.jpg)

### Dianne Sabin

#### Human Resources

Handles hiring, engagement, and workplace policies.

<https://www.synghub.com/?hsLang=en> <https://www.synghub.com/?hsLang=en> <https://www.synghub.com/?hsLang=en>

![Dianne Sabin](https://www.synghub.com/hs-fs/hubfs/Team-03.jpg?width=600&height=600&name=Team-03.jpg)

### Dianne Sabin

#### Human Resources

Handles hiring, engagement, and workplace policies.

<https://www.synghub.com/?hsLang=en> <https://www.synghub.com/?hsLang=en> <https://www.synghub.com/?hsLang=en>

![Anna Smith](https://www.synghub.com/hs-fs/hubfs/Team-02.jpg?width=600&height=600&name=Team-02.jpg)

### Anna Smith

#### Marketing Manager

Leads campaigns, branding, and customer growth.

<https://www.synghub.com/?hsLang=en> <https://www.synghub.com/?hsLang=en> <https://www.synghub.com/?hsLang=en>

![Anna Smith](https://www.synghub.com/hs-fs/hubfs/Team-02.jpg?width=600&height=600&name=Team-02.jpg)

### Anna Smith

#### Marketing Manager

Leads campaigns, branding, and customer growth.

<https://www.synghub.com/?hsLang=en> <https://www.synghub.com/?hsLang=en> <https://www.synghub.com/?hsLang=en>

![James Vial](https://www.synghub.com/hs-fs/hubfs/Team-04.jpg?width=600&height=600&name=Team-04.jpg)

### James Vial

#### SEO Specialist

Improves rankings and drives organic traffic.

<https://www.synghub.com/?hsLang=en> <https://www.synghub.com/?hsLang=en> <https://www.synghub.com/?hsLang=en>

![James Vial](https://www.synghub.com/hs-fs/hubfs/Team-04.jpg?width=600&height=600&name=Team-04.jpg)

### James Vial

#### SEO Specialist

Improves rankings and drives organic traffic.

<https://www.synghub.com/?hsLang=en> <https://www.synghub.com/?hsLang=en> <https://www.synghub.com/?hsLang=en>

## Our Experts

![John Smith](https://www.synghub.com/hs-fs/hubfs/01%20(2).png?width=600&height=600&name=01%20(2).png)

### John Smith

#### CEO

Leads company vision, strategy, and overall growth.

<https://www.synghub.com/?hsLang=en> <https://www.synghub.com/?hsLang=en> <https://www.synghub.com/?hsLang=en>

![Amanda Fisher](https://www.synghub.com/hs-fs/hubfs/02%20(2).png?width=600&height=600&name=02%20(2).png)

### Amanda Fisher

#### Project Manager

Plans, executes, and delivers projects on time.

<https://www.synghub.com/?hsLang=en> <https://www.synghub.com/?hsLang=en> <https://www.synghub.com/?hsLang=en>

![Johnson](https://www.synghub.com/hs-fs/hubfs/03%20(2).png?width=600&height=600&name=03%20(2).png)

### Johnson

#### CTO

 Manages daily operations and business efficiency.

<https://www.synghub.com/?hsLang=en> <https://www.synghub.com/?hsLang=en> <https://www.synghub.com/?hsLang=en>

![Erika Gofas](https://www.synghub.com/hs-fs/hubfs/04%20(2).png?width=600&height=600&name=04%20(2).png)

### Erika Gofas

#### UI/UX Manager

Leads design strategy and enhances user experience.

<https://www.synghub.com/?hsLang=en> <https://www.synghub.com/?hsLang=en> <https://www.synghub.com/?hsLang=en>

## Our Organization

![Jeff Chris](https://www.synghub.com/hs-fs/hubfs/01.png?width=600&height=800&name=01.png)

### Jeff Chris

#### Civil Engineer

![Moosa](https://www.synghub.com/hs-fs/hubfs/07.png?width=600&height=800&name=07.png)

### Moosa

#### Quality Incharge

![Amina](https://www.synghub.com/hs-fs/hubfs/06.png?width=600&height=800&name=06.png)

### Amina

#### Senior Engineer

![Usman Khan](https://www.synghub.com/hs-fs/hubfs/04.png?width=600&height=800&name=04.png)

### Usman Khan

#### Mechanical Engineer

![James Vial](https://www.synghub.com/hs-fs/hubfs/02.png?width=600&height=800&name=02.png)

### James Vial

#### Quality Engineer

![Icon (1)](https://www.synghub.com/hs-fs/hubfs/Icon%20(1).png?width=153&height=152&name=Icon%20(1).png)

### [Expert Assistance](https://wa.me/+6582067456)

Get direct support from our experienced support team

![Icon (2)](https://www.synghub.com/hs-fs/hubfs/Icon%20(2).png?width=153&height=152&name=Icon%20(2).png)

### [Online User Guide](https://www.synghub.com/team-card-help-guide?hsLang=en)

Easy-to-follow documentation for smooth implementation

## **Get the SyngHub Team Card Module**

Create a professional and engaging team section by displaying team members in structured, visually consistent cards, with flexible layout and styling options that align seamlessly with your website design and improve overall user experience.

[Get Module](https://ecosystem.hubspot.com/marketplace/modules/team-card-module-by-syngrid-technologies)

![confident-young-man-portrait](https://www.synghub.com/hubfs/confident-young-man-portrait.png "confident-young-man-portrait")

![box](https://www.synghub.com/hs-fs/hubfs/box.png?width=177&height=191&name=box.png)

Let's Discuss Your Ideas!

![Object-4 1](https://www.synghub.com/hubfs/Object-4%201.png "Object-4 1")

[![Final-PNG-Logo (1) 2](https://www.synghub.com/hs-fs/hubfs/Final-PNG-Logo%20(1)%202.png?width=210&height=84&name=Final-PNG-Logo%20(1)%202.png)](https://www.synghub.com/?hsLang=en)

SyngHub is a HubSpot-focused product line by Syngrid Technologies, built to simplify and accelerate website development on HubSpot CMS.

#### QUICK LINKS

- [Home](https://www.synghub.com/?hsLang=en)
- [About](https://www.synghub.com/?hsLang=en)
- [Services](https://www.synghub.com/?hsLang=en)
- [Products](https://www.synghub.com/?hsLang=en)
- [Contact Us](https://www.synghub.com/?hsLang=en)

#### CONTACT US

Singapore

![Isolation_Mode](https://www.synghub.com/hs-fs/hubfs/Isolation_Mode.png?width=32&height=32&name=Isolation_Mode.png)

+65 8206 7456

![Telephone](https://www.synghub.com/hubfs/Telephone.svg)

+65 6508 5166

![Isolation_Mode](https://www.synghub.com/hs-fs/hubfs/Icon%20(3).png?width=32&height=32&name=Icon%20(3).png)

sales@syngrid.com

![Isolation_Mode](https://www.synghub.com/hs-fs/hubfs/Isolation_Mode%20(2).png?width=32&height=32&name=Isolation_Mode%20(2).png)

Punggol Digital District, Tower 82 Punggol Way, #07-25 Singapore – 829910

India

![Isolation_Mode](https://www.synghub.com/hs-fs/hubfs/Isolation_Mode.png?width=32&height=32&name=Isolation_Mode.png)

+91 89250 31568

![Isolation_Mode](https://www.synghub.com/hs-fs/hubfs/Icon%20(3).png?width=32&height=32&name=Icon%20(3).png)

sales@syngrid.com

![Isolation_Mode](https://www.synghub.com/hs-fs/hubfs/Isolation_Mode%20(2).png?width=32&height=32&name=Isolation_Mode%20(2).png)

TBI@TCE, Thiruparankundaram, Madurai – 625 015

Copyright © 2026.  SyngHub (Powered by Syngrid Technologies)