Sections

This page demonstrates some of the various sections and their available options when constructing a layout for a page. For the purposes of the demonstration, only standard Text blocks are placed in the sections, but note that any available block type can be placed in sections.

Two Column 75/25 Section

Sample Text Block

Suspendisse facilisis tempus nisl id malesuada. Duis eget commodo nisi. Suspendisse potenti. Nunc sed risus nisi. Proin lacinia ornare porttitor. Vestibulum at nunc varius elit iaculis imperdiet ut eu turpis. Donec ut varius metus. Ut leo enim, ullamcorper vitae mattis eget, fermentum non nulla. Suspendisse metus erat, posuere non nisi ut, tempor aliquam nisl.

Mauris nunc felis, iaculis sed nulla non, pulvinar tempor nulla. Maecenas maximus interdum bibendum. Duis dapibus, augue eget lacinia pharetra, nibh metus molestie quam, at faucibus nunc massa at purus. Vivamus vel finibus velit. Integer eget orci quis massa consequat scelerisque. Proin condimentum hendrerit mi. Suspendisse ultrices metus massa, vitae fermentum leo vestibulum eu.

Sample text

Outline - Light Gray block style applied

Mauris nunc felis, iaculis sed nulla non, pulvinar tempor nulla. Maecenas maximus interdum bibendum. Duis dapibus, augue eget lacinia pharetra, nibh metus molestie quam.

One Column Section

Sample Text Block

Suspendisse facilisis tempus nisl id malesuada. Duis eget commodo nisi. Suspendisse potenti. Nunc sed risus nisi. Proin lacinia ornare porttitor. Vestibulum at nunc varius elit iaculis imperdiet ut eu turpis. Donec ut varius metus. Ut leo enim, ullamcorper vitae mattis eget, fermentum non nulla. Suspendisse metus erat, posuere non nisi ut, tempor aliquam nisl.

Mauris nunc felis, iaculis sed nulla non, pulvinar tempor nulla. Maecenas maximus interdum bibendum. Duis dapibus, augue eget lacinia pharetra, nibh metus molestie quam, at faucibus nunc massa at purus. Vivamus vel finibus velit. Integer eget orci quis massa consequat scelerisque. 

Two Column 50/50 Section With Tabs

Text Block A

This is a standard text block placed in the left column of 2-column section.

Text Block B

Another text block.

Tabbed Text Block A

This is the contents of the "Tab A" block that was placed in the right column of a two-column section. The section was configured so that blocks placed in this column are displayed as tabs instead of stacked vertically.

Tabbed Text Block B

Here's the contents of the second block displayed as a tab.

One column with Dark Gray Background

Sample Text Block

Suspendisse facilisis tempus nisl id malesuada. Duis eget commodo nisi. Suspendisse potenti. Nunc sed risus nisi. Proin lacinia ornare porttitor. Vestibulum at nunc varius elit iaculis imperdiet ut eu turpis. Donec ut varius metus. Ut leo enim, ullamcorper vitae mattis eget, fermentum non nulla. Suspendisse metus erat, posuere non nisi ut, tempor aliquam nisl.

Mauris nunc felis, iaculis sed nulla non, pulvinar tempor nulla. Maecenas maximus interdum bibendum. Duis dapibus, augue eget lacinia pharetra, nibh metus molestie quam, at faucibus nunc massa at purus. Vivamus vel finibus velit. Integer eget orci quis massa consequat scelerisque.

Five Column Equal Width Section

Test A

Nam scelerisque, massa sed viverra mattis, nunc mauris scelerisque nisi, sed euismod tellus velit eu velit. Aenean enim lacus, egestas id imperdiet ut, faucibus at metus. Fusce maximus lorem at velit iaculis tempor. Etiam lacus sem, imperdiet molestie magna ac, lobortis tincidunt risus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Test B

Suspendisse congue pretium viverra. Sed posuere augue et lorem egestas, sed gravida ante facilisis. Nam condimentum tortor elit, eu varius massa efficitur et. Morbi gravida mauris non enim tristique bibendum. Quisque ac lectus leo. Morbi a erat mattis, dapibus nisi venenatis, efficitur dolor. Maecenas augue nibh, vulputate eget finibus id, sagittis in ipsum. Duis quis tortor turpis.

Test C

