Skip to content


Headings are some of the most important elements thoughout your page. A page should contain only a single h1 element, which is given the most importance. Headings should be used like a heirarchy defining the sections thoughout your page.

1st Level Heading

2nd Level Heading

3rd Level Heading

4th Level Heading

5th Level Heading
6th Level Heading

Horizontal lines also have a nice default style:

You can use inline elements to markup your text including:

anchor, strong or bold, emphasis or italics, insert or underline, delete or strike, abbr or definition, sub or sup, small, and mark.

Use blockquote elements for something someone once said. Someone

Here's a few more paragraphs with some lorem ipsum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam risus lorem, efficitur malesuada magna vel, pretium blandit diam. Morbi quis porttitor justo, quis condimentum dolor.

Suspendisse potenti. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse vitae purus sit amet mauris commodo sagittis mattis vitae mi. Cras ultrices metus at ligula congue tempor.

Donec sit amet eleifend massa, quis porttitor mi. Phasellus sed urna ante. In hac habitasse platea dictumst. Integer porttitor lacus ante, ac tristique tortor ultrices a. Fusce at venenatis massa.

Use code elements to automatically highlight inline code alert('Hello, world!'); or use a code element wrapped inside of a pre element for blocks of code.

function sayHello(hello) {
  hello = hello === undefined ? 'Hello, world!' : hello;
Intro Type Lists Tables Forms Grid Download