Marketing & Communication Services
Office
Marketing & Communication Services
Website & Shortcode Style Guide

H2 Headline Title - Sample Title Here

This is general body text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin augue ante, placerat sed purus at, tempus suscipit justo. Phasellus rutrum molestie urna in feugiat. Donec vehicula tempor leo sit amet convallis. Proin tincidunt eros quis mollis venenatis. Vestibulum gravida, mauris at ornare fringilla, tellus metus pulvinar ligula, et commodo urna nunc vitae diam.

Donec in mi eros. Sed sed quam hendrerit, egestas sem vel, pharetra purus. Sed feugiat sed nulla sit amet fringilla. Duis dictum est et hendrerit molestie. Ut ac porttitor tellus. Sed eu sem egestas, convallis ipsum a, eleifend lorem. Vestibulum hendrerit lorem nec libero rhoncus, sed facilisis lacus viverra.

H3 Headline Title - Sample Title Here

This is general body text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin augue ante, placerat sed purus at, tempus suscipit justo. Phasellus rutrum molestie urna in feugiat. Donec vehicula tempor leo sit amet convallis. Proin tincidunt eros quis mollis venenatis. Vestibulum gravida, mauris at ornare fringilla, tellus metus pulvinar ligula, et commodo urna nunc vitae diam.

Donec in mi eros. Sed sed quam hendrerit, egestas sem vel, pharetra purus. Sed feugiat sed nulla sit amet fringilla. Duis dictum est et hendrerit molestie. Ut ac porttitor tellus. Sed eu sem egestas, convallis ipsum a, eleifend lorem. Vestibulum hendrerit lorem nec libero rhoncus, sed facilisis lacus viverra.

H4 Headline Title - Sample Title Here

This is general body text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin augue ante, placerat sed purus at, tempus suscipit justo. Phasellus rutrum molestie urna in feugiat. Donec vehicula tempor leo sit amet convallis. Proin tincidunt eros quis mollis venenatis. Vestibulum gravida, mauris at ornare fringilla, tellus metus pulvinar ligula, et commodo urna nunc vitae diam.

Donec in mi eros. Sed sed quam hendrerit, egestas sem vel, pharetra purus. Sed feugiat sed nulla sit amet fringilla. Duis dictum est et hendrerit molestie. Ut ac porttitor tellus. Sed eu sem egestas, convallis ipsum a, eleifend lorem. Vestibulum hendrerit lorem nec libero rhoncus, sed facilisis lacus viverra.

H5 Headline Title - Sample Title Here

This is general body text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin augue ante, placerat sed purus at, tempus suscipit justo. Phasellus rutrum molestie urna in feugiat. Donec vehicula tempor leo sit amet convallis. Proin tincidunt eros quis mollis venenatis. Vestibulum gravida, mauris at ornare fringilla, tellus metus pulvinar ligula, et commodo urna nunc vitae diam.

Donec in mi eros. Sed sed quam hendrerit, egestas sem vel, pharetra purus. Sed feugiat sed nulla sit amet fringilla. Duis dictum est et hendrerit molestie. Ut ac porttitor tellus. Sed eu sem egestas, convallis ipsum a, eleifend lorem. Vestibulum hendrerit lorem nec libero rhoncus, sed facilisis lacus viverra.

H6 Headline Title - Sample Title Here

This is general body text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin augue ante, placerat sed purus at, tempus suscipit justo. Phasellus rutrum molestie urna in feugiat. Donec vehicula tempor leo sit amet convallis. Proin tincidunt eros quis mollis venenatis. Vestibulum gravida, mauris at ornare fringilla, tellus metus pulvinar ligula, et commodo urna nunc vitae diam.

Donec in mi eros. Sed sed quam hendrerit, egestas sem vel, pharetra purus. Sed feugiat sed nulla sit amet fringilla. Duis dictum est et hendrerit molestie. Ut ac porttitor tellus. Sed eu sem egestas, convallis ipsum a, eleifend lorem. Vestibulum hendrerit lorem nec libero rhoncus, sed facilisis lacus viverra.

 

 

Extra Small Buttons:

Black xSmallOrange xSmallGrey xSmallGreen xSmall

Small Buttons:

Black SmallOrange SmallGrey SmallGreen Small

Medium Buttons:

Black MediumOrange MediumGrey MediumGreen Medium

Large Buttons:

Black LargeOrange LargeGrey LargeGreen Large

Extra Small Stroke Buttons:

Black xSmallWhite xSmallOrange xSmall

Small Stroke Buttons:

Black SmallWhite SmallOrange Small

