Login Join/Renew

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.

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
  • Lillian Gish
    Springfield Inc
  • 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

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.

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.

Contact

1460 Broadway, WeWork Bldg
New York, NY 10036
201-588-3758

Quicklinks

Legal

Copyright ©  2023 www.hbscny.org

By continuing to use the site, you agree to the use of cookies. more information

The cookie settings on this website are set to "allow cookies" to give you the best browsing experience possible. If you continue to use this website without changing your cookie settings or you click "Accept" below then you are consenting to this.

Close