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.
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”.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vestibulum quam eu orci vulputate.
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.).
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.
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.
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.
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
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.