Medium Stroke Buttons:

Black MediumWhite MediumOrange Medium

Large Stroke Buttons:

Black LargeWhite LargeOrange Large

Floated Buttons

Orange Medium LeftOrange Medium Right

Some text after the floated buttons.

Grey Full Width

 

Infobox

This is general body text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin augue ante, placerat sed purus at, tempus suscipit justo. Phasellus rutrum molestie urna in feugiat. Donec vehicula tempor leo sit amet convallis.

Info Box Title Here

Use this call out info box when you want to get people's attention. This box should be used when you have several lines of copy that you want to call attention to. Note that you get a title with this item and you do not with a "notification."

[infobox title="Info Box Title"]This is where the body copy for the infobox is placed. Lorem ipsum dolor sit amet[/infobox]
The infobox title is optional, one can simply deploy the following

[infobox title=""]This is where the body copy for the infobox is placed. Lorem ipsum dolor sit amet[/infobox]

 

Notifications

This is general body text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin augue ante, placerat sed purus at, tempus suscipit justo. Phasellus rutrum molestie urna in feugiat. Donec vehicula tempor leo sit amet convallis. Proin tincidunt eros quis mollis venenatis. Vestibulum gravida, mauris at ornare fringilla, tellus metus pulvinar ligula, et commodo urna nunc vitae diam.

Donec vehicula tempor leo sit amet convallis. Proin tincidunt eros quis mollis venenatis.

Donec vehicula tempor leo sit amet convallis. Proin tincidunt eros quis mollis venenatis.

Donec vehicula tempor leo sit amet convallis. Proin tincidunt eros quis mollis venenatis. Donec vehicula tempor leo sit amet convallis. Proin tincidunt eros quis mollis venenatis.

Donec vehicula tempor leo sit amet convallis. Proin tincidunt eros quis mollis venenatis. Donec vehicula tempor leo sit amet convallis. Proin tincidunt eros quis mollis venenatis.

[notification color="red"]Notification copy goes here[/notification]

[notification color="yellow"]Notification copy goes here[/notification]

[notification color="green"]Notification copy goes here[/notification]

[notification color="blue"]Notification copy goes here[/notification]

 

Toggles

This is general body text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin augue ante, placerat sed purus at, tempus suscipit justo. Phasellus rutrum molestie urna in feugiat.

This is general body text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin augue ante, placerat sed purus at, tempus suscipit justo. Phasellus rutrum molestie urna in feugiat. Donec vehicula tempor leo sit amet convallis. Proin tincidunt eros quis mollis venenatis. Vestibulum gravida, mauris at ornare fringilla, tellus metus pulvinar ligula, et commodo urna nunc vitae diam.

Donec in mi eros. Sed sed quam hendrerit, egestas sem vel, pharetra purus. Sed feugiat sed nulla sit amet fringilla. Duis dictum est et hendrerit molestie. Ut ac porttitor tellus. Sed eu sem egestas, convallis ipsum a, eleifend lorem. Vestibulum hendrerit lorem nec libero rhoncus, sed facilisis lacus viverra.

This is general body text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin augue ante, placerat sed purus at, tempus suscipit justo. Phasellus rutrum molestie urna in feugiat. Donec vehicula tempor leo sit amet convallis. Proin tincidunt eros quis mollis venenatis. Vestibulum gravida, mauris at ornare fringilla, tellus metus pulvinar ligula, et commodo urna nunc vitae diam.

Donec in mi eros. Sed sed quam hendrerit, egestas sem vel, pharetra purus. Sed feugiat sed nulla sit amet fringilla. Duis dictum est et hendrerit molestie. Ut ac porttitor tellus. Sed eu sem egestas, convallis ipsum a, eleifend lorem. Vestibulum hendrerit lorem nec libero rhoncus, sed facilisis lacus viverra.

This is general body text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin augue ante, placerat sed purus at, tempus suscipit justo. Phasellus rutrum molestie urna in feugiat. Donec vehicula tempor leo sit amet convallis. Proin tincidunt eros quis mollis venenatis. Vestibulum gravida, mauris at ornare fringilla, tellus metus pulvinar ligula, et commodo urna nunc vitae diam.

Donec in mi eros. Sed sed quam hendrerit, egestas sem vel, pharetra purus. Sed feugiat sed nulla sit amet fringilla. Duis dictum est et hendrerit molestie. Ut ac porttitor tellus. Sed eu sem egestas, convallis ipsum a, eleifend lorem. Vestibulum hendrerit lorem nec libero rhoncus, sed facilisis lacus viverra.

 

Accordions