Praesent nec justo lacus. Praesent non iaculis tortor. Etiam ex leo, euismod in tortor ut, hendrerit pretium leo. Ut at tortor ac ligula ultrices dictum ut in leo. Praesent finibus quam a nulla viverra gravida. Duis at eros tincidunt, dictum ipsum sit amet, pharetra elit. Sed vestibulum nibh sit amet leo laoreet tempus. Sed libero massa, feugiat quis placerat sit amet, tempus id ipsum. Etiam sodales tincidunt porta. Integer quis finibus dui, sit amet lobortis tellus.

Test D

Curabitur convallis neque at varius scelerisque. Suspendisse potenti. Mauris metus nunc, molestie nec ante sed, ullamcorper consectetur arcu. Nunc ac vestibulum ipsum, eget ultrices massa. Quisque lacinia felis eget dolor aliquam ornare. Fusce et pulvinar nunc. Duis placerat cursus tristique.

Test E

Curabitur vitae lectus sed lorem sagittis molestie. Ut et nisi nibh. Aenean id nisi sed lorem feugiat accumsan. Integer vitae luctus felis. In lobortis turpis id quam commodo, finibus finibus odio semper. Quisque blandit ornare nunc, ac congue leo sollicitudin vitae. Vivamus vehicula lectus ac neque maximus, a elementum ligula feugiat.

Three Column 50/25/25 Section with Light Gray Background

Sample Text Block

Suspendisse facilisis tempus nisl id malesuada. Duis eget commodo nisi. Suspendisse potenti. Nunc sed risus nisi. Proin lacinia ornare porttitor. Vestibulum at nunc varius elit iaculis imperdiet ut eu turpis. Donec ut varius metus. Ut leo enim, ullamcorper vitae mattis eget, fermentum non nulla. Suspendisse metus erat, posuere non nisi ut, tempor aliquam nisl.

Mauris nunc felis, iaculis sed nulla non, pulvinar tempor nulla. Maecenas maximus interdum bibendum. Duis dapibus, augue eget lacinia pharetra, nibh metus molestie quam, at faucibus nunc massa at purus. Vivamus vel finibus velit. Integer eget orci quis massa consequat scelerisque. Proin condimentum hendrerit mi. Suspendisse ultrices metus massa, vitae fermentum leo vestibulum eu.

Nassau Hall steps decorated for the 275th anniversary of the University.

Nassau Hall, decorated for the 275th anniversary.

Students in Science Expo

One Column Section with Background Image

Dark or Light Screen Options for Accessible Contrast and Text Legibility

Suspendisse facilisis tempus nisl id malesuada. Duis eget commodo nisi. Suspendisse potenti. Nunc sed risus nisi. Proin lacinia ornare porttitor. Vestibulum at nunc varius elit iaculis imperdiet ut eu turpis. Donec ut varius metus. Ut leo enim, ullamcorper vitae mattis eget, fermentum non nulla. Suspendisse metus erat, posuere non nisi ut, tempor aliquam nisl.

Mauris nunc felis, iaculis sed nulla non, pulvinar tempor nulla. Maecenas maximus interdum bibendum. Duis dapibus, augue eget lacinia pharetra, nibh metus molestie quam, at faucibus nunc massa at purus. Vivamus vel finibus velit. Integer eget orci quis massa consequat scelerisque. Proin condimentum hendrerit.

Three Column 16/68/16, empty on right and left

Sample Text Block

Suspendisse facilisis tempus nisl id malesuada. Duis eget commodo nisi. Suspendisse potenti. Nunc sed risus nisi. Proin lacinia ornare porttitor. Vestibulum at nunc varius elit iaculis imperdiet ut eu turpis. Donec ut varius metus. Ut leo enim, ullamcorper vitae mattis eget, fermentum non nulla. Suspendisse metus erat, posuere non nisi ut, tempor aliquam nisl.

Mauris nunc felis, iaculis sed nulla non, pulvinar tempor nulla. Maecenas maximus interdum bibendum. Duis dapibus, augue eget lacinia pharetra, nibh metus molestie quam, at faucibus nunc massa at purus. Vivamus vel finibus velit. Integer eget orci quis massa consequat scelerisque. Proin condimentum hendrerit mi. Suspendisse ultrices metus massa, vitae fermentum leo vestibulum eu.