TTU Web Style Guide


Headings

Headings are intended to assist  your audience find relevant information by providing structure to your web document.

Heading 1:
<h1>Example Heading 1</h1>

Used to establish the overall subject of the page, your <h1> is generated on page creation and is editable under the page properties.

Heading 1

Heading 2:
<h2>Example Heading 2</h2>

Used to create discrete sub sections within the body of your document.


Heading 2

Heading 3:
<h3>Example Heading 3</h3>

Further subdivides your web content by providing even more granular headings for an existing sub section.

Heading 3

Heading 4: 
<h4>Example Heading 4</h4>

Use to create headings for your optional right sidebar content.

Heading 4

Heading 5:
<h5>Example Heading 5</h5>

Use to help call attention to important content.

Heading 5

Heading 6:
<h6>Example Heading 6</h6>

Use to help call attention to important content.

Heading 6

Buttons and Links

<a class="button"> 

Useful for form elements or to control some dynamic action on your site, this class can be added to either anchor or button tags.

<a class="btnlink">

Useful for navigation elements within the page content area or to call attention to important links, this class is best used within a column to help control the button's width.

<a class="external">

Use to indicate the link points to a site or resource that is not under the umbrella of Texas Tech University.

<a class="mail">

Use to indicate the link is an email address.

<a class="pdf">

Use to indicate the link is a .pdf file.


Additional Classes

<div class="callout">

This callout class is used highlight important information on the page. Examples: warnings, announcements, and disclaimers.

Example Callout