Uses
On the School of Medicine site, call-out boxes are used as an aside from the main content or to highlight an important fact or feature related to the content on the page. Typically, call-out boxes will include a heading, a few sentences, and a link.
Styles
Call-out boxes are best identified by its rounded box. A 10px rounded border is used for the boxes, and they are given a stroke of 1px #ddd. For the body of the content box, an h2 title is used, followed by a p tag, and a normal link tag.
Examples
The above is an example found on the Diversity page of the School of Medicine site. The callout box here highlights an important antodote related to the main content - that Washington University School of Medicine is ranked as one of the best schools for Diversity - followed by a link to the article.
This example is found on the History page of the School of Medicine. This particular call-out box highlights the history of Washington University in St. Louis, but not particularly the Medical School. While important information that will enhance the content on this page, it offers a brief summary and allows the user to find out more by linking to the page on the main campus website.
Code
HTML
Tradition of excellence
Over the course of its first 150 years, Washington University has made remarkable progress, growing from a college educating local men and women to an internationally known research university with students and faculty from approximately 110 countries.