UT Tyler OU Campus

Responsive Design Template

Template Options, Design And Style

This page is an example of options that can be used for the UT Tyler website. Below is information about each section. Remember, each section is editable. Typically, a front page would have one or two added rows chosen from below.

Image Rotator or Slider (above)

  • The image rotator at the top of the page can be set up specifically for a department page.
  • Images can be supplied by the department.
  • OU Campus users can be given access to make updates to the image rotator.
  • Users can also have access to turn the image off on each page.
  • An image slider is also available for department front pages. Example of an image slider is viewable on the Admissions website.

Main Content

  • The main content on each page is required.
  • If specific styles are needed, such as a two row grid or three row grid, OU Campus users can work with the Web team to set these up.
  • Examples of two row grid and three row grid.

Yellow Row Section

  • This section can be turned on and off by OU Campus users. 
  • One row is used at a time.
  • Each section that you can choose from include:
    • Important Dates, Related Links, More Information/Buttons
    • Related Links, Related Links, More Information.
    • Image, More Information, Related Links.
    • Image, More Information, Buttons.
    • Related Links, Related Links, Related Links.
  • For specific information about editing the section, please work with a member of the Web team.

Four Column Section Without Color (White), Three Column Section With Color, Four Column Section With Color

  • This section is easily editable by OU Campus users and can be customized specifically for your needs.
  • The image can be removed, and only text used.
  • The text can be removed, and only image displayed.

Announcements 

  • Announcements white section and Announcements orange section can be added to the page. The section can be used with or without an image. Simply remove the image from the box. If a heading and/or subheading are not needed, remove from box. Always leave each cell/row in place.

Bookmark this page as we continue to add helpful information for OU Campus users.

 

Orange Announcement Section Header is Editable, Removable

bell tower

Sub-Header for Section Goes Here. If not needed, remove the text from the box.

Content for the orange row section goes here. This section does not support hyperlinks. You can use the white Announcements section if you would like to use bulletpoints for your content.

The section can include less text, or you can use this section for more content. Praesent vestibulum ec accumsan malesuada orci. Donec sit amet eros. Lorem ipsum dolor sit amet, conseapiscing elit. Mauris fermentum dictum magna.estie lacun nonummy. Hendrerit maurisellus porta

Duis ultricies pharetra magna. Donec accumsan malesuada orci. Donec sit amet eros. Lorem ipsum dolor sit amet, conseapiscing elit. Mauris fermentum dictum magna.

This is a title within the content

Duis ultricies pharetra magna. Donec accumsan malesuada orci. Donec sit amet eros. Lorem ipsum dolor sit amet, conseapiscing elit. Mauris fermentum dictum magna.

Praesent vestibulum estie lacun nonummy. hendrerit maurisellus porta. 

Duis ultricies pharetra magna. Donec accumsan malesuada orci. Donec sit amet eros. Lorem ipsum dolor sit amet, conseapiscing elit. Mauris fermentum dictum magna.

Hyperlink goes here, if needed.

Heading for Four Column No Color Section Heading Goes Here. Editable, Removable.

Description Goes Here

 Sub-title for this section

 Lorem ipsum dolor sit amet, conseetuer adipiscing elit. Praesent vestibulum estie lacun nonummy. hendrerit maurisellus porta. Fusce suscipit varius mi.

Where do you want to link this to?
Description Required

Sub-title for this section

Lorem ipsum dolor sit amet, conseetuer adipiscing elit. Praesent vestibulum estie lacun nonummy. hendrerit maurisellus porta. Fusce suscipit varius mi.

Where do you want to link this to?
add description here

Sub-title for this section

Lorem ipsum dolor sit amet, conseetuer adipiscing elit. Praesent vestibulum estie lacun nonummy. hendrerit maurisellus porta. Fusce suscipit varius mi.

Where do you want to link this to?
add description

Sub-title for this section

Lorem ipsum dolor sit amet, conseetuer adipiscing elit. Praesent vestibulum estie lacun nonummy. hendrerit maurisellus porta. Fusce suscipit varius mi.

Where do you want to link this to?

Important Dates

Loading... Loading Events...

More Information

  • Section TitlePercipit abhorrent at eos, sit viris quando ex, omnis laudem dugo in. Sea sumo probo graecis an, eos dicit viris possit id. Id mel uon ad. Autem eripuit ving eu, et feugait adversarium sea. Lorem dolores pri at, sumem quo ei. dddLearn More...
  •  

Three Column Section Heading Goes Here. Editable, Removable.

Description of Image Goes Here

Subheading Without Hyperlink

Lorem ipsum dolor sit amet, conseetuer adipiscing elit. Praesent vestibulum estie lacun nonummy. hendrerit maurisellus porta. Fusce suscipit varius mi.

Where do you want to link this to?
Description of Image Goes Here

Subheading  With Hyperlink

Lorem ipsum dolor sit amet, conseetuer adipiscing elit. Praesent vestibulum estie lacun nonummy. hendrerit maurisellus porta. Fusce suscipit varius mi.

Where do you want to link this to?
Description of Image Goes Here

Subheading

Lorem ipsum dolor sit amet, conseetuer adipiscing elit. Praesent vestibulum estie lacun nonummy. hendrerit maurisellus porta. Fusce suscipit varius mi.

Where do you want to link this to?

Four Column Section Heading Goes Here. Editable, Removable.

Subheading, no hyperlink. Can be removed from box.

orem ipsum dolor sit amet, conseetuer adipiscing elit. Praesent vestibulum estie lacun nonummy. hendrerit maurisellus porta. Fusce suscipit varius mi.

Where do you want to link this to?

Subheading with hyperlink

Lorem ipsum dolor sit amet, conseetuer adipiscing elit. Praesent vestibulum estie lacun nonummy. hendrerit maurisellus porta. Fusce suscipit varius mi.

Where do you want to link this to?

Subheading with hyperlink

Lorem ipsum dolor sit amet, conseetuer adipiscing elit. Praesent vestibulum estie lacun nonummy. hendrerit maurisellus porta. Fusce suscipit varius mi.

Where do you want to link this oo?

Subheading, no hyperlink

Lorem ipsum dolor sit amet, conseetuer adipiscing elit. Praesent vestibulum estie lacun nonummy. hendrerit maurisellus porta. Fusce suscipit varius mi.

Where do you want to link this to?

White Announcements Section Heading Goes Here. Editable, Removable.

description here

Sub-title for this section

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent veum moltie lacus. Aenean nonummy hendrerit ridiculous mus. Nulla dui. Fusce feugiat malesuada odio. Morbi nunc odio, gida at, curs nec, luctus a, lorem.

  • Link or hyperlink
  • Something
  • Something
  • consectetuer adipiscing elit. Praesent veum moltie lacus.

Fusce feugiat malesuada odio. Morbi nunc odio, gida at, curs nec, luctus a, lorem.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent veum moltie lacus. Aenean nonummy hendrerit ridiculous mus. Nulla dui. Fusce feugiat malesuada odio. Morbi nunc odio, gida at, curs nec, luctus a, lorem.

Hyperlink