{namespace sg = TYPO3\CMS\Styleguide\ViewHelpers} **************************************** Typography ****************************************

Typography

h1. This is a very large header.

h2. This is a large header.

h3. This is a medium header.

h4. This is a moderate header.

h5. This is a small header.
h6. This is a tiny header.

This is a paragraph. Paragraphs are preset with a font size, line height and spacing to match the overall vertical rhythm. To show what a paragraph looks like this needs a little more content so, did you know that there are storms occurring on Jupiter that are larger than the Earth? Pretty cool. Wrap "strong" around type to make it bold!. You can also "em" to italicize your words.

Links are very standard, and the color is preset to the Foundation primary color.

**************************************** Panel ****************************************
Basic panel with content.
**************************************** Table ****************************************
Table Header Table Header Table Header Table Header
Content Goes Here This is longer content Donec id elit non mi porta gravida at eget metus. Content Goes Here
This is longer Content Goes Here Donec id elit non mi porta gravida at eget metus. Content Goes Here Content Goes Here
This is longer Content Goes Here Donec id elit non mi porta gravida at eget metus. Content Goes Here Content Goes Here
**************************************** Flashmessages ****************************************

Flash messages

**************************************** Lists ****************************************

Lists

Lists are helpful for, well, lists of things.

  • List item with a much longer description or more content.
  • List item
  • List item
    • Nested List Item
    • Nested List Item
    • Nested List Item
  • List item
  • List item
  • List item
  • List item with a much longer description or more content.
  • List item
  • List item
    • Nested List Item
    • Nested List Item
    • Nested List Item
  • List item
  1. List Item 1
  2. List Item 2
  3. List Item 3
Definition List
Definition Cras justo odio, dapibus ac facilisis in, egestas eget quam. Nullam id dolor id nibh ultricies vehicula ut id elit.
**************************************** Blockquotes ****************************************

Blockquotes

Sometimes other people say smart things, and you may want to mention that through a blockquote callout. We've got you covered.

I do not fear computers. I fear the lack of them. Maecenas faucibus mollis interdum. Aenean lacinia bibendum nulla sed consectetur.Isaac Asimov
**************************************** Pagination ****************************************

Pagination

**************************************** Breadcrumbs ****************************************

Breadcrumbs

**************************************** Buttons ****************************************

Buttons

Default Button Tiny Button Small Button Large Button Secondary Button Success Button Alert Button Radius Button Round Button Disabled Button

Click menu

 Show
 Edit
 New
 Info
 Copy
 Cut
More options...
 Unhide
 Visibility settings
 Delete
 History/Undo