Styleguide

Header Examples (h2)

Third-Level Header (h3)

Fourth-Level Header (h4; currently not an official CMS option)

Fifth-Level Header (h5; currently not an official CMS option)

To protect your privacy, we did not automatically load the video The Story of YouthPass. Part I from Youtube / Google Ireland Limited. When you load this video, personal data (like your IP-address) may be transferred to Youtube / Google Ireland Limited.

Load the video

To protect your privacy, we did not automatically load the leaflet Youthpass in Youth Exchanges from Flipsnack. When you load this leaflet, personal data (like your IP-address) may be transferred to Flipsnack.

Load the leaflet

The main page header of this guide is an   h1   element. Please reserve   h1   for individual page titles only.

The header above is an   h3   element, which may be used for any form of page-level header which falls below the   h2   header in a document hierarchy. More than one may be used per page.

Third-Level Header (h3)

The header above is an   h4   element, which may be used for any form of page-level header which falls below the   h3   header in a document hierarchy. More than one may be used per page.

Paragraphs

All paragraphs are wrapped in    p    tags.

It's always good to use paragraphs if you have lots of text. Your user likes that. And google, too.

Quotes

Additionally,    p    elements can be wrapped with a    blockquote    element if the    p    element is indeed a quote. Historically,    blockquote    has been used purely to force indents, but this is now achieved using    CSS   . Reserve    blockquote    for quotes. Here’s an example of correct usage:

I trust fear. fear only exists for one purpose; to be conquered.

Inline Text

There's also are a number of inline    HTML   elements you may use anywhere within other elements, including    abbr   , del, em and strong.

Links

This is a super cool textlink

This is a download link (225,31 kB, gif)

Images

Bacon ipsum dolor amet ham hock spare ribs landjaeger doner ground round flank ball tip turducken salami alcatra filet mignon picanha drumstick fatback. Jerky pancetta leberkas sirloin alcatra. Kielbasa prosciutto pork bacon turkey beef frankfurter leberkas beef ribs pork loin shank alcatra tenderloin meatloaf. Tail kevin shank ball tip meatloaf, capicola ham hock ham sausage boudin. Meatloaf frankfurter beef, rump swine venison cow corned beef kielbasa biltong jowl shoulder pork belly.

Pork chop hamburger strip steak short loin. Kielbasa sausage pancetta pork chop porchetta boudin t-bone biltong tri-tip kevin swine. Biltong tongue ball tip ham hock ham filet mignon doner swine flank. Pork turkey bresaola brisket, leberkas kielbasa alcatra ground round. Pancetta cow flank ham hock chuck swine spare ribs kevin short loin. Filet mignon shankle corned beef drumstick tail jerky. Leberkas porchetta meatloaf, beef ribs kielbasa kevin corned beef flank ham tail ribeye short loin biltong shank.

Lists

• This is an unordered list.
• It has two items.

1. This is an ordered list.
2. It has two items.
3. No, I lied, it has three.

Tables

A table only be as wide as its content, unless you define a width of 100%.

A Line

Buttons

PrimarySecondaryLink as button