General Styles

Header 1 (Reserved for page titles only)

header 2

header 3

header 4

header 5
header 6

DO NOT USE HEADERS AS LINKS.

INTRO PARAGRAPH
The intro paragraph style below is used for the first paragraph of a page when appropriate.  It helps breaks up a page with a lot of text.  Do not use with ordered or unordered lists.

Intro paragraph Etiam volutpat congue odio vitae ultrices. Sed eleifend eget erat nec posuere. Vestibulum gravida massa in nunc porttitor, nec iaculis urna consectetur. Donec tempus pretium semper. Mauris ac sollicitudin risus. Quisque eleifend, dolor a convallis mollis, massa augue iaculis turpis, efficitur gravida metus justo vitae velit. Donec nec consectetur felis. Nulla nec mattis erat, suscipit facilisis lorem. Mauris lacinia placerat elit vitae aliquam.


STANDARD PARAGRAPH STYLE
Ut ullamcorper facilisis urna, vitae ullamcorper ipsum. Donec pellentesque, risus et ullamcorper tincidunt, nunc nibh dictum elit, condimentum auctor quam purus in odio. Nullam efficitur quam eros. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam volutpat congue odio vitae ultrices. Sed eleifend eget erat nec posuere. Vestibulum gravida massa in nunc porttitor, nec iaculis urna consectetur. Donec tempus pretium semper. Mauris ac sollicitudin risus. Quisque eleifend, dolor a convallis mollis, massa augue iaculis turpis, efficitur gravida metus justo vitae velit. Donec nec consectetur felis. Nulla nec mattis erat, suscipit facilisis lorem. Mauris lacinia placerat elit vitae aliquam. Sed et nisl id ex tempor malesuada.

This is a blockquote

Call out button

Call to action

As an incoming freshman, New Start was the best choice I could have ever made. I come from a small town and none of my close friends came to the U of A with me. I was basically alone trying to become familiar with the campus and all its resources. New Start made the transition a lot easier for me.

Melody — Nogales, AZ — Class of  2013 

More Styles - Advanced

To use many of the advanced styles you may need to contact BioCom for assistance.

VIDEO
There are a now a number of new video embed styles that let you embed and resize responsive video. Video sizes would be either 100%, 80% or 50% and called in the videowrapper-XX class (see below).

Code for videos:

<div class="videowrapper-80">
    <div class="embed-container"><iframe allowfullscreen="" mozallowfullscreen="" src="https://player.vimeo.com/video/229049596?byline=0&amp;portrait=0" webkitallowfullscreen="" frameborder="0"></iframe></div>
</div>

TRIANGLES AND DIVIDERS
There are two classes that you can add to blocks that will create a Dropped Grey Triangle and a Divider line with Triangle.  These are used in a block that takes up the full width only. The class to add to your block is .divtritop or .divlinetop

PULL QUOTES
You can add quotes and float them to the right of text.  To apply it is a bit more complicated and I would suggest that you contact Biocom for assistance.  To the right is a sample of what this looks like. An example on a live page can be found here.  A full width quote can be found here.

COLUMNS OF LISTS
You can break unordered and ordered lists into two columns.  This makes the information a bit easier to read and more compact.  As above, you may need to contact BioCom for assistance.

STEP LIST
An additional numbered step list has been created that can be used to add a bit more visual pizazz to a step-by-step list.  Will only work up to 9 steps.

  1. Complete your application through the American Medical College Application Service (AMCAS)
    Designate the Tucson campus of the University of Arizona College of Medicine.
  2. Complete your secondary application
    You will receive a secondary application if you meet our minimum application requirements.
  3. Submit letters of recommendation
    These must be submitted before your interview day.
  4. Attend a Multiple Mini Interview (MMI)
    Interview invitations are sent after we have assessed your secondary application.
  5. Wait for a decision
    The Admissions Committee will receive your complete file once we verify all portions of your application.

CALL OUT BOX
A callout box might be good to add contact information that may need to appear towards the top of a page sharing the space with the main content. These boxes appear 'floated' to the right of the content. They can be coded inline or added as a block (see block above).

Coded Inline

Tel:  (520) 626-6518
Fax: (520) 626-8571

Monday - Friday, 8:00 AM - 4:30 PM 

The University of Arizona 
PO Box 245026
Tucson, AZ 85724-5026

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed bibendum pharetra nibh. Nullam ut ex ut mi auctor pellentesque. Cras metus turpis, accumsan ut urna nec, rhoncus fermentum nulla. Nullam a tempor felis. In lobortis massa et arcu tincidunt gravida. Donec tincidunt ornare neque, vitae lobortis purus sollicitudin vitae. Quisque a nisi a ligula venenatis vulputate vitae sit amet turpis. Etiam vitae condimentum erat, quis pharetra erat. Vestibulum id ornare risus, quis lacinia nisl. Ut id semper quam.

Nam nec mi fringilla tellus ultrices ultricies. Integer sodales vehicula quam, gravida hendrerit lectus scelerisque vel. Aliquam eget dapibus dolor. Fusce a sapien malesuada, volutpat lacus in, feugiat tortor. Sed et vulputate est, vitae luctus nibh. Suspendisse id urna vel nisl auctor feugiat. Integer vitae neque erat. Suspendisse faucibus purus a hendrerit efficitur. Praesent in ligula tellus. Nam congue sit amet dui et lobortis. Nulla mollis ligula vel diam tempus laoreet quis sit amet tortor. Ut eget erat mi. Suspendisse potenti. Quisque quam tortor, ornare sed lacus ac, fringilla dictum est. Vestibulum a dui ex. Integer sollicitudin convallis orci, sit amet fringilla quam vestibulum non.