Demo Page Featuring Available Layouts
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.
-
Lifeline Center for Child Development
Brainstorm to Help Lifeline Center for Child Development Expand Its Support for Families
Lifetime Center for Child Development (Queens Village) is planning to make capital improvements to its campus and seeks advice about financing alternatives **Brainstorming Session will be in person, on June 15, at 5.30 pm in Manhattan.** […]
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.
Featured Videos (Small Thumbnails) This featured video section uses small thumbnails and lays out the videos in row (with up to 4 videos per row).
An example video
Lorem ipsum dolor sit amet, elementum interdum rutrum.
Another Video
Lorem ipsum dolor sit amet, elementum interdum rutrum.
A Third Video
Lorem ipsum dolor sit amet, elementum interdum rutrum.
A Fourth and Final Video
Lorem ipsum dolor sit amet, elementum interdum rutrum.
Featured Videos (Large Thumbnails) This featured video section uses large thumbnails and displays one video per row with text on the right or left side of the video.
This is the Title of the Video
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum interdum rutrum. Vestibulum sagittis fringilla ante eleifend tristique. Phasellus ut lorem ac tortor venenatis rutrum et nec purus. Etiam ornare orci erat, et lobortis lacus pellentesque vel. Vestibulum ac est at ipsum euismod viverra efficitur at dolor.
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.
-
Conrad VeidtMBA '68Casablanca Co
-
Charles DullinMBA '64Chief Executive Oficer
-
Brigitte HelmCEO, Metropolis Industries
-
Werner KraussMBA '74
-
Ivan MozzhukhinMBA '77
-
Emil JanningsMBA '78
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 BergmanPresident of Good Works OrgLorem 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 '68Lorem 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 GrantLorem 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
The Quotation Section is is available for pull-quotes from guest or upcoming speakers as well testimonials from clients, partners donors or whomever else has said something that you may want to feature on your site.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua nisi ut aliquip.