Layouts

...

Table

Review and update the custom attributes used across all elements in the table that make it accessible for screen readers and equivalent to a traditional <table> element. For example, on the table-grid, element you must set the specific count of rows and columns, as well as give the table a name.

Size
Heading
Heading
Heading
Heading
Cell
Cell
Cell
Heading
Cell
Cell
Cell
Heading
Cell
Cell
Cell
Heading
Cell
Cell
Cell
Heading
Cell
Cell
Cell

Testimonials

Ways to call out testimonials from social channels, direct customers, etc.

Twitter Card Color

First lastname
Title
Twitter logo

Nulla quis lorem ut libero malesuada feugiat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia.

Twitter Card White

First lastname
Title
Twitter logo

Nulla quis lorem ut libero malesuada feugiat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia.

Full Width Testimonial v1

Enterprise
"Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Nulla quis lorem ut libero malesuada feugiat. Nulla quis lorem ut libero malesuada feugiat."
First lastname
Title

Tabs

When using the tabs component, you should copy from u-position-relative. This entire block can then be copied in to a section that has position set to relative or add a combo class of u-position-relative to a section class.

Add headline

  • List item goes here
  • List item goes here
  • List item goes here

Add headline

  • List item goes here
  • List item goes here
  • List item goes here

Add headline

  • List item goes here
  • List item goes here
  • List item goes here