H5BP UI Documentation

This documentation is built using the H5BP UI template toolkit and the simple default theme.

Typography

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m.

Address: somewhere, world

The a element example
The abbr element and abbr element with title examples
The b element example
The cite element example
The code element example
The del element example
The dfn element and dfn element with title examples
The em element example
The i element example
The img element example
The ins element example
The kbd element example
The mark element example
The q element inside a q element example
The s element example
The samp element example
The small element example
The span element example
The strong element example
The sub element example
The sup element example
The var element example
The u element example

Code

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et me.
<html>
<head>
</head>
<body>
    <div class="main"> <div>
</body>
</html>

Blockquotes

Some sort of famous witty quote marked up with a <blockquote> and a child <p> element.

Even better philosophical quote marked up with just a <blockquote> element.

Ordered lists

  1. list item 1
  2. list item 1
    1. list item 2
    2. list item 2
      1. list item 3
      2. list item 3
    3. list item 2
    4. list item 2
  3. list item 1
  4. list item 1

Unordered lists

Description lists

Description name
Description value
Description name
Description value
Description value
Description name
Description name
Description value

Forms

Tables

Default table

Anthropomorphic primates
Binomial name Cranial capacity Temporal range
Binomial name Cranial capacity Description
Sahelanthropus tchadensis 320–380 cm3 Late Miocene
Australopithecus afarensis 380–430 cm3 Pliocene
Paranthropus boisei 500–550 cm3 Pliocene-Pleistocene
Homo ergaster 700–900 cm3 Early Pleistocene
Homo floresiensis 380 cm3 Late Pleistocene

Bordered table

Anthropomorphic primates
Binomial name Cranial capacity Temporal range
Binomial name Cranial capacity Description
Sahelanthropus tchadensis 320–380 cm3 Late Miocene
Australopithecus afarensis 380–430 cm3 Pliocene
Paranthropus boisei 500–550 cm3 Pliocene-Pleistocene
Homo ergaster 700–900 cm3 Early Pleistocene
Homo floresiensis 380 cm3 Late Pleistocene

Buttons

Link button

Large

Link button

Icons

Media object

A little bit of content

A lot of content.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis quis adipiscing est. Curabitur vel dui dolor. Vestibulum molestie fermentum diam, nec interdum ante molestie ut.

Duis quis adipiscing est. Curabitur vel dui dolor. Vestibulum molestie fermentum diam, nec interdum ante molestie ut. Integer consequat iaculis auctor. Duis vitae felis ligula, ultrices blandit dolor.


Deep nesting of media objects within other media objects.
1234567 updated license
1234567 updated min file
1234567 adding features
14 more commits >

Media grid

Dropdowns

Open
Options show

Tabs

Tab 1 content
Tab 2 content
Tab 3 content
Tab 4 content

Accordions