This page is to serve as a guide for all the available layout options available for pages using the "Sections Template". This first section is the page intro and it allows you to provide an overview of the pages intentions and content. It features a header, content and your choice of background color and icon.

Featured Item Columns

The “Featured Item Columns” allows you to feature 2, 3, or 4 items on the homepage with optional calls-to-action to invite the visitor deeper into the site– it’s like (up to) 4 mini-promo boxes that support text, optional images and separate calls-to-action with a range of background colors to choose from.

First Featured Item

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis et sodales ligula, sit amet ullamcorper purus. Donec commodo varius nibh sit amet tincidunt.

Third Featured Item

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis et sodales ligula, sit amet ullamcorper purus. Donec commodo varius nibh sit amet tincidunt.

Third Featured Item

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis et sodales ligula, sit amet ullamcorper purus. Donec commodo varius nibh sit amet tincidunt.

Standard Text Section An optional sub-header for the section

This is a “Standard Text Section” which can be be added to the page as a standalone section. The “Standard Text Section” offers a header, an optional sub-header, anrich-text area, an optional icon as a background image and an optional call-to-action.

(Note: These “Standard Text Section” fields are also available as as introductory content to the more specialized layout sections.)

Current Projects Section

The “Current Projects Section” provides a way to display a feed of current project. By default the section displays all projects that don’t have a “completed” status however the number display can be set to limit the projects displayed.

  • The Transition Network

    Help The Transition Network, A Community of Professional Women, Support Its Local Chapters

    Consulting Project2-3 hrs/wk for 3-4 months
    Finance/Operations

    The Transition Network seeks help in reviewing the financial/cash management practices of its headquarters office and its affiliated chapters. **This project will be done virtually.** Nonprofit: The Transition Network The Transition Network (TTN) is an inclusive […]

    This is the Impact Statistic Section The Impact Statistic Section is for highlight your organizations achievement. Each instance of this section can support from 1 to 4 items.

    • 500

      Impact Area

      Lorem ipsum dolor sit amet, consectetur ipsum dolor sit amet, consectetur adipiscing elit.
    • 250

      Another Impact Area

      Lorem ipsum dolor sit amet, consectetur ipsum dolor sit amet, consectetur adipiscing elit.
    • 300

      Another Impact Area

      Lorem ipsum dolor sit amet, consectetur ipsum dolor sit amet, consectetur adipiscing elit.

    Section with Multiple Columns

    This layout allows content to be displayed in either 2 or 3 columns (where resolution size allows)

    The Header for the First ColumnOption Sub-header for the Column

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut consequat lectus eu luctus eleifend. Proin arcu urna, dapibus et felis vel, fringilla sagittis mauris. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer mollis scelerisque mi, vel bibendum elit accumsan ac.

    The Header for the Second Column

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut consequat lectus eu luctus eleifend. Proin arcu urna, dapibus et felis vel, fringilla sagittis mauris. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae.

    Another Section with Multiple Columns

    This is another example of this pattern, this time using three columns and featuring images heading each column.

    First Column

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut consequat lectus eu luctus eleifend. Proin arcu urna, dapibus et felis vel, fringilla sagittis mauris.

    Second ColumnA Sub-Header for the Column

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut consequat lectus eu luctus eleifend. Proin arcu urna, dapibus et felis vel, fringilla sagittis mauris.

    Third Column

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut consequat lectus eu luctus eleifend. Proin arcu urna, dapibus et felis vel, fringilla sagittis mauris. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices.

    Section With Subsections

    The “Section with Subsections” is designed to tile in short blurb of related content such as the name and descriptions of club affiliates, member resources, awards/scholarships, etc.

    Subsection Header

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur et nulla vel nisl tincidunt tempus non non magna.

    Another Subsection

    Curabitur et nulla vel nisl tincidunt tempus non non magna. Donec tempus efficitur magna quis ultrices. Vestibulum viverra massa nec sem placerat, ut volutpat orci eu justo eleifend vestibulum.

    Last Subsection

    Curabitur et nulla vel nisl tincidunt tempus non non magna. Done ut volutpat odio tempor. Sed quis malesuada enim. Mauris id orci eu justo eleifend vestibulum.

    Section with Category Feed

    The “Section with Category” allows you to add a feed of relevant posts onto a page. Select a category, wether or not to display execerpts, and a number of posts to be displayed and visitor to your page will be able to see all the current posts to supplement the content of the page.

    Section With People List Great for board, officers, and staff contact lists

    The “Section with People List” is layout for featuring related groups of people like your board, staff, or support teams. Each person listed can have a URL linked to their name as well as their company/title, email address, and, for alums, their degree/year.

    Section with People List (with Images and Bio)

    The “People List (with Images and Bio)” pattern is a more robust version of the “People List”. This pattern supports an image a additional textual content (Bios, Quotes, etc.)

    Optional Title

    • Ingrid Bergman
      President of Good Works Org

      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut consequat lectus eu luctus eleifend. Proin arcu urna, dapibus et felis vel, fringilla sagittis mauris. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia

    • Jack NicholsonMBA '68

      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut consequat lectus eu luctus eleifend. Proin arcu urna, dapibus et felis vel, fringilla sagittis mauris. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia.

    Optional Additional List within the Section

    • Cary Grant

      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut consequat lectus eu luctus eleifend. Proin arcu urna, dapibus et felis vel, fringilla sagittis mauris. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia.

    Section with Question List

    “Section with 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.

    Is this is a short question?

    Aenean sit amet sodales lectus, et egestas lorem. Etiam rhoncus mauris sit amet libero commodo dignissim. Etiam rutrum sollicitudin ante, ac consequat massa ultricies ut. Donec vel vestibulum nibh. In eleifend id ipsum sed faucibus. Fusce ac lorem bibendum, laoreet odio rutrum, sollicitudin velit. Integer mi ipsum, laoreet a fermentum a, interdum quis sapien. Aenean mollis pharetra quam, in luctus arcu sodales nec. Donec ut neque est.

    What's the answer to this question?

    Nunc magna eros, sollicitudin non lectus rhoncus, posuere accumsan nunc. Pellentesque nec gravida erat. Aenean sit amet sodales lectus, et egestas lorem. Etiam rhoncus mauris sit amet libero commodo dignissim. Etiam rutrum sollicitudin ante, ac consequat massa ultricies ut. Donec vel vestibulum nibh. In eleifend id ipsum sed faucibus. Fusce ac lorem bibendum, laoreet odio rutrum, sollicitudin velit. Integer mi ipsum, laoreet a fermentum a, interdum quis sapien.

    Can we have another question in this list?

    Praesent luctus tellus at tortor dictum, ut vulputate dolor fermentum. Nunc magna eros, sollicitudin non lectus rhoncus, posuere accumsan nunc. Pellentesque nec commodo dignissim. Etiam massa ultricies ut. Donec vel vestibulum nibh. In eleifend id ipsum sed faucibus. Fusce ac lorem bibendum, laoreet odio rutrum, sollicitudin velit. Integer mi ipsum, laoreet a fermentum a, interdum quis sapien. Aenean mollis pharetra quam, in luctus arcu sodales nec. Donec ut neque est.

    Quotation Section