Main Content Region Elements

The design elements listed here should be used only in the main content region.

Main Content Region

The “main content region” is the section where you add the main body copy text. You can also add design snippets to the main content region; however, images are not required. Listed below are links to informational pages about each design snippet intended to be used within the main content region.

Accordion

With the Accordion snippet, you can add text content within an expandable drop-down window.

Frequently Asked Questions

Come up with answer.

Make your answers as brief as possible to help users scan the page and find answers quickly.


Blockquote Callout

With the Blockquote Callout snippet, you can highlight a relevant quote for your webpage.

“ Making every page or screen self-evident is like having good lighting in a store: it just makes everything seem better. ”

Steve Krug, Usability Expert and Author

Button Callout

The Button Callout snippet — there are three variations small, medium and large.

Start your application today for fall 2021.

How to Apply

About TU programs and admission.

Request Information

Want to learn more about the application process? We'd love to help answer your questions about TU programs and how to apply.

Learn More about Applying to TU Request Information

Contact List Callout

Use the Contact List Callout snippet to provide contact information for staff members on a staff listing page.

John Doe

he/him/his

Program Coordinator

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.


Content Link Block Callout

With the Content Link Block Callout snippet, you can highlight a featured content link with a brief headline and photo.


Event Update Block Callout

The Event Update Block Callout snippet allows text-based content to be presented in a subtle but attractive design that’s more noticeable than plain text.

Faculty Panel Discussion

Join us for Educating in the Digital Age, the first in a series of faculty panel discussions on technology, education and the evolution of traditional classroom learning. The event will be followed by a brief Q&A session with refreshments to follow.

The Teaching Forum: Educating in the Digital Age
September 28, 8 - 11 p.m.
Stephens Hall Theatre


Forms

Review the Forms page for specific recommendations on adding these.


Highlighted Content Callout

The Highlighted Content Callout snippet is a text-based design snippet that gives you the flexibility of adding multiple links and header formatting options.

Report an incident

Help Protect TU from Cybercrimes

Received a suspicious email? Do you suspect that your TU or email account has been accessed without authorization? Report It 

Is Your Computer Infected with a Virus? 

The Office of Technology Services will help clean infected computers. Contact Student Computing Services or the Faculty/Staff Help Center.   


Image Block Hero (w/Caption)

The Image Block Hero (w/Caption) snippet is used for a horizontal photo placed at the top of a webpage.

Stephens Hall
Captions are optional for a top hero image and should be brief. 

Image Block Left or Right (w/Caption)

Another option for using photography on your webpages is to place photos within a paragraph of text. The Image Block Left (w/Caption) and Image Block Right (w/Caption) snippet allows you to add a photo that is left- or right-justified with text that flows around the image.

Student in class
Optional captions for this snippet should be brief.

The Image Block Left (w/Caption) and Image Block Right (w/Caption) snippet allows you to add a photo that is left- or right-justified with text that flows around the image.

 

 

 

 

TU music student playing a trumpet
Optional captions for this snippet should be brief.

The Image Block Left (w/Caption) and Image Block Right (w/Caption) snippet allows you to add a photo that is left- or right-justified with text that flows around the image.


In-Content Carousel Block Callout

The In-Content Carousel Block Callout snippet allows you to showcase a gallery of images with a header, a descriptive caption and an optional link.


In-Content Carousel Gallery

The In-Content Carousel Gallery snippet allows you to showcase a gallery of 3-5 images at the top of your webpage with an optional caption link.


Repeatable Visual List Block Callout

The Repeatable Visual List Block Callout snippet is used to display a list of content with a photo, header, brief text and an optional link.

Photo of an Eastern White Pine

1. Eastern White Pine

Eastern white pine (Pinus strobus) is tall with needles in clusters of five and cones without sharp points.

Eastern White Pine
Loblolly pine

2. Loblolly Pine

Loblolly pine (Pinus taeda) has needles in clusters of three and cones with sharp, out-curved prickles.

Loblolly Pine

Step List

The Step List snippet allows you to organize information into a sequential list of steps that allows for a more graphic treatment than a simple bulleted number list.

1

Complete your application.

A $45 non-deferrable, non-refundable fee is required with your application. Students applying with a fee waiver will have the option to choose the type of fee waiver.

Apply Now

2

Send official documents.

Transcripts should be sent from ALL of your previous institutions via electronic services (Parchment, Clearinghouse, etc.) or by postal mail to University Admissions.

3

Review screened majors.

Review screened majors and discover if there are additional requirements for the major you wish to study.


Tables

Review the Tables page for specific recommendations on adding this snippet.

Table Header 1 Table Header 2
Tabular content Tabular content
Tabular content Tabular content
Tabular content Tabular content

Video

With the Video component, you can add an embedded video and video title to a webpage.