Hover Grid with Group Filter

With Team Showcase it’s possible to include a menu to do a live filter of the groups of teams!

In this case the menu will have the departments of a company, and when clicked, only the team members of that department will display. Test it below.

  • All
  • Sales Team
  • Support
    • Human Resources
    • IT
  • Design
  • Finance
  • Marketing
Sales Agent
Copy Writer
Profile Picture
HR Assistant
Profile Picture
Costumer Support
Profile Picture
Social Networks Manager
Profile Image
Costumer Support
Profile Picture
Finance Analyst
Profile Picture
Market Analyst
Brian Picture
Web Designer
Profile Picture
Sales Agent
Profile Picture
Programmer
Profile Picture
Copy Writer
Profile Picture
Finance Analyst
Profile Picture
Finance Analyst
Profile Picture
Procurement Manager
Profile Picture
Sales Director
Profile Picture
Marketing Director
Profile Picture
Costumer Support
Susan Picture
Profile Picture
Sales Agent
Profile Picture
HR Assistant
Profile Picture
HR Director

Circle Images Thumbnails Pager

Click on each picture to reveal more information!

Circle Images Grid

 

And another example with Free Content and single page link not active

 

Profile Picture
Robert M. Doran
Marketing Director
Susan Picture
Ruth P. Gilliam
Marketing
Suspendisse quis nunc bibendum nibh interdum feugiat. Quisque eget ullamcorper turpis, vehicula accumsan est. Sed in fringilla tellus, id viverra nulla. Suspendisse a tristique eros.

Grid with Badge Title Theme and Live Isotope Filter

  • All
  • Sales Team
  • Support
    • Human Resources
    • IT
  • Design
  • Finance
  • Marketing
Jane M. Jones
Sales Agent
Los Angeles, Californa
Melvin C. Kelly
Copy Writer
London, UK
Profile Picture
Maria C. Garcia
HR Assistant
Buenos Aires, Argentina
Profile Picture
Jerry E. Baca
Costumer Support
Los Angeles, Californa
Profile Picture
Juan A. Swain
Social Networks Manager
LA, Californa
Profile Picture
Mildred Martin
Designer
Budapest, Hungary
Profile Image
Cora B. Jordan
Costumer Support
Los Angeles, Californa
Profile Picture
Joseph McKinnon
Finance Analyst
Sidney, Australia
Profile Picture
Rhonda Rubin
Market Analyst
Rio de Janeiro, Brazil
Brian Picture
Brian C. Travis
Web Designer
Los Angeles, CA
Profile Picture
Mathew Hartley
Sales Agent
Los Angeles, CA
Profile Picture
Walter A. David
Programmer
San Francisco, California
Profile Picture
Margaret Foote
Copy Writer
Berlin, Germany
Profile Picture
Tiffany Matlock
Finance Analyst
Dublin, Ireland
Profile Picture
Lorene Spencer
Finance Analyst
London, UK
Profile Picture
Mike Christensen
Procurement Manager
Sacramento, CA
Profile Picture
Richard K. Vidal
Sales Director
Philadelphia, PA
Profile Picture
Robert M. Doran
Marketing Director
LA, Californa
Profile Picture
Elene McKnight
Costumer Support
USA
Susan Picture
Ruth P. Gilliam
Marketing
LA, Californa
Profile Picture
Robert K. Levine
Designer
Sacramento, CA
Profile Picture
Larry T. Collins
Sales Agent
Philadelphia, PA
Profile Picture
Ruth McKelvey
HR Assistant
Los Angeles, Californa
Profile Picture
Susan N. Young
HR Director
Los Angeles, Californa

Use this custom CSS to change the badge colour:

.tshowcase .ts-badge-style .tshowcase-box-title {background-color:#bc645b }
.tshowcase .ts-badge-style .tshowcase-box-title:hover {background-color:#bc645b }
.tshowcase .ts-badge-style .tshowcase-box-details::before {color:#bc645b }