Team Member List (Full Demo)
Team Members - List
List: Default
List: Divider + Image Medium + Additional Info
CSS Classes:item-divider img-medium add-info-show
Jackson Cross, MCSD
Assistant Dean for Academic Programs, Professor Internal Medicine
The University of Texas Medical Branch
General Medicine
Digital Team
Everett Hane, MD
Division Chief
The University of Texas Medical Branch
Internal Medicine
General Medicine
Lila Montgomery, BA
Web Design & Development Specialist
The University of Texas Medical Branch
Strategic Communications & Branding
Digital Team
List: Card + Circle Image + Contacts Inline
CSS Classes:item-card img-circle contacts-inline
List: Card Medium + Contacts Inline + Circle Image + Image Medium
CSS Classes:item-card-medium item-card contacts-inline img-circle img-medium
List: Card Small + Contacts Inline + Circle Image + Image Small + Contacts Hide
CSS Classes:item-card-small img-circle img-small contacts-hide
Everett Hane, MD
Division Chief
Lila Montgomery, BA
Web Design & Development Specialist
List: Card XSmall + Contacts Inline + Image XSmall + Circle Image + Contacts Hide + Position Hide + Vertical Align Center
CSS Classes:item-card-xsmall img-xsmall img-circle contacts-hide position-hide info-valign-center
List: Card + Grid + Center
CSS Classes:item-card list-col-sm-6 center
NOTE: Using the grid classes automatically sets the image position to top (
img-top
). You can override this by setting the image position on the widget using CSS classes to image left (img-left
) or remove the image altogether by with image hide (img-hide
).
Team Members - List Name Only
Team Members - List Name & Position
Everett Hane, MD
Division Chief
Lila Montgomery, BA
Web Design & Development Specialist
Team Members - Link Card Name Only
Link Card - Name Only: Image Hide
CSS Class:img-hide
Link Card - Name Only: Image XSmall + Image Circle
CSS Class:img-xsmall img-circle
Link Card - Name Only: Grid + Center
CSS Classes:list-col-sm-6 center
Link Card - Name Only: Grid + Center + Image Circle
CSS Classes:list-col-sm-6 center img-circle
Team Members - Link Card Name Position
Link Card - Name And Position: Grid + Center
CSS Classes:list-col-sm-6 center
Team Members - Link Card Name Position Contacts
Link Card - Name Position Contacts: Grid + Center + Image Cirlce
CSS Classes:list-col-sm-6 center img-circle
List: Link Card + Grid + Image Left + Image Medium + Image Circle
CSS Classes:list-col-sm-6 img-left img-medium img-circle