# Fullwidth + typography

## Some awesome subtitle

# Heading 1

And as the day advanced & the engine drivers and stokers refused to return to London, the pressure of the flight drove the people in an ever-thickening multitude away from the stations and along the northward-running roads. By midday a Martian had been seen at Barnes, and a cloud of slowly sinking black vapour drove along the Thames and across the flats of Lambeth, cutting off all escape over the bridges in its sluggish advance.

## Heading 2

So he got out of the fury of the panic, and, skirting the Edgware Road, reached Edgware about seven, fasting and wearied, but well ahead of the crowd. Along the road people were standing in the roadway, curious, wondering. He was passed by a number of cyclists, some horsemen, and two motor cars. A mile from Edgware the rim of the wheel broke, and the machine became unridable.

### Heading 3

It was perhaps a vague idea of making his way to Chelmsford, where some friends of his lived, that at last induced my brother to strike into a quiet lane running eastward. Presently he came upon a stile, and, crossing it, followed a footpath northeastward. He passed near several farmhouses and some little places whose names he did not learn.

#### Heading 4

For a time he remained in Edgware not knowing what next to do. The flying people increased in number. Many of them, like my brother, seemed inclined to loiter in the place. There was no fresh news of the invaders from Mars.

##### Heading 5

At that time the road was crowded, but as yet far from congested. Most of the fugitives at that hour were mounted on cycles, but there were soon motor cars, hansom cabs, and carriages hurrying along, and the dust hung in heavy clouds along the road to St. Albans.

###### Heading 6

These are superscript and subscript. One of the ladies, a short woman dressed in white, was simply screaming; the other, a dark, slender figure, slashed at the man who gripped her arm with a whip she held in her disengaged hand.

###### Unordered/ordered lists

- Lorem ipsum dolor sit amet
  - Nested list
  - Ad litora torquent per
    - Nested list
    - Ad litora torquent per
- Class aptent taciti sociosqu
- Ad litora torquent per

###### Bulleted lists

- Red bullets list
- Class aptent taciti sociosqu
- Ad litora torquent per

- Green bullets list
- Class aptent taciti sociosqu
- Ad litora torquent per

- Blue bullets list
- Class aptent taciti sociosqu
- Ad litora torquent per

###### Ordered list

1. This is a ordered list
2. This is a list
3. This is a list
   1. This is a ordered list
   2. This is a list
   3. This is a list
   4. This is a list
4. This is a list

###### Definition list

A definition list — this is <dt>
  A definition list — this is <dd> element. A definition list — this is <dd> element. A definition list — this is <dd> element. A definition list — this is <dd> element.
A definition list — this is <dt>
  A definition list — this is <dd> element. A definition list — this is <dd> element. A definition list — this is <dd> element. A definition list — this is <dd> element.
A definition list — this is <dt>
  A definition list — this is <dd> element. A definition list — this is <dd> element. A definition list — this is <dd> element. A definition list — this is <dd> element.

This is info message
This is success message
This is warning message
This is error message

###### Text elements

This is bold and strong
This is emphasis
This is bold text
This is italic text
This is cite and quote tag
This is small text
This is deleted text
This is inserted text
This is abbreviation
This is defining instance
This is variable and `sample output`
This is inline quote
These are superscript and subscript

###### Pullquotes

And as the day advanced & the engine drivers and stokers refused to return to London, the pressure of the flight drove the people in an ever-thickening This is pullquote left. By midday a Martian had been seen at Barnes, and a cloud of slowly sinking black vapour.multitude away from the stations and along the northward-running roads. By midday a Martian had been seen at Barnes, and a cloud of slowly sinking black vapour drove along the Thames and across the flats of Lambeth, cutting off all escape over the bridges in its sluggish advance. And as the day advanced & the engine drivers and stokers refused to return to London, the pressure of the flight drove the people in an ever-thickening multitude away from the stations and along the northward-running roads. By midday a This is pullquote right. By midday a Martian had been seen at Barnes, and a cloud of slowly sinking black vapour. Martian had been seen at Barnes, and a cloud of slowly sinking black vapour drove along the Thames and across the flats of Lambeth, cutting off all escape over the bridges in its sluggish advance.

> This is a blockquote. Phasellus imperdiet, ligula ac vestibulum tempor, lectus orci tempor leo, in ullamcorper lectus leo ornare mauris. Nulla augue magna, rutrum consectetur facilisis facilisis, egestas et risus. —Author

###### Buttons

Small button Big button
Action button

###### Tables

A test table with a caption, thead, tfoot, and tbody elements
Date | User | Info | Description
--- | --- | --- | ---
Footer information phasellus imperdiet, ligula ac vestibulum tempor
lorem ipsum | lorem ipsum | lorem ipsum | lorem ipsum
lorem ipsum | lorem ipsum | lorem ipsum | lorem ipsum
lorem ipsum | lorem ipsum | lorem ipsum | lorem ipsum
lorem ipsum | lorem ipsum | lorem ipsum | lorem ipsum
lorem ipsum | lorem ipsum | lorem ipsum | lorem ipsum

###### Code/Pre tags

`// code var basefont=$('#basefont').val() * 1; // lineheight - 18px var lineheight=$('#lineheight').val() * 1; // calculated line height: (1.5) var baseheight=lineheight / basefont; $('#baseheight').html(Round(baseheight));`

    // preformatted
    var basefont=$('#basefont').val() * 1;
    // lineheight - 18px
    var lineheight=$('#lineheight').val() * 1;
    // calculated line height: (1.5)
    var baseheight=lineheight / basefont;
    $('#baseheight').html(Round(baseheight));