One Column - Restricted Width

There’s no reason we can’t use this unless AITS just hates us. Here’s a welcome paragraph. It has larger text, taller line height, is centered, and is restricted to a particular maximum width. There were at least two parallel-universes where there were evil counterparts of the Justice League of America.

Here is a heading for the split image

And this is a sub-heading

Here is a supporting paragraph for this important content component.

A labeled button

Here is a heading for the split image

And this is a sub-heading

Here is a supporting paragraph for this important content component.

A labeled button

Here is a heading for the split image

And this is a sub-heading

Here is a supporting paragraph for this important content component.

A labeled button

Here is a heading for the split image

And this is a sub-heading

Here is a supporting paragraph for this important content component.

A labeled button

Here is a heading for the split image

And this is a sub-heading

Here is a supporting paragraph for this important content component.

A labeled button

Here is a heading for the split image

And this is a sub-heading

Here is a supporting paragraph for this important content component.

A labeled button

Aliquam cursus sollicitudin risus, a ornare lectus imperdiet a. In ante ipsum, eleifend vitae lacinia ut, porta quis est. Suspendisse dictum justo vitae nibh pulvinar malesuada. Maecenas in tincidunt nulla, nec rhoncus turpis. Etiam pharetra sodales mauris et ultricies. Nulla non ligula egestas enim molestie laoreet ac ut neque. Vestibulum nisi felis, congue quis libero eu, facilisis porta nisi. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Donec id felis tortor.

Happy happy. Here’s an intro pragraph. There were at least two parallel-universes where there were evil counterparts of the Justice League of America. The oldest of these was Earth-Three, which had a group of five villains that went by the name Crime Syndicate of America.

Tabs

These are accessible tabs with minimal CSS styling. Information on what qualifies horizontal or vertical tabs as accessible can be found in the article W3 Example of Tabs with Manual Activation.

The files tabs.js and tabs.css contain the javascript and styling (respectively) for tabs.

There are two types of horizontal tabs, and one type of vertical tab. These different styles can be switched with simple css classes.

Horizontal tabs (default)
- Rounded corner tabs (default)
  - UNT green .green
  - UNT chartreuse .lime
  - Gray .green
- Full-width tabs .fullwidth-tab
Vertical tabs .vertical

These styles should be applied to the main tabs wrapper, e.g.:

<div class="tabs lime" id="tablist1">

Tabs

These are accessible tabs with minimal CSS styling. Information on what qualifies horizontal or vertical tabs as accessible can be found in the article W3 Example of Tabs with Manual Activation.

The files tabs.js and tabs.css contain the javascript and styling (respectively) for tabs.

There are two types of horizontal tabs, and one type of vertical tab. These different styles can be switched with simple css classes.

Horizontal tabs (default)
- Rounded corner tabs (default)
  - UNT green .green
  - UNT chartreuse .lime
  - Gray .green
- Full-width tabs .fullwidth-tab
Vertical tabs .vertical

These styles should be applied to the main tabs wrapper, e.g.:

<div class="tabs lime" id="tablist1">

Tabs

These are accessible tabs with minimal CSS styling. Information on what qualifies horizontal or vertical tabs as accessible can be found in the article W3 Example of Tabs with Manual Activation.

The files tabs.js and tabs.css contain the javascript and styling (respectively) for tabs.

There are two types of horizontal tabs, and one type of vertical tab. These different styles can be switched with simple css classes.

Horizontal tabs (default)
- Rounded corner tabs (default)
  - UNT green .green
  - UNT chartreuse .lime
  - Gray .green
- Full-width tabs .fullwidth-tab
Vertical tabs .vertical

These styles should be applied to the main tabs wrapper, e.g.:

<div class="tabs lime" id="tablist1">

Tabs

These are accessible tabs with minimal CSS styling. Information on what qualifies horizontal or vertical tabs as accessible can be found in the article W3 Example of Tabs with Manual Activation.

The files tabs.js and tabs.css contain the javascript and styling (respectively) for tabs.

There are two types of horizontal tabs, and one type of vertical tab. These different styles can be switched with simple css classes.

Horizontal tabs (default)
- Rounded corner tabs (default)
  - UNT green .green
  - UNT chartreuse .lime
  - Gray .green
- Full-width tabs .fullwidth-tab
Vertical tabs .vertical

These styles should be applied to the main tabs wrapper, e.g.:

<div class="tabs lime" id="tablist1">

Table

Table Caption
Here's the table heading	Heading 2
Content 1	Content 2
More Content	Even more
Look content	Looky here
Intentional copy	Some Copy

Table

Table Caption
Here's the table heading	Heading 2
Content 1	Content 2
More Content	Even more
Look content	Looky here
Intentional copy	Some Copy

Table

Table Caption
Here's the table heading	Heading 2
Content 1	Content 2
More Content	Even more
Look content	Looky here
Intentional copy	Some Copy

Table

Table Caption
Here's the table heading	Heading 2
Content 1	Content 2
More Content	Even more
Look content	Looky here
Intentional copy	Some Copy

Table

Table Caption
Here's the table heading	Heading 2
Content 1	Content 2
More Content	Even more
Look content	Looky here
Intentional copy	Some Copy

Table

Table Caption
Here's the table heading	Heading 2
Content 1	Content 2
More Content	Even more
Look content	Looky here
Intentional copy	Some Copy

Table

Table Caption
Here's the table heading	Heading 2
Content 1	Content 2
More Content	Even more
Look content	Looky here
Intentional copy	Some Copy

Table

Table Caption
Here's the table heading	Heading 2
Content 1	Content 2
More Content	Even more
Look content	Looky here
Intentional copy	Some Copy

I wanted this to be part of something larger. On one end of the spectrum, we've heard the implication that my candidacy is somehow an exercise in affirmative action; that it's based solely on the desire of wide-eyed liberals to purchase racial reconciliation on the cheap. I am honored to be in the timeless city of Cairo, and to be hosted by two remarkable institutions.

President Barack Obama A Speech from Sometime

I wanted this to be part of something larger. On one end of the spectrum, we've heard the implication that my candidacy is somehow an exercise in affirmative action; that it's based solely on the desire of wide-eyed liberals to purchase racial reconciliation on the cheap. I am honored to be in the timeless city of Cairo, and to be hosted by two remarkable institutions.

President Barack Obama A Speech from Sometime

I wanted this to be part of something larger. On one end of the spectrum, we've heard the implication that my candidacy is somehow an exercise in affirmative action; that it's based solely on the desire of wide-eyed liberals to purchase racial reconciliation on the cheap. I am honored to be in the timeless city of Cairo, and to be hosted by two remarkable institutions.

President Barack Obama A Speech from Sometime

I wanted this to be part of something larger. On one end of the spectrum, we've heard the implication that my candidacy is somehow an exercise in affirmative action; that it's based solely on the desire of wide-eyed liberals to purchase racial reconciliation on the cheap. I am honored to be in the timeless city of Cairo, and to be hosted by two remarkable institutions.

President Barack Obama A Speech from Sometime

Vue Markdown isn't working properly

MUST GET VUE MARKDOWN PLUS WORKING This is obviously not working properly. We need to check it out.

Another Heading