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

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

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

  • 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
  • Eva Beckman
    Co-Chair
  • Irene Girard
    Co-Chair
  • Dixon Steele
  • Chuck Martin
  • Gar Boni
  • Eva Bergh
  • 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.