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

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

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.

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

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