Standard Content Page

Did you know?

IN DEPTH

The Social Justice Initiative Student Summer Institute consists of a six-week course, an education and experiential learning program for ten UIC undergraduates focused on deepening their understanding of social justice issues in Chicago. Students read, discuss and collectively develop a social justice project that can educate and energize the larger community.

Text Styles (this is an example of an H2)

Here, we establish the text styles that appear within content areas of the site. This is an H3.First Headline.

So, any H3 that lines up with the red headline to the left (like the one above) has to have the class ‘.first’ to set the top padding to 4px so it lines up with the red headline. By the way, this is an example of what an intro paragraph. Intro paragraphs are pretty short and either explain the purpose of a page, or contain summaries of page content (in the case of an article).

H2'S (the short red headline up and to the left) are a super short summary that users can quickly scan throughout pages to find what they're looking for more quickly. On landing pages, you’ll see them used in the two and three-column layouts above the text, on content pages they are always used in conjunction with an H3 that describes the section in a little more detail (as you see on this page). Also, FYI, this is an example of a standard paragraph. (the <p> tag with no classes applied)

“This is an example of a pullquote. Pullquotes can be used to quote someone within your body content. They can also be used sparingly to add a bit of extra attention to copy that lives elsewhere within the body copy.

This is a standard paragraph. Most of the body copy will look like this. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus at posuere lectus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin lorem urna, vehicula nec tincidunt id, tempor id lacus. Donec rutrum a turpis vitae ornare. This is a standard in-content link. sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed volutpat euismod eros, at consequat odio vehicula id. Donec eleifend turpis nec erat vestibulum, non aliquet sem sagittis.

This standalone text link is used after a paragraph for a call to action r

This is what a list looks like when introduced it with an H4 Headline.

This is a standard list item.
This is a standard in-list/content link.
This is a standard list item. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus at posuere lectus.
This is a standard in-list/content link.

Here’s a standard H3 Headline (without the ‘.first’ class.) it has padding on the top and bottom.

Here’s an H4 Headline. It’s the fourth headline. Here is what it looks like when it wraps.

Here’s an H5. It's the fifth headline. Here is what it looks like when it wraps to multiple lines. Lorem ipsum dolor sit amet.

Here’s an H6. It’s the sixth headline. Here is what it looks like when it wraps to multiple lines. Lorem ipsum dolor sit amet.

H2 – Headlines & Copy

This is what these headlines look like when worked into the body copy. This is an H3.First. Any H3 that lines up with the red headline to the left has to have the class ‘.first’ to set the top padding to 0px.

This is a standard paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus at posuere lectus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin lorem urna, vehicula nec tincidunt id, tempor id lacus. Donec rutrum a turpis vitae ornare. This is a standard in-content link. sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed volutpat euismod eros, at consequat odio vehicula id. Donec eleifend turpis nec erat vestibulum, non aliquet sem sagittis.

Here’s an H4 Headline. It is the third headline. Here is what it looks like when it wraps.

Here’s an H5. It is the fifth headline. Here is what it looks like when it wraps to multiple lines. Lorem ipsum dolor sit amet.

Here’s an H6. It is the fifth headline. Here is what it looks like when it wraps to multiple lines. Lorem ipsum dolor sit amet.

H2 – Additional Page elements

Of course there are more kinds of in-page elements than just text styles. Here’s the rest:

Accordion Item A

This is a content headline for Accordion A. It’s a standard H5.

This is an accordion paragraph. It has extra padding that makes it sit within the accordion item. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus at posuere lectus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin lorem urna, vehicula nec tincidunt id, tempor id lacus.

Standalone Text Link r

This is a content headline for Accordion A. It’s a standard H5.

Standalone Text Link r

Accordion Item B

This is a content headline for Accordion B. It’s a standard H5.

Standalone Text Link r

This is a content headline for Accordion B. It’s a standard H5.

Standalone Text Link r

Accordion Item C

This is a content headline for Accordion C. It’s a standard H5.

Standalone Text Link r

This is a content headline for Accordion C. It’s a standard H5.

Standalone Text Link r

Accordion Item D

This is a content headline for Accordion D. It’s a standard H5.

Standalone Text Link r

This is a content headline for Accordion D. It’s a standard H5.

Standalone Text Link r

This is an H4 introducing an image.

This is an image without a caption below it.

5463aa21895960d5616d9c7b_Screen%20Shot%202014-11-12%20at%2011.39.11%20AM.png

This is an H4 introducing an image.

This image below has a caption.

5463ab429d93a2990f0bf426_Screen%20Shot%202014-11-12%20at%2011.39.23%20AM.png

This is an image caption. It tells you about the image to which it's attached.

Country requirements for graduate applicants

Type in the name of your country

Please note that while these requirements reference official credentials, only a scanned copy of the documents is required to be uploaded to the application system for the purposes of application review. Official, sealed paper credentials will be requested only from admitted applicants who intend to enroll at UIC.

Country: United Kingdom

Academic Credentials Required: Official transcript; official certification of degree and date awarded. Documents must be issued by the school with the official stamps and signature.

Academic Qualifications: 3-4 year bachelor (first degree). In some Scottish universities the first degree is a master's degree. 3 year 1st univ. degree from England or Wales or 4 year 1st univ. degree from Scotland.

English Proficiency Required? Yes

H1 Here—For Page Titles Only

Did you know?

Text Styles (this is an example of an H2)

Here, we establish the text styles that appear within content areas of the site. This is an H3.First Headline.

This is what a list looks like when introduced it with an H4 Headline.

Here’s a standard H3 Headline (without the ‘.first’ class.) it has padding on the top and bottom.

Here’s an H4 Headline. It’s the fourth headline. Here is what it looks like when it wraps.

Here’s an H5. It's the fifth headline. Here is what it looks like when it wraps to multiple lines. Lorem ipsum dolor sit amet.

Here’s an H6. It’s the sixth headline. Here is what it looks like when it wraps to multiple lines. Lorem ipsum dolor sit amet.

H2 – Headlines & Copy

This is what these headlines look like when worked into the body copy. This is an H3.First. Any H3 that lines up with the red headline to the left has to have the class ‘.first’ to set the top padding to 0px.

Here’s an H4 Headline. It is the third headline. Here is what it looks like when it wraps.

Here’s an H5. It is the fifth headline. Here is what it looks like when it wraps to multiple lines. Lorem ipsum dolor sit amet.

Here’s an H6. It is the fifth headline. Here is what it looks like when it wraps to multiple lines. Lorem ipsum dolor sit amet.

H2 – Additional Page elements

Of course there are more kinds of in-page elements than just text styles. Here’s the rest:

Accordion Item A

This is a content headline for Accordion A. It’s a standard H5.

This is a content headline for Accordion A. It’s a standard H5.

Accordion Item B

This is a content headline for Accordion B. It’s a standard H5.

This is a content headline for Accordion B. It’s a standard H5.

Accordion Item C

This is a content headline for Accordion C. It’s a standard H5.

This is a content headline for Accordion C. It’s a standard H5.

Accordion Item D

This is a content headline for Accordion D. It’s a standard H5.

This is a content headline for Accordion D. It’s a standard H5.

This is an H4 introducing an image.

This is an H4 introducing an image.

Country requirements for graduate applicants

Type in the name of your country

Related Resources