Interior Page Layout Options
You now have the power to customize your interior pages in the same manner that you do on your home page.
Just like the home page, these patterns have optional introductory content (a header and textual content), specific design pattern and can be easily added, removed and reordered.
All of these design patterns work with the promo sidebar showing, however some patterns work better with the additional space provided by hiding the sidebar
Featured Video Section (Small Thumbnails)
If you have several videos to feature the Featured Video Section (with Small Thumbnails) is just the thing for you. Video thumbnails tiles up to 4 per row and each item supports an optional title, associated metadata and description.
Also, don’t be concerned about the smallness of the thumbnail. Clicking the thumbnail launches a modal displaying the video at a larger size.
Lying Along The Coastline
Water Rushing to Shore
Daniel Hawthorn
Featured Video Section (Large Thumbnails)
For fewer videos (as few as one) use the Featured Video Section (Large Thumbnails). This option supports a title, associated metadata and more robust description which can either be on the right or left of the video.
Although they aren’t required a title and description are recommended.
Waves Crashing
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus lacinia rutrum placerat. Interdum et malesuada fames ac ante ipsum primis in faucibus. Aenean eu facilisis nulla.
In an Ocean of Rolling Waves
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus lacinia rutrum placerat. Interdum et malesuada fames ac ante ipsum primis in faucibus. Aenean eu facilisis nulla.
Featured Image Gallery
The Featured Image Gallery is a popular pattern on the homepage and is now available on interior pages. Use the Featured Image gallery to showcase members, fundraisers, service project or any well photographed event.
Focus Image Section
The Focus Image Section can be used to visually feature three item. It supports an image, title, brief text, and a link making it a great choice for featuring distinct but related calls-to-action.
This Section works best on page where the promo sidebar is hidden. On pages that need the sidebar the Featured Image Section would be preferred.
This is a good to pattern to use the Section Content (After) field in the Section Optional Introductory Content area for the pattern.
Thumbnail / Text Section
Thumbnail / Text Sections support an image, associated text and optional url to link the item to another internal page or external site. You can add as many or few as you like. This design pattern works well with listing programs and can also be used for pairing calls-to-action like “Join Now” and “Donate Today”.
![](https://theme6.tcheetah02.com/wp-content/uploads/slide3-150x150.jpg)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vestibulum quam eu orci vulputate.
![](https://theme6.tcheetah02.com/wp-content/uploads/com-imp3-150x150.jpg)
Another Program
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vestibulum quam eu orci vulputate.
New Thumbnail / Text Section Options
The Thumbnail / Text Section now has a full-width option as well as a metadata. Now this pattern is a great options for creating people lists (leaders, board members, award winners, etc.).
![](https://theme6.tcheetah02.com/wp-content/uploads/large313-150x150.jpg)
Robert Dupea
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vestibulum quam eu orci vulputate, at eleifend mauris imperdiet. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Curabitur commodo ultricies egestas.
![](https://theme6.tcheetah02.com/wp-content/uploads/b0515f98ccbac7c7cd538940b1d87c9a-e1572643421910-150x150.jpg)
Dr. Constance Petersen
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vestibulum quam eu orci vulputate, at eleifend mauris imperdiet. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Curabitur commodo ultricies egestas.
![](https://theme6.tcheetah02.com/wp-content/uploads/Cary_Grant_4-e1572643372321-150x150.jpg)
Roger O. Thornhill
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vestibulum quam eu orci vulputate, at eleifend mauris imperdiet. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Curabitur commodo ultricies egestas.
Resource Lists
Resource Lists can consist of a variety resource types and can be instantiated multiple times per page to better group resources. Supported resource types are links (internal or external), Adobe PDFs, Microsoft Word, Powerpoint, and Excel documents, videos (ie. YouTube, Vimeo, etc), and podcasts (ie. SoundCloud), Stitcher, etc.).
Resource Lists (Single Column View)
Resources with very long titles may better supported by using the single column view.
The single column view is the only one supported on pages where the promo sidebar is not hidden
Impact Statistics Section
The Impact Statistics Section provides you a way to visually display 2, 3 or 4 areas of impact that your organization is having in its community.
-
1500
Volunteers
Lorem ipsum dolor sit amet, consectetur adipiscing elit. -
$1mil
Donated
Lorem ipsum dolor sit amet, consectetur adipiscing elit. -
100
Something
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Another Impact Statistics Example
-
3
Days
-
83
Volunteers
-
878
Meals Served
-
Many
Lives Changed
History Section
The History Section provides a way to show a chronological view of significant moments in your organization’s life.
-
1975milestone
Praesent dapibus vitae dui in vulputate. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Phasellus risus ante, tincidunt non lobortis sit amet, pretium id metus. In ipsum ligula, volutpat in faucibus id, ornare ullamcorper lectus. Aenean orci dolor, eleifend at maximus quis, gravida bibendum libero.
-
1986
Pellentesque habitant morbi tristique. Praesent dapibus vitae dui in vulputate. Senectus et netus et malesuada fames ac turpis egestas. Phasellus risus ante, tincidunt non lobortis sit amet, pretium id metus. In ipsum ligula, volutpat in faucibus id, ornare ullamcorper lectus.
This is a relevant Image
Collapsible Content Section
The Collapsible Content Section allows you to add just that– sections of collapsible content to the page. As many sections as needed can be added and arranged. They can also be individually set to be either open or closed on page load.
First Collapsible Section
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque nisl elit, gravida at auctor vitae, blandit sit amet magna. Morbi ac interdum tellus, ut facilisis massa. Praesent mollis est vitae pulvinar tristique. Morbi sem nibh, blandit suscipit nulla eget, auctor tempor sapien. Maecenas fringilla enim sed felis rutrum, eu aliquam enim vestibulum. Proin luctus suscipit ligula quis egestas. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Praesent pharetra convallis sapien eu consequat. Quisque ac gravida nibh. Aenean egestas ultrices felis, vitae efficitur lectus laoreet vitae.
Duis lorem eros, sagittis a nisi non, maximus suscipit tortor. Curabitur sit amet sodales dolor, et iaculis eros. Etiam a diam ligula. Donec quis nisl at sapien lobortis consequat.
Another Collapsible Section
Nam nec laoreet mi. Duis auctor vitae quam et sagittis. Etiam consequat orci vitae sapien dapibus dapibus. Mauris eu condimentum massa, et imperdiet ex. Integer lectus eros, mattis at porta eget, consectetur et leo. Pellentesque vel sapien ut nisi aliquet accumsan. Ut finibus tristique dolor, ut eleifend felis tristique vel.
Maecenas eget dignissim velit. Pellentesque viverra eleifend erat. Vestibulum id ipsum in lacus eleifend mollis in non nibh. Vestibulum porttitor metus felis, viverra suscipit dui interdum sed. Aenean at mollis sapien. Aenean laoreet, lacus ultrices porttitor sodales, velit nisi ornare augue, vitae consectetur quam ipsum vitae risus. Donec eget quam orci. Sed lobortis enim vitae mauris ornare, at pretium elit porttitor. Vestibulum laoreet, lorem non bibendum finibus, velit nisl luctus augue, ut dapibus erat elit in tellus. Aenean vitae placerat leo. Aliquam fermentum dolor vel eros laoreet, nec vulputate dolor mattis. Aenean interdum risus a neque convallis, non pharetra nulla accumsan. Nulla ultrices risus at est condimentum condimentum.
Final (Closed) Collapsible Section
Donec eget quam orci. Sed lobortis enim vitae mauris ornare, at pretium elit porttitor. Vestibulum laoreet, lorem non bibendum finibus, velit nisl luctus augue, ut dapibus erat elit in tellus. Aenean vitae placerat leo. Aliquam fermentum dolor vel eros laoreet, nec vulputate dolor mattis. Aenean interdum risus a neque convallis, non pharetra nulla accumsan. Nulla ultrices risus at est condimentum condimentum. Praesent in sapien ex. Vivamus dictum mattis nibh sed condimentum. Nam turpis urna, aliquet eget ipsum nec, viverra fringilla nulla.
Donec semper leo sed ultrices condimentum. In et odio fringilla dolor feugiat posuere. Suspendisse imperdiet consectetur dui, a dictum tortor tincidunt vel. Nunc faucibus ligula eget dui semper convallis. Mauris fringilla odio neque. Nam finibus ipsum mauris, a semper lorem ullamcorper eget. Morbi interdum sit amet metus sed porttitor.
Section with Subsections (Large)
This section provides another way to organize related content such as programs, sponsors, affiliations, etc. The subsections support a header, content and related url. Color options are a light grey or your theme’s primary or secondary color.
First Subsection Header
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vestibulum quam eu orci vulputate, at eleifend mauris imperdiet. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae.
Another Header
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vestibulum quam eu orci vulputate, at eleifend mauris imperdiet. Vestibulum ante ipsum primis in faucibus orci luctus et.
Second to Last Header
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vestibulum quam eu orci vulputate, at eleifend mauris imperdiet. Vestibulum ante ipsum primis in faucibus orci luctus et.
Final Header
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vestibulum quam eu orci vulputate, at eleifend mauris imperdiet. Vestibulum ante ipsum primis in faucibus orci luctus et.
Section with Subsections (Small)
The First Header
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vestibulum quam eu orci vulputate, at eleifend mauris imperdiet. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
Second Header
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vestibulum quam eu orci vulputate, at eleifend mauris imperdiet. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
Third Header
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vestibulum quam eu orci vulputate, at eleifend mauris imperdiet. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
Quotation Section
The Quotation Section is designed to feature quotes and testimonial. The Section supports introductory content but can also stand on it own, simply displaying the quote, source, and associated context.
The background of the section can be white or theme’s primary or secondary color.
Question List Section
The Question List is designed for short questions and longer detailed responses. It’s perfect for FAQ sections where complex and rich responses can be addressed by broader based/ leading questions.
- What is the answer to this question?
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent aliquet velit eget pellentesque laoreet. Fusce vel viverra urna. Aliquam eu gravida dolor, id blandit lacus. Duis in fringilla mi, vitae dignissim mi. Quisque vehicula sollicitudin eros. Praesent dapibus vitae dui in vulputate. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
- What is another frequently asked question?
Praesent aliquet velit eget pellentesque laoreet. Fusce vel viverra urna. Aliquam eu gravida dolor, id blandit lacus. Duis in fringilla mi, vitae dignissim mi. Quisque vehicula sollicitudin eros. Praesent dapibus vitae dui in vulputate. Pellentesque habitant morbi tristique senectus et netus et malesuada fames or turpis egestas.
People List Section
The People List Section provides a better way or organizing large list of individuals. Each section provides options for including multiple lists and each person can have an related url as well associated information (ie. organizational role, status, professional, affiliation, title, etc.)
First List Header
-
Joan Madou
-
Rick Leland
-
Billy Dannreuther
-
Karin Ingman
-
Shep Adkins
-
Anita Hoffman
-
Jim Leonard
-
Elsa Edlund
Another List Header
-
Frank Taylor
-
Jim Watson
-
Ilsa Lund
-
Rick Blaine
-
Julia Balzar
-
Richard Mason
-
David Graham
-
Greta Ohlsson
-
Harry Galleon
An Example of People List: Column View
First Group
-
Vincent Parry
-
Michael O'Leary
-
Elena Sokorowska
-
Ed Hutcheson
-
Linus Larrabee
-
Irene Wagner
Second Group
-
Eva Beckman
-
Irene Girard
-
Dixon Steele
-
Chuck Martin
-
Gar Boni
-
Eva Bergh
Last Group
-
Frank McCloud
-
Paula Alquist Anton
-
Andrew Morton
-
Anna Kalman
-
Jean Matrac
-
Alicia Huberman
Open HTML Section
This section is for users that are familiar with writing HTML and want to create custom layout using their own mark-up.
This pattern can also be used for its Optional Introductory Content for any desired textual content after any of the above patterns
First Column
Nam a porta tortor. Mauris blandit scelerisque felis. Fusce sit amet magna dignissim, scelerisque urna eget, finibus dolor.
Second Column
Nam a porta tortor. Mauris blandit scelerisque felis. Fusce sit amet magna dignissim, scelerisque urna eget, finibus dolor.
Third Column
Nam a porta tortor. Mauris blandit scelerisque felis. Fusce sit amet magna dignissim, scelerisque urna eget, finibus dolor.