This is general body text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin augue ante, placerat sed purus at, tempus suscipit justo. Phasellus rutrum molestie urna in feugiat.

This is general body text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin augue ante, placerat sed purus at, tempus suscipit justo. Phasellus rutrum molestie urna in feugiat. Donec vehicula tempor leo sit amet convallis. Proin tincidunt eros quis mollis venenatis. Vestibulum gravida, mauris at ornare fringilla, tellus metus pulvinar ligula, et commodo urna nunc vitae diam.

Donec in mi eros. Sed sed quam hendrerit, egestas sem vel, pharetra purus. Sed feugiat sed nulla sit amet fringilla. Duis dictum est et hendrerit molestie. Ut ac porttitor tellus. Sed eu sem egestas, convallis ipsum a, eleifend lorem. Vestibulum hendrerit lorem nec libero rhoncus, sed facilisis lacus viverra.

This is general body text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin augue ante, placerat sed purus at, tempus suscipit justo. Phasellus rutrum molestie urna in feugiat. Donec vehicula tempor leo sit amet convallis. Proin tincidunt eros quis mollis venenatis. Vestibulum gravida, mauris at ornare fringilla, tellus metus pulvinar ligula, et commodo urna nunc vitae diam.

Donec in mi eros. Sed sed quam hendrerit, egestas sem vel, pharetra purus. Sed feugiat sed nulla sit amet fringilla. Duis dictum est et hendrerit molestie. Ut ac porttitor tellus. Sed eu sem egestas, convallis ipsum a, eleifend lorem. Vestibulum hendrerit lorem nec libero rhoncus, sed facilisis lacus viverra.

This is general body text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin augue ante, placerat sed purus at, tempus suscipit justo. Phasellus rutrum molestie urna in feugiat. Donec vehicula tempor leo sit amet convallis. Proin tincidunt eros quis mollis venenatis. Vestibulum gravida, mauris at ornare fringilla, tellus metus pulvinar ligula, et commodo urna nunc vitae diam.

Donec in mi eros. Sed sed quam hendrerit, egestas sem vel, pharetra purus. Sed feugiat sed nulla sit amet fringilla. Duis dictum est et hendrerit molestie. Ut ac porttitor tellus. Sed eu sem egestas, convallis ipsum a, eleifend lorem. Vestibulum hendrerit lorem nec libero rhoncus, sed facilisis lacus viverra.

 

Tabs

This is general body text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin augue ante, placerat sed purus at, tempus suscipit justo. Phasellus rutrum molestie urna in feugiat.

This is general body text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin augue ante, placerat sed purus at, tempus suscipit justo. Phasellus rutrum molestie urna in feugiat. Donec vehicula tempor leo sit amet convallis. Proin tincidunt eros quis mollis venenatis. Vestibulum gravida, mauris at ornare fringilla, tellus metus pulvinar ligula, et commodo urna nunc vitae diam.

Donec in mi eros. Sed sed quam hendrerit, egestas sem vel, pharetra purus. Sed feugiat sed nulla sit amet fringilla. Duis dictum est et hendrerit molestie. Ut ac porttitor tellus. Sed eu sem egestas, convallis ipsum a, eleifend lorem. Vestibulum hendrerit lorem nec libero rhoncus, sed facilisis lacus viverra.

This is general body text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin augue ante, placerat sed purus at, tempus suscipit justo. Phasellus rutrum molestie urna in feugiat. Donec vehicula tempor leo sit amet convallis. Proin tincidunt eros quis mollis venenatis. Vestibulum gravida, mauris at ornare fringilla, tellus metus pulvinar ligula, et commodo urna nunc vitae diam.

Donec in mi eros. Sed sed quam hendrerit, egestas sem vel, pharetra purus. Sed feugiat sed nulla sit amet fringilla. Duis dictum est et hendrerit molestie. Ut ac porttitor tellus. Sed eu sem egestas, convallis ipsum a, eleifend lorem. Vestibulum hendrerit lorem nec libero rhoncus, sed facilisis lacus viverra.

This is general body text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin augue ante, placerat sed purus at, tempus suscipit justo. Phasellus rutrum molestie urna in feugiat. Donec vehicula tempor leo sit amet convallis. Proin tincidunt eros quis mollis venenatis. Vestibulum gravida, mauris at ornare fringilla, tellus metus pulvinar ligula, et commodo urna nunc vitae diam.

Donec in mi eros. Sed sed quam hendrerit, egestas sem vel, pharetra purus. Sed feugiat sed nulla sit amet fringilla. Duis dictum est et hendrerit molestie. Ut ac porttitor tellus. Sed eu sem egestas, convallis ipsum a, eleifend lorem. Vestibulum hendrerit lorem nec libero rhoncus, sed facilisis lacus viverra.

 

