This page is to help our churches discover and consider options for displaying team pictures and biographic information. It is not intended as a menu of fixed options, but mere examples of what is possible, upon which designs can be based as part of a conversation with us.
Scrolling designs are very appealing but don’t work so well on all smart devices, which you can experience using this page. This is because of device design limitations. When we implement a scrolling design on your website, for devices that can’t support it we’ll replace the scrolling design on your site with either a simpler form or one of our standard designs. This will be agreed upon in consultation and will be a seamless transition when live on your site.
The examples use ‘Lorem ipsum’ placeholder text to indicate where descriptive text about the person can appear if desired. Similarly, the social media icons in these examples are included to demonstrate what’s possible. If social media icons are not needed, the icons won’t be present on your site in the final design of this area
Scrolling
Standard
Scrolling 1
Continuously Scrolling. Hovering over the image will introduce colour highlighting the person, and could be configured to enable a click to read more details functionality(if appropriate). Scroll speed can be tailored to your site
TEAM MEMBER #1
Rector
TEAM MEMBER #2
Associate Minister
TEAM MEMBER #3
Job title
TEAM MEMBER #4
Lay Reader
TEAM MEMBER #1
Job title
TEAM MEMBER #2
Job title
TEAM MEMBER #3
Job title
TEAM MEMBER #4
Job title
TEAM MEMBER #4
Rector
TEAM MEMBER #3
Minister
TEAM MEMBER #2
Job title
TEAM MEMBER #1
Job title
Scrolling 2
On a laptop/desktop computer: This scrolls continously until first interaction. Following first interaction it will continue to scroll while the cursor or mouse is hovering over the images, and will pause when the cursor or mouse is moved away.
On a smartphone/device: This will scroll continuously.
Each image can be linked to a more details page, if appropriate. Scroll speed can be tailored to your site.
Example-Standard 1
Our Team
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Name
Vicar
Lorem ipsum dolr sit amet, consec tetur adipiscing elit. Suspendisse varius enim in eros elementum ristique.
Name
Associate Minister
Lorem ipsum dolr sit amet, consec tetur adipiscing elit. Suspendisse varius enim in eros elementum ristique.
Name
Reader
Lorem ipsum dolr sit amet, consec tetur adipiscing elit. Suspendisse varius enim in eros elementum ristique.
Example-Standard 2
Our Team
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Name
Rector
Lorem ipsum dolr sit amet, consec tetur adipiscing elit. Suspendisse varius enim in eros elementum ristique.
Name
Team Vicar
Lorem ipsum dolr sit amet, consec tetur adipiscing elit. Suspendisse varius enim in eros elementum ristique.
Name
Reader
Lorem ipsum dolr sit amet, consec tetur adipiscing elit. Suspendisse varius enim in eros elementum ristique.
Example-Standard 4
Our Team
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Name
Associate Priest
Lorem ipsum dolr sit amet, consec tetur adipiscing elit. Suspendisse varius enim in eros elementum ristique.
Name
Associate Priest
Lorem ipsum dolr sit amet, consec tetur adipiscing elit. Suspendisse varius enim in eros elementum ristique.
Name
Lay Reader
Lorem ipsum dolr sit amet, consec tetur adipiscing elit. Suspendisse varius enim in eros elementum ristique.
Example-Standard 5
Who we are
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Name
Rector
Lorem ipsum dolr sit amet, consec tetur adipiscing elit. Suspendisse varius enim in eros elementum ristique.
Name
Job Title
Lorem ipsum dolr sit amet, consec tetur adipiscing elit. Suspendisse varius enim in eros elementum ristique.
Name
Lay Reader
Lorem ipsum dolr sit amet, consec tetur adipiscing elit. Suspendisse varius enim in eros elementum ristique.
Name
Associate Vicar
Lorem ipsum dolr sit amet, consec tetur adipiscing elit. Suspendisse varius enim in eros elementum ristique.
Example-Standard 8
The Team
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Name
Vicar
Lorem ipsum dolr sit amet, consec tetur adipiscing elit. Suspendisse varius enim in eros elementum ristique.
Name
Associate Priest
Lorem ipsum dolr sit amet, consec tetur adipiscing elit. Suspendisse varius enim in eros elementum ristique.
Example-Standard 11
Meet the Team
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Name
Rector
Lorem ipsum dolr sit amet, consec tetur adipiscing elit. Suspendisse varius enim in eros elementum ristique.
Name
Associate Vicar
Lorem ipsum dolr sit amet, consec tetur adipiscing elit. Suspendisse varius enim in eros elementum ristique.
Name
Lay Reader
Lorem ipsum dolr sit amet, consec tetur adipiscing elit. Suspendisse varius enim in eros elementum ristique.
Example-Standard 12
Our Team
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Name
Job Title
Lorem ipsum dolr sit amet, consec tetur adipiscing elit. Suspendisse varius enim in eros elementum ristique.
Name
Job Title
Lorem ipsum dolr sit amet, consec tetur adipiscing elit. Suspendisse varius enim in eros elementum ristique.
Name
Job Title
Lorem ipsum dolr sit amet, consec tetur adipiscing elit. Suspendisse varius enim in eros elementum ristique.
Name
Job Title
Lorem ipsum dolr sit amet, consec tetur adipiscing elit. Suspendisse varius enim in eros elementum ristique.
Name
Job Title
Lorem ipsum dolr sit amet, consec tetur adipiscing elit. Suspendisse varius enim in eros elementum ristique.
Example-Standard 13
About Us
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Name
Job Title
Lorem ipsum dolr sit amet, consec tetur adipiscing elit. Suspendisse varius enim in eros elementum ristique.
Name
Job Title
Lorem ipsum dolr sit amet, consec tetur adipiscing elit. Suspendisse varius enim in eros elementum ristique.
Name
Job Title
Lorem ipsum dolr sit amet, consec tetur adipiscing elit. Suspendisse varius enim in eros elementum ristique.
Name
Job Title
Lorem ipsum dolr sit amet, consec tetur adipiscing elit. Suspendisse varius enim in eros elementum ristique.
Name
Job Title
Lorem ipsum dolr sit amet, consec tetur adipiscing elit. Suspendisse varius enim in eros elementum ristique.
Example-Standard 15
Get to know us
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Name
Job Title
Lorem ipsum dolr sit amet, consec tetur adipiscing elit. Suspendisse varius enim in eros elementum ristique.
Name
Job Title
Lorem ipsum dolr sit amet, consec tetur adipiscing elit. Suspendisse varius enim in eros elementum ristique.
Name
Job Title
Lorem ipsum dolr sit amet, consec tetur adipiscing elit. Suspendisse varius enim in eros elementum ristique.
Name
Job Title
Lorem ipsum dolr sit amet, consec tetur adipiscing elit. Suspendisse varius enim in eros elementum ristique.
Example-Standard 17
The Team
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Name
Job Title
Lorem ipsum dolr sit amet, consec tetur adipiscing elit. Suspendisse varius enim in eros elementum ristique.
Name
Job Title
Lorem ipsum dolr sit amet, consec tetur adipiscing elit. Suspendisse varius enim in eros elementum ristique.
Name
Job Title
Lorem ipsum dolr sit amet, consec tetur adipiscing elit. Suspendisse varius enim in eros elementum ristique.
Name
Job Title
Lorem ipsum dolr sit amet, consec tetur adipiscing elit. Suspendisse varius enim in eros elementum ristique.
