Page Elements

This page shows the various styles you can apply to text or images on your page, using the LiveWhale toolbar.

This is header 2

It’s always a good idea to use a Header 2 on a page for accessibility reasons. Eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo this is a link ut labore et dolore magnam aliquam quaerat thisisalongemaillink@myschool.edu voluptatem. 

This is header 3

Eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.

This is header 4

Trees on Monmouth College campus Trees on Monmouth College campus Credit: © David Aaron TroyNemo enim ipsam voluptatem porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.

Quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.

In photo captions, find ways to highlight, support or link to other pages. In photo captions, find ways to highlight, support or link to other pages. Credit: This is the image credit

Nemo enim ipsam voluptatem porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. The following image is aligned center.

This is the image caption. Click the image to view a larger preview. This is the image caption. Click the image to view a larger preview.

This is header 5

At ut condimentum egestas mauris bibendum. Eros enim morbi. Arcu inceptos ultricies et orci at adipiscing in donec sed ullamcorper nibh.

  • This is a bulleted list.
  • Another bulleted item.
  • And another qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam.
This is Header 6
  1. This is a numbered list.
  2. Another bulleted item.
  3. And another.

Blockquote

“This is a blockquote. Use the quote button on the right side of the toolbar to style a quote like this.”  -  Noteworthy Person


Buttons

1) make a link

2) apply the Format drop down style Call To Action Button or Call To Action Button (wide)

Simple red button style

Call To Action Button Style

Call To Action Button Style (Wide)


Social Media Links

1) make a link

2) apply the Format drop down style for social media links

This is a link to Spotify

This is a link to Snapchat

 


Accessible Text

This text will disappear once you save the page! Edit the page to see.

This is accessible text describing in detail what’s in the image. This text is too long to put in the image alt text, but it describes the image in appropriate detail for non-sighted users. It’s important to make sure text in an image is accessible to  ALL users


Videos

 

This is the video caption. Apply the “video caption” style from the Formats menu in the toolbar. This caption contains a link.

Use this section for wider content. For example, accordions, galleries, tables, news or events widgets.

Accordions


Tables

 

Example table with headings along the top
Add bold headings along the top. This is very important so the table looks good on mobile devices.

Year

Month

Accrual Rate per Month

Days per year

Maximum Accrual

1 First two months 0    
1 Months 3-12 1.000 10 10
2   0.917 11 11
3   1.000 12 12

Example table with headings down the side
Add bold headings along the top and in the first column. Leave the top-left corner empty.

  Breakfast Lunch Dinner Dessert
Monday Yogurt and Granola Salad Spaghetti Fruit
Tuesday Pancakes Lasagne BBQ Pie
Wednesday Oatmeal Sandwich Bowls Fruit
Thursday Burritos Soup Curry Ice Cream

Example table with a <thead> element
Sometimes <thead> can be pasted in from another program or website.

This is a thead 

Month

Accrual Rate per Month

Days per year

Maximum Accrual

1 First two months 0    
1 Months 3-12 1.000 10 10
2   0.917 11 11
3   1.000 12 12

Forms

To nominate your favorite member of the Monmouth Family for an award, simply submit this form. Submissions are valid for 3 years.

All fields marked with asterisk (*) are required.

required text field
required e-mail address field
required text field
text field
text field
required text field
required text field
text field
text field
required radio button field
Which award are you nominating this person for?*
textarea field
textarea field
textarea field
textarea field
textarea field
file attachment field
(50 MB max)