Students Using Laptop

Sample Basic Page

Sample Introduction

You can put text up here that is important. It will only be the body copy size and you can only bold or italicize. You can include embedded links.

With the red buttons below, you can only have 3 in total. You don't HAVE to have them. This section here is also optional but it helps introduce the page content.

Sample CTA Sample 2 CTA Sample 3 CTA

These are called Topic Drivers

You can put text here to explain what is following. Note this text cannot include links or be styled (bold, italics).

Stock photo of hand weights, squeeze balls and resistance bands

Topic Driver One

I am describing the links that are about to be presented and why they matter. You cannot style this text or include any links in this section, the links go below.

Topic Driver Without Image

You can add as many topic drivers as you'd like on a page. You don't have to have a photo or you don't even need this text here. You can also put as many links as you want below each individual topic driver.

This is an accordion section.

The headline directly above plus this section here are not necessary to include but can be used for accordion sections. You can style this text with bold, italics, or links or bullets.

  • list item one
  • list item two

This is text. All accordion text is able to be fully styled.

But you also don't have to.

female student working on laptop outside at table

This is a checerkboard

This is a description for a checkerboard. 

Young man sitting at laptop.

This is a 2nd checerkboard

This is the description for a a 2nd checerkboard

This is called a vertical listing

Much like the accordions, you don' need this headline but it helps to introduce the section. Note that the text in this section cannot by styled or include any links.

Vertical Listing without a photo or description

Link 2

Video Showcase

You can put a caption here but it cannot be style. The video has to be on Vimeo for this feature to be used.

You can add more sections, duplicate types of sections. These are the main formats that would apply to this page. 

This is a Story Feature

Description for the story feature section.

Carol Santos ’09GSRM

Alumna Recalls Mentorship and Camaraderie at St. John’s

Carol Santos ’09GSRM The Peter J. Tobin College of Business

Highlight

Sam Daniele ’22CCPS in cap and gown at the St. John's Commencement ceremony

From St. John’s to Cybersecurity Success: Sam Daniele’s Johnnies Journey

Sam Daniele ’22CCPS The Lesley H. and William L. Collins College of Professional Studies

Highlight

This is a Differentiator Section

This is the description for a differentiator section.

This is an icon differentiator

This is the description for an icon differentiator

Female student sitting at table working on computer

This is an image differentiator

This is the description for an image differentiator

97%

This is an statistic value differentiator

This is the description for a statistic value differentiator