Demo Page Featuring Available Layouts

Standard Text 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.)

An optional call-to-action

Section With Subsections (Small)

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.

Header with a Link

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.

Third 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 Subsections (Large)

The “Section with Subsections” now supports a large variant.

Subsection Header

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

Header with a Link

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.

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

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

optional cta

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.

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.

John Nicholson, President

Some Company Inc.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua nisi ut aliquip.

Emily McPhereson, Director

Another Example Inc.

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.

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

Section With People List

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.

This pattern now has a “Long Names” option to better support very long names (ie. Companies, Foundations, etc.). This option reduces the text size and number of items per row.

Optional Header

Conrad VeidtMBA '68
Casablanca Co
veidt@email.com
Lillian Gish
Springfield Inc
lgish@springfiled.com
Charles DullinMBA '64
Chief Executive Oficer
Brigitte Helm
CEO, Metropolis Industries
Louise BrooksMBA '74
Brooksie's
Werner KraussMBA '78
Billy Simmons
Gerard Goodwin
Lora Vasquez

People List (Column View)

The “Section with People List” also supports a column view.

First List

Conrad VeidtMBA '68
veidt@email.com
Lillian GishMBA '72
lgish@springfiled.com
Brigitte HelmMBA '78
Billy SimmonsMBA '94

Another List

Jeanne MossMBA '83
Wilfred RuizMBA '77
Levi KellerMBA '87
Guillermo BallardMBA '93
Elvira ReeseMBA '08

Third List

Micheal TownsendMBA '79
Alma CollierMBA '12
Darlene TranMBA '76
Nettie PrattMBA '78

Last List

Bruce SheltonMBA '83
Angelo SparksMBA '07
Flora NewmanMBA '04

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

Ingrid TownsendMBA '78
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 RyersonMBA '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

Ronald Merriweather
Author: "Everything I Ever Wrote"

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.

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 excerpts, 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.

Calvin Mew (PMD 1984) to Serve as Harvard Business School Club of New York’s Next President

April 5, 2024

NEW YORK, April 5, 2024 – The Harvard Business School Club of New York (HBSCNY) is pleased to announce that Calvin Mew (PMD 1984) will serve as President beginning July 1, 2024. Mew will succeed outgoing […]
Harvard Business School Club of New York and CFGI Announce Exclusive Sponsorship

October 5, 2023

Transformative partnership to advance leadership in the areas of corporate governance and financial management New York, October 5, 2023 – The Harvard Business School Club of New York (HBSCNY), the alumni organization for 10,000+ HBS […]
HBSCNY Appoints Four New Board Members

August 1, 2023

New York, August 1, 2023 – The Harvard Business School Club of New York (HBSCNY) announces the appointment of four new board members. With experience in multiple industries and through serving on a number of boards […]

View all 36 posts

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

Last Impact Area
Lorem ipsum dolor sit amet, consectetur ipsum dolor sit amet, consectetur adipiscing elit.

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

Some metadata (3:45)

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.

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

Some metadata (3:45)

Lorem ipsum dolor sit amet, elementum interdum rutrum.

Another Video

Lorem ipsum dolor sit amet, elementum interdum rutrum.

“Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum interdum rutrum.”

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 section also supports the Bootstrap 4 grid module to assist in multi-colum layouts).

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.

Fourth Column

Nam a porta tortor. Mauris blandit scelerisque felis. Fusce sit amet magna dignissim, scelerisque urna eget, finibus dolor.