Unordered list

  • This is item 1
    • This is item 1 i
    • This is item 1 ii
    • This is item 1 iii
  • This is item 2. A very long item. alkdkhlk adkhals hfkhas kg sdkfjg ka gfjgdf gakgf kjsgdf agfkgasf jg kgfjkag fjagf kagsfkasdgfoaweropyhrf sdfsd fdsf gasfgaskdgfk sdfkjg sdf gsdfgsadfsadgf gsdgf f gfgds fkj
  • This is item 3

Ordered list

  1. This is item 1
    1. This is item 1 i
    2. This is item 1 ii
    3. This is item 1 iii
  2. This is item 2
  3. This is item 3

Horizontal Lines


Hidden Block

 

This is how to create 2 columns of text:

This is general body text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin augue ante, placerat sed purus at, tempus suscipit justo. Phasellus rutrum molestie urna in feugiat. Donec vehicula tempor.

Donec in mi eros. Sed sed quam hendrerit, egestas sem vel, pharetra purus. Sed feugiat sed nulla sit amet fringilla. Duis dictum est et hendrerit molestie. Ut ac porttitor tellus. Sed eu sem egestas, convallis ipsum.

 

Tootip

This is general body text.  Proin augue ante, placerat sed purus at, tempus suscipit justo. Phasellus rutrum molestie urna in feugiat. ​MaecenasThis is a titletooltip content here​ This is general body text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin augue ante, placerat sed purus at, tempus suscipit justo. Phasellus rutrum molestie urna in feugiat.

 

Example of Small Text

This is general body text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin augue ante, placerat sed purus at, tempus suscipit justo. Phasellus rutrum molestie urna in feugiat. Donec vehicula tempor leo sit amet convallis. Proin tincidunt eros quis mollis venenatis. Vestibulum gravida, mauris at ornare fringilla, tellus metus pulvinar ligula, et commodo urna nunc vitae diam.

The U.S. Department of Education requires all higher education institutions to annually report crime statistics for all campuses. Institutions must provide crime statistics for all campuses in specific geographical categories. These categories are:

  1. On Campus - Any building or property owned or controlled by an institution within the same reasonably contiguous geographic area and used by the institution in direct support of, or in a manner related to, the institution's educational purposes, including residence halls; and any building or property that is within or reasonably contiguous to paragraph (1) of this definition, that is owned by the institution but controlled by another person, is frequently used by students, and supports institutional purposes (such as a food or other retail vendor).

  2. Dormitories/Residential Facilities - Dormitories or other residential facilities for students on campus is a subset of the on-campus category. Institutions must disclose the total number of on-campus crimes, including those in dorms or other residential facilities for students on campus, and must also make a separate disclosure limited to the number of crimes occurring in student dorms or residential facilities on campus.

Tables

This is general body text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin augue ante, placerat sed purus at, tempus suscipit justo. Phasellus rutrum molestie urna in feugiat.

Standard Table Style
Billed expenses Residents Nonresidents
Tuition & fees * $9,189.50 $30,833.50
Housing & meals** $10,450.00 $10,450.00
Total billed expenses $19,639.50 $41,283.50
     
Other estimated expenses Residents Nonresidents
Books & supplies $950 $950
Personal expenses *** $1,634 $1,634
Transportation $608 $608
Total estimated expenses $3,192 $3,192

 

Simple Table Style
Billed expenses Iowa Residents Nonresidents
Tuition & fees * $9,189.50 $30,833.50
Housing & meals** $10,450.00 $10,450.00
Total billed expenses $19,639.50 $41,283.50
     
Other estimated expenses Iowa Residents Nonresidents
Books & supplies $950 $950
Personal expenses *** $1,634 $1,634
Transportation $608 $608
Total estimated expenses $3,192 $3,192

 

Contact Information

University Hall
310 E. Market St.
Tiffin, OH 44883

419-448-2171
Hours

Mon - Fri: 8:00am - 5:00pm

Our Team

Neil Carrier
Web Manager
University Hall
419-448-2319
Neil C
Lexi Fodor
Graphic Designer
University Hall 218
419-448-2031
Lexi
Angela Giles
Senior Writer
University Hall 218
419-448-2168
Angie Giles
Rachel Hiser
Associate Director of Communication
University Hall 218
419-448-2338
RAchel Hiser
Richard Sherlock
Director of Branding & Marketing
University Hall
419-448-2171
rick sherlock