Examples of the Team Profiles "grid", "cards" and "circles" layouts.
Overview
The Team Profiles Manager has many display options. Layouts include grid, cards, circles, slider, and thumbnails. Add alternative photos for team members to show on hover, and choose from four image hover effects. Configure the information that shows on the grid, as well as the style and information to show on hover.
Categories: Choose to filter by category. You can also customize the “Category” label. Divisions: Choose to filter by division. You can also customize the “Division” label. Search Form: Choose to show or hide a search form.
Grid
Grid Example #1
The “grid” layout shows a grid of images with optional fields below. This example shows each team member’s image, name, title, email address, and phone number. On hover, the “View Profile” link shows in the “buttons” style, and opens a modal popup window when clicked. This example also includes the search form.
Ut pretium blandit pretium. Praesent tincidunt ligula et est euismod pharetra. Morbi tincidunt maximus eros, sed fringilla orci viverra in. Suspendisse eu dapibus ipsum. Curabitur congue luctus tristique. Vivamus nec metus nec libero tincidunt blandit eu nec nibh. Nulla varius imperdiet quam, non finibus est. Donec vel ante eu dolor lacinia cursus sed at leo. Donec risus erat, mollis quis interdum sed, venenatis in est. Maecenas a ante condimentum tellus tristique placerat. Suspendisse potenti. Suspendisse non iaculis quam, congue luctus nisi. Vestibulum tempor libero vitae ultricies fringilla.
Vivamus mollis dapibus ultrices. Praesent fermentum purus vel sem vestibulum rhoncus. Nullam felis eros, sagittis molestie felis quis, sagittis volutpat urna. Integer in bibendum ipsum, in vestibulum libero. Vestibulum auctor arcu a tincidunt pellentesque. Duis placerat urna dui, vitae hendrerit dolor lacinia et. Nam semper at arcu ut vulputate. Curabitur egestas ligula eget ipsum aliquet tempus. Morbi vel vestibulum sapien. Donec aliquet, sem vel sodales egestas, lorem turpis dictum nisl, at gravida felis enim et nunc. Suspendisse lacinia arcu blandit justo imperdiet, sed mattis ligula pretium. Mauris consequat lorem ante, non porta urna tincidunt non. Vestibulum eu vestibulum leo. Sed porta metus velit, ac fringilla tortor blandit sed. Quisque gravida leo urna, non fermentum tortor fermentum in. Vivamus efficitur, leo vitae vehicula congue, lorem neque gravida est, quis ullamcorper odio augue vitae purus.
Phasellus vestibulum lobortis tellus at faucibus. Sed et elementum ante. Pellentesque dictum odio scelerisque, tincidunt orci ac, ornare urna. Aenean lorem felis, imperdiet quis tellus eu, porttitor luctus elit. Aliquam sed orci pharetra, dictum diam at, efficitur risus. Duis posuere, diam vitae aliquam tempus, lacus nunc cursus ex, tincidunt aliquam nisl lectus eget risus. Aliquam bibendum ipsum diam, fringilla fringilla lorem congue ut. Nam odio lectus, feugiat sit amet metus at, malesuada ornare quam. Aliquam id magna erat.
Ut pretium blandit pretium. Praesent tincidunt ligula et est euismod pharetra. Morbi tincidunt maximus eros, sed fringilla orci viverra in. Suspendisse eu dapibus ipsum. Curabitur congue luctus tristique. Vivamus nec metus nec libero tincidunt blandit eu nec nibh. Nulla varius imperdiet quam, non finibus est. Donec vel ante eu dolor lacinia cursus sed at leo. Donec risus erat, mollis quis interdum sed, venenatis in est. Maecenas a ante condimentum tellus tristique placerat. Suspendisse potenti. Suspendisse non iaculis quam, congue luctus nisi. Vestibulum tempor libero vitae ultricies fringilla.
Vivamus mollis dapibus ultrices. Praesent fermentum purus vel sem vestibulum rhoncus. Nullam felis eros, sagittis molestie felis quis, sagittis volutpat urna. Integer in bibendum ipsum, in vestibulum libero. Vestibulum auctor arcu a tincidunt pellentesque. Duis placerat urna dui, vitae hendrerit dolor lacinia et. Nam semper at arcu ut vulputate. Curabitur egestas ligula eget ipsum aliquet tempus. Morbi vel vestibulum sapien. Donec aliquet, sem vel sodales egestas, lorem turpis dictum nisl, at gravida felis enim et nunc. Suspendisse lacinia arcu blandit justo imperdiet, sed mattis ligula pretium. Mauris consequat lorem ante, non porta urna tincidunt non. Vestibulum eu vestibulum leo. Sed porta metus velit, ac fringilla tortor blandit sed. Quisque gravida leo urna, non fermentum tortor fermentum in. Vivamus efficitur, leo vitae vehicula congue, lorem neque gravida est, quis ullamcorper odio augue vitae purus.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla venenatis varius egestas. Vestibulum pellentesque metus placerat massa egestas, quis congue metus luctus. Praesent non lacus eu elit bibendum pulvinar quis ut risus. Integer sit amet ante pharetra, pretium elit sed, gravida nisl. Praesent malesuada congue urna vitae semper. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. In pellentesque justo aliquet felis consectetur consequat. Morbi sed lacus sed ex ultricies ornare. Nulla iaculis erat a libero fringilla, vitae posuere nisl blandit. Morbi eu blandit arcu, eget laoreet tortor. Aenean velit tellus, faucibus in est ac, cursus elementum odio. Mauris ac feugiat nibh. Integer efficitur orci vitae nulla tincidunt lacinia. Cras faucibus non diam sit amet congue. Suspendisse id elit vel nisi tempus faucibus sit amet a libero.
Pellentesque elementum tortor in augue finibus viverra. Nullam a arcu arcu. Praesent hendrerit at lorem id semper. Sed sit amet sapien massa. Sed nec leo ac justo dignissim tincidunt et sollicitudin nibh. Curabitur a interdum enim, sed porta sem. Ut sit amet congue ex. Aenean sit amet dignissim magna. Mauris sit amet sapien sit amet libero consequat venenatis nec at lorem. Duis feugiat vulputate dolor, quis malesuada urna dictum vitae. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Phasellus tempor vulputate lectus, non dapibus libero elementum non. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec arcu eros, commodo vel lobortis nec, fringilla eu urna. Nunc non enim at arcu imperdiet pretium sed nec tortor. Praesent porttitor lectus eu mauris ultricies pellentesque. Suspendisse potenti. Ut mattis, justo non lobortis tincidunt, diam orci suscipit neque, eget blandit eros sem ultrices dui. Aenean luctus mi sit amet mi tempor commodo. Etiam rhoncus nunc ut mollis varius. Donec elit nisi, viverra non lectus quis, vulputate porttitor purus. Nulla tempus vulputate lacus, sit amet sollicitudin leo faucibus quis. Nulla pharetra consectetur nibh varius congue. Nam fermentum, diam nec commodo fringilla, dolor est auctor magna, ac sagittis tortor libero ut urna.
Morbi feugiat nibh est, eu scelerisque nisl auctor in. Vestibulum vel tristique metus, vel malesuada ligula. Sed non turpis venenatis, maximus nunc ac, lacinia justo. Sed finibus purus dui, sed iaculis augue dignissim vel. Nulla molestie ante eget gravida aliquet. Ut pellentesque rhoncus venenatis. Cras nisi ipsum, tincidunt ut leo sed, placerat finibus ipsum. Proin dignissim ac diam eu interdum. Nunc fermentum sollicitudin aliquet. Duis ex est, facilisis quis mollis eget, lacinia ac nulla.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ultricies vulputate diam ut pretium. Suspendisse sit amet porta mi, a accumsan ante. Nullam vitae lectus bibendum, sollicitudin nulla sollicitudin, molestie purus. Curabitur diam odio, finibus id leo sit amet, lobortis tincidunt velit. Nulla facilisi. Nullam sed enim sed nulla fringilla tempus. Praesent eu orci leo. Nulla viverra malesuada nisl, sed scelerisque lorem. In tincidunt maximus tortor at dignissim. In in magna pulvinar, posuere purus nec, volutpat arcu. Etiam eros eros, tristique eget commodo sit amet, egestas et dolor. Maecenas dictum rutrum enim ut tempor.
Fusce a quam turpis. Aliquam risus metus, tincidunt malesuada mattis quis, cursus eu erat. Curabitur non erat nec risus finibus sollicitudin. Curabitur vel commodo orci, vitae imperdiet sem. Donec dolor enim, suscipit a hendrerit eget, porta sit amet mauris. Ut quis porta dui, et tempor eros. Nulla facilisi. Ut dui lorem, vestibulum id sem ac, vulputate feugiat ipsum. Nam rhoncus ipsum nec sapien pulvinar vestibulum. Phasellus at mollis elit. Fusce ut felis ut risus vulputate pretium ut ac turpis. Integer pellentesque convallis quam, id aliquet odio faucibus et. Integer accumsan id tellus feugiat vestibulum.
Pellentesque elementum, nulla id semper facilisis, ligula leo aliquet tortor, quis vulputate nibh purus id ligula. Donec felis sem, volutpat at est vel, placerat pulvinar libero. Nam interdum a diam sit amet rhoncus. Sed gravida, massa eu consectetur feugiat, lectus diam eleifend lorem, quis gravida nulla tellus non est. Donec ac dui vehicula, posuere nulla id, finibus mauris. Sed pharetra condimentum turpis eu condimentum. Cras dignissim leo sit amet nulla faucibus facilisis. Duis accumsan, lacus vitae maximus pharetra, nibh purus feugiat tortor, rutrum rutrum mauris leo eu ex.
Fusce quis odio vitae dolor tincidunt porttitor in sit amet nisl. Suspendisse varius sagittis est sagittis porta. Duis suscipit leo eu neque commodo, non tristique erat sagittis. Curabitur eget tempor lorem. Proin fermentum varius augue, in efficitur velit porttitor vitae. Nulla dapibus lectus vel mauris tempor porta. Quisque ornare elit orci, non pharetra leo tristique ut. Phasellus tincidunt fringilla tortor at varius. Morbi ut elit dapibus, scelerisque ligula id, imperdiet dui.
Fusce quis odio vitae dolor tincidunt porttitor in sit amet nisl. Suspendisse varius sagittis est sagittis porta. Duis suscipit leo eu neque commodo, non tristique erat sagittis. Curabitur eget tempor lorem. Proin fermentum varius augue, in efficitur velit porttitor vitae. Nulla dapibus lectus vel mauris tempor porta. Quisque ornare elit orci, non pharetra leo tristique ut. Phasellus tincidunt fringilla tortor at varius. Morbi ut elit dapibus, scelerisque ligula id, imperdiet dui.
Maecenas diam lacus, vulputate quis eros eu, malesuada faucibus justo. Suspendisse sit amet faucibus velit. In varius suscipit vehicula. Vestibulum sodales justo quis congue vehicula. Sed tincidunt maximus sem sit amet efficitur. Donec aliquam vestibulum augue, at egestas elit tincidunt bibendum. Praesent faucibus tempus ante vel scelerisque. Integer vulputate ex et arcu lacinia, id varius mauris dictum. Vivamus ut dapibus mauris. Pellentesque sit amet pretium quam, at luctus justo. Pellentesque tempus neque nec lectus venenatis, eu vestibulum augue auctor.
Fusce a quam turpis. Aliquam risus metus, tincidunt malesuada mattis quis, cursus eu erat. Curabitur non erat nec risus finibus sollicitudin. Curabitur vel commodo orci, vitae imperdiet sem. Donec dolor enim, suscipit a hendrerit eget, porta sit amet mauris. Ut quis porta dui, et tempor eros. Nulla facilisi. Ut dui lorem, vestibulum id sem ac, vulputate feugiat ipsum. Nam rhoncus ipsum nec sapien pulvinar vestibulum. Phasellus at mollis elit. Fusce ut felis ut risus vulputate pretium ut ac turpis. Integer pellentesque convallis quam, id aliquet odio faucibus et. Integer accumsan id tellus feugiat vestibulum.
Pellentesque elementum, nulla id semper facilisis, ligula leo aliquet tortor, quis vulputate nibh purus id ligula. Donec felis sem, volutpat at est vel, placerat pulvinar libero. Nam interdum a diam sit amet rhoncus. Sed gravida, massa eu consectetur feugiat, lectus diam eleifend lorem, quis gravida nulla tellus non est. Donec ac dui vehicula, posuere nulla id, finibus mauris. Sed pharetra condimentum turpis eu condimentum. Cras dignissim leo sit amet nulla faucibus facilisis. Duis accumsan, lacus vitae maximus pharetra, nibh purus feugiat tortor, rutrum rutrum mauris leo eu ex.
Fusce quis odio vitae dolor tincidunt porttitor in sit amet nisl. Suspendisse varius sagittis est sagittis porta. Duis suscipit leo eu neque commodo, non tristique erat sagittis. Curabitur eget tempor lorem. Proin fermentum varius augue, in efficitur velit porttitor vitae. Nulla dapibus lectus vel mauris tempor porta. Quisque ornare elit orci, non pharetra leo tristique ut. Phasellus tincidunt fringilla tortor at varius. Morbi ut elit dapibus, scelerisque ligula id, imperdiet dui.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ultricies vulputate diam ut pretium. Suspendisse sit amet porta mi, a accumsan ante. Nullam vitae lectus bibendum, sollicitudin nulla sollicitudin, molestie purus. Curabitur diam odio, finibus id leo sit amet, lobortis tincidunt velit. Nulla facilisi. Nullam sed enim sed nulla fringilla tempus. Praesent eu orci leo. Nulla viverra malesuada nisl, sed scelerisque lorem. In tincidunt maximus tortor at dignissim. In in magna pulvinar, posuere purus nec, volutpat arcu. Etiam eros eros, tristique eget commodo sit amet, egestas et dolor. Maecenas dictum rutrum enim ut tempor.
Fusce a quam turpis. Aliquam risus metus, tincidunt malesuada mattis quis, cursus eu erat. Curabitur non erat nec risus finibus sollicitudin. Curabitur vel commodo orci, vitae imperdiet sem. Donec dolor enim, suscipit a hendrerit eget, porta sit amet mauris. Ut quis porta dui, et tempor eros. Nulla facilisi. Ut dui lorem, vestibulum id sem ac, vulputate feugiat ipsum. Nam rhoncus ipsum nec sapien pulvinar vestibulum. Phasellus at mollis elit. Fusce ut felis ut risus vulputate pretium ut ac turpis. Integer pellentesque convallis quam, id aliquet odio faucibus et. Integer accumsan id tellus feugiat vestibulum.
Pellentesque elementum, nulla id semper facilisis, ligula leo aliquet tortor, quis vulputate nibh purus id ligula. Donec felis sem, volutpat at est vel, placerat pulvinar libero. Nam interdum a diam sit amet rhoncus. Sed gravida, massa eu consectetur feugiat, lectus diam eleifend lorem, quis gravida nulla tellus non est. Donec ac dui vehicula, posuere nulla id, finibus mauris. Sed pharetra condimentum turpis eu condimentum. Cras dignissim leo sit amet nulla faucibus facilisis. Duis accumsan, lacus vitae maximus pharetra, nibh purus feugiat tortor, rutrum rutrum mauris leo eu ex.
Fusce quis odio vitae dolor tincidunt porttitor in sit amet nisl. Suspendisse varius sagittis est sagittis porta. Duis suscipit leo eu neque commodo, non tristique erat sagittis. Curabitur eget tempor lorem. Proin fermentum varius augue, in efficitur velit porttitor vitae. Nulla dapibus lectus vel mauris tempor porta. Quisque ornare elit orci, non pharetra leo tristique ut. Phasellus tincidunt fringilla tortor at varius. Morbi ut elit dapibus, scelerisque ligula id, imperdiet dui.
Maecenas diam lacus, vulputate quis eros eu, malesuada faucibus justo. Suspendisse sit amet faucibus velit. In varius suscipit vehicula. Vestibulum sodales justo quis congue vehicula. Sed tincidunt maximus sem sit amet efficitur. Donec aliquam vestibulum augue, at egestas elit tincidunt bibendum. Praesent faucibus tempus ante vel scelerisque. Integer vulputate ex et arcu lacinia, id varius mauris dictum. Vivamus ut dapibus mauris. Pellentesque sit amet pretium quam, at luctus justo. Pellentesque tempus neque nec lectus venenatis, eu vestibulum augue auctor.
Fusce a quam turpis. Aliquam risus metus, tincidunt malesuada mattis quis, cursus eu erat. Curabitur non erat nec risus finibus sollicitudin. Curabitur vel commodo orci, vitae imperdiet sem. Donec dolor enim, suscipit a hendrerit eget, porta sit amet mauris. Ut quis porta dui, et tempor eros. Nulla facilisi. Ut dui lorem, vestibulum id sem ac, vulputate feugiat ipsum. Nam rhoncus ipsum nec sapien pulvinar vestibulum. Phasellus at mollis elit. Fusce ut felis ut risus vulputate pretium ut ac turpis. Integer pellentesque convallis quam, id aliquet odio faucibus et. Integer accumsan id tellus feugiat vestibulum.
Pellentesque elementum, nulla id semper facilisis, ligula leo aliquet tortor, quis vulputate nibh purus id ligula. Donec felis sem, volutpat at est vel, placerat pulvinar libero. Nam interdum a diam sit amet rhoncus. Sed gravida, massa eu consectetur feugiat, lectus diam eleifend lorem, quis gravida nulla tellus non est. Donec ac dui vehicula, posuere nulla id, finibus mauris. Sed pharetra condimentum turpis eu condimentum. Cras dignissim leo sit amet nulla faucibus facilisis. Duis accumsan, lacus vitae maximus pharetra, nibh purus feugiat tortor, rutrum rutrum mauris leo eu ex.
Grid Example #2
This “grid” layout is ordered by last name, and shows each team member’s image, name, title, and location. On hover the image scales up in size, and the bio, email, and LinkedIn links show in the “bubble” style.
The “cards” layout shows a grid of images with a cards design. This example shows each team member’s image, name, and title. On hover, the image scales up, and action icons appear in the “bar” style.
The “circles” layout shows a grid of images in a circle style. This example shows each team member’s image, name, title, and email address. On hover, the image blurs, and action icons appear in the “bubble” style.
