Navigate Up
Sign In

Page Layout Descriptions and Guidelines

About Page Layouts in SharePoint

You are able to select various layouts (templates) to use for your website. Below are visuals of all 15 layouts available to you. To view the full-size image of the layout, click on "View full-size image" next to the layout name.

Please keep the following in mind:

DO NOT USE the following templates (not listed below, but do appear in the "Page Layouts" drop-down menu in SharePoint):

  • Content/Bridge Layout 06aTS
  • Content/Bridge Layout 06TS
  • Homepage Layout
  • Microsite Homepage Layout
  • Why PC Layout

Resize all images prior to adding them to a layout; SharePoint will not automatically resize images for you. Image sizes for each layout are listed below. If you are unsure of how to resize images and make them ready for the web, please attend the PhotoShop for Web Editors Training

If you require left-hand navigation for your website (which utilizes the "Quick Links" web part) please either attend Open Lab Hours or submit a Service Now ticket.

If you require Small, Medium or Large Callouts for your site, please fill out this form.

 

 
 

Layout 1

 
 
 
 
 
 
  • Style: 2-Column
  • Used For: Homepage; Landing Page
  • Header Image Size: 615 x 250px
  • Link Box List Image Size: 102 x 122px
 
 
 

 
 
 

 

 
 
 

Layout 1A

 
 
 
 
 
 

 

 
 
 
  • Style: 2-Column
  • Used For: Homepage; Landing Page
  • Link Box List Image Size: 102 x 122px
 
 
 




 
 
 

 

 
 
 

 

 
 
 

Layout 2

 
 
 
 
 
 

 

 
 
 
  • Style: 3-Column
  • Used For: Homepage; Landing Page
  • Header Image Size: 933 x 310px
  • Link Box List Image Size: 102 x 122px
  • Sidebar Image Size: 165 x 85px
 
 
 




 
 
 

 

 
 
 

 

 
 
 

Layout 2A

 
 
 
 
 
 

 

 
 
 
  • Style: 3-Column
  • Used For: Homepage; Landing Page
  • Link Box List Image Size: 102 x 122px
  • Sidebar Image Size: 165 x 85p
 
 
 




 
 
 

 

 
 
 

 

 
 
 

Layout 3

 
 
 
 
 
 

 

 
 
 
  • Style: 2-Column
  • Used for: Basic Web Page
 
 
 

 

 
 
 
 
 
 

Layout 4

View full-size image

 

  • Style: 1-Column
  • Used For: Basic Web Page

 

 

 

Layout 5

View full-size image

 

  • Style: 2-Column
  • Used For: Basic Web Page; Video Page
  • Video Page Example: Description on left and video on right.
  • Header Image Size: 933 x 310px

 

 

 

Layout 6

View full-size image

 

  • Style: 1-Column
  • Used For:  Basic Web Page
  • Header Image Size: 933 x 310px

 

 

 

Layout 6A

 

View full-size image

 

  • Style: 1-Column
  • Used For: Basic Web Page

 

 

 

Layout 7

View full-size image

 

  • Style: 3-Column
  • Used For: Basic Web Page; Subsite Page
  • Header Image Size: 933 x 310px

 




 

 

Layout 8

 

 

  • Style: 2-Column
  • Used For: Basic Web Page; Subsite Page
  • Header Image Size: 933 x 310px

 

 

 

 

Layout 8A

 

 

  • Style: 2-Column
  • Used For: Basic Web Page; Subsite Page

 

 

 

Layout 9

View full-size image

 

  • Style: 2-Column
  • Used For: Basic Web Page; Subsite Page
  • Header Image Size: 615 x 250px

 

 

 

Layout 9A

View full-size image

 

  • Style: 2-Column
  • Used For: Basic Web Page; Subsite Page

 

 

 

 

Layout 9B

 

 

  • Style: 2-Column
  • Used For: Homepage; Landing Page; Subsite Page
  • Header Image Size: 933 x 310px




Catholic and Dominican

What does it mean to be a Catholic and Dominican college? We invite you to explore this question and the distinctive mission of Providence College.
About Providence College's Catholic and Dominican Identity