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

Taryn Elliot

Water Rushing to Shore

Damon Hall

Daniel Hawthorn

"Lorem ipsum dolor sit amet, consectetur"

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

Ruvim Miksanskiy

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

Sean Johnston

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”.

This is a Program

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

Entrepreneur / Classical Pianist

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

President - The Banzai Institute of Science

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

Adventurer / Bon Vivant

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.

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.
John Cheveral
CEO - Cheveral Inc.
Duis in fringilla mi, vitae dignissim mi. Quisque vehicula sollicitudin eros. Praesent dapibus vitae dui in vulputate.
Ingrid Stepnez
"From Market to Market"
Lorem ipsum dolor sit amet, consectetur gravida dolor, id blandit lacus adipiscing elit. Praesent aliquet velit eget pellentesque laoreet. Fusce vel viverra urna. Aliquam eu gravida dolor, id blandit lacus.
Arnold Blankenship
Author - "The Things I've Written"
Nulla laoreet lectus euismod tortor vestibulum semper. Ut a imperdiet libero. Nulla magna lorem, scelerisque eleifend faucibus eu, rutrum sit amet mi.
Ivy Peterson
2019 Annual Award Winner
Phasellus rhoncus dolor a purus finibus, non porttitor velit mattis. Nam libero nulla, vulputate vitae quam vel, facilisis posuere neque. Donec et auctor arcu. Nulla sit amet volutpat nunc.
Prospero
William Shakespeare's "The Tempest"
Ut a imperdiet libero. Curabitur eget tortor facilisis, convallis dolor ut, aliquet ex. Morbi nec libero quam. Integer pulvinar tincidunt metus a laoreet. Pellentesque sit amet risus pretium, cursus ligula ac, consectetur enim.
Iago
William Shakespeare's "Othello"

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

  • Emilie Gallatin
    President
  • Joan Madou
    Vice President
  • Rick Leland
    Chief Executive Officer
  • Billy Dannreuther
    Chief Operating Officer
  • Karin Ingman
    Chief Financial Officer
  • Shep Adkins
    Secretary
  • 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
    Co-Chair
  • Michael O'Leary
    Co-Chair
  • Elena Sokorowska
  • Ed Hutcheson
  • Linus Larrabee
  • Irene Wagner

Second Group

  • Eva Beckman
    Co-Chair
  • Irene Girard
    Co-Chair
  • Dixon Steele
  • Chuck Martin
  • Gar Boni
  • Eva Bergh

Last Group

  • Frank McCloud
    Co-Chair
  • Paula Alquist Anton
    Co-Chair
  • 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.