# Easy front-end framework

# H1 Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut convallis dui nec eros varius ac molestie ante malesuada. Duis sed justo et sem hendrerit suscipit et ac eros.

Aliquam suscipit sodales sapien eu egestas. Nulla laoreet sem ac diam suscipit condimentum. Vestibulum tempor odio iaculis enim cursus pharetra faucibus dui lobortis. Pellentesque at nisl nibh.

> Aliquam hendrerit accumsan porta. Nam vehicula eleifend sem eu pellentesque.

Donec aliquam cursus tortor, faucibus lobortis convallis. Integer pharetra consequat felis, id malesuada metus vulputate a. Nunc ut magna massa. Donec commodo odio a ligula varius id vulputate nulla tristique. Suspendisse et egestas dolor. Aliquam hendrerit accumsan porta. Nam vehicula eleifend sem eu pellentesque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec in lacus nec justo porta congue id vel magna.

    pre{
    	padding:1em 2em;
    	background:#f1f1f1;
    	}

Table caption
Table header | Table header | Table header
--- | --- | ---
Table footer | Table footer | Table footer
Table data | Table data | Table data
Table data | Table data | Table data

Vivamus nunc tortor, consequat in porta nec, suscipit lacinia dui. Nulla viverra bibendum nisi, sit amet ullamcorper nibh euismod at.

## H2 Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris et lacus lectus, ut sodales lectus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

- Lorem ipsum dolor sit amet
  - Lorem ipsum dolor sit amet
  - Consectetur adipiscing elit
  - Class aptent taciti sociosqu
  - Ad litora torquent per
- Consectetur adipiscing elit
- Class aptent taciti sociosqu
- Ad litora torquent per

Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer a orci orci. Morbi dignissim pharetra nulla, vitae sollicitudin sapien tristique in. Donec quis nulla magna, ac mattis ligula. Ut rhoncus porttitor magna quis pulvinar.

Read more...

1. Lorem ipsum dolor sit amet
   1. Lorem ipsum dolor sit amet
   2. Consectetur adipiscing elit
   3. Class aptent taciti sociosqu
   4. Ad litora torquent per
2. Consectetur adipiscing elit
3. Class aptent taciti sociosqu
4. Ad litora torquent per

Nullam in dui ac tellus consequat iaculis. Donec faucibus imperdiet leo, et commodo odio posuere sed. Morbi a erat est.

Consectetur adipiscing elit
  Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia
Ad litora torquent per
  Ut rhoncus porttitor magna quis pulvinar. Nullam in dui ac tellus consequat iaculis.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris et lacus lectus, ut sodales lectus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

Nullam in dui ac tellus consequat iaculis. Donec faucibus imperdiet leo.

Vivamus nunc tortor, consequat in porta nec, suscipit lacinia dui. Nulla viverra bibendum nisi, sit amet ullamcorper nibh euismod at. Integer vehicula tempor metus eu dignissim. Curabitur lobortis quam vestibulum risus sodales mattis. Nulla lacinia tortor vitae erat lobortis sit amet semper lectus accumsan.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris et lacus lectus, ut sodales lectus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

Vivamus nunc tortor, consequat in porta nec, suscipit lacinia dui. Nulla viverra bibendum nisi, sit amet ullamcorper nibh euismod at. Integer vehicula tempor metus eu dignissim. Curabitur lobortis quam vestibulum risus sodales mattis. Nulla lacinia tortor vitae erat lobortis sit amet semper lectus accumsan.

Nullam in dui ac tellus consequat iaculis. Donec faucibus imperdiet leo.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris et lacus lectus, ut sodales lectus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

Vivamus nunc tortor, consequat in porta nec, suscipit lacinia dui. Nulla viverra bibendum nisi, sit amet ullamcorper nibh euismod at. Integer vehicula tempor metus eu dignissim. Curabitur lobortis quam vestibulum risus sodales mattis. Nulla lacinia tortor vitae erat lobortis sit amet semper lectus accumsan.

### Column 1

Vivamus nunc tortor, consequat in porta nec, suscipit lacinia dui. Nulla viverra bibendum nisi, sit amet ullamcorper nibh euismod at. Integer vehicula tempor metus eu dignissim. Curabitur lobortis quam vestibulum risus sodales mattis. Nulla lacinia tortor vitae erat lobortis sit amet semper lectus accumsan.

### Column 2

Vivamus nunc tortor, consequat in porta nec, suscipit lacinia dui. Nulla viverra bibendum nisi, sit amet ullamcorper nibh euismod at. Integer vehicula tempor metus eu dignissim. Curabitur lobortis quam vestibulum risus sodales mattis. Nulla lacinia tortor vitae erat lobortis sit amet semper lectus accumsan.

### Column 1

Vivamus nunc tortor, consequat in porta nec, suscipit lacinia dui. Nulla viverra bibendum nisi, sit amet ullamcorper nibh euismod at. Integer vehicula tempor metus eu dignissim. Curabitur lobortis quam vestibulum risus sodales mattis. Nulla lacinia tortor vitae erat lobortis sit amet semper lectus accumsan.

### Column 2

Vivamus nunc tortor, consequat in porta nec, suscipit lacinia dui. Nulla viverra bibendum nisi, sit amet ullamcorper nibh euismod at. Integer vehicula tempor metus eu dignissim. Curabitur lobortis quam vestibulum risus sodales mattis. Nulla lacinia tortor vitae erat lobortis sit amet semper lectus accumsan.

### Column 3

Vivamus nunc tortor, consequat in porta nec, suscipit lacinia dui. Nulla viverra bibendum nisi, sit amet ullamcorper nibh euismod at. Integer vehicula tempor metus eu dignissim. Curabitur lobortis quam vestibulum risus sodales mattis. Nulla lacinia tortor vitae erat lobortis sit amet semper lectus accumsan.

## Column 1

Vivamus nunc tortor, consequat in porta nec, suscipit lacinia dui. Nulla viverra bibendum nisi, sit amet ullamcorper nibh euismod at. Integer vehicula tempor metus eu dignissim. Curabitur lobortis quam vestibulum risus sodales mattis. Nulla lacinia tortor vitae erat lobortis sit amet semper lectus accumsan.

### Column 2

Vivamus nunc tortor, consequat in porta nec, suscipit lacinia dui. Nulla viverra bibendum nisi, sit amet ullamcorper nibh euismod at. Integer vehicula tempor metus eu dignissim. Curabitur lobortis quam vestibulum risus sodales mattis. Nulla lacinia tortor vitae erat lobortis sit amet semper lectus accumsan.

### Column 3

Vivamus nunc tortor, consequat in porta nec, suscipit lacinia dui. Nulla viverra bibendum nisi, sit amet ullamcorper nibh euismod at. Integer vehicula tempor metus eu dignissim. Curabitur lobortis quam vestibulum risus sodales mattis. Nulla lacinia tortor vitae erat lobortis sit amet semper lectus accumsan.

### Column 4

Vivamus nunc tortor, consequat in porta nec, suscipit lacinia dui. Nulla viverra bibendum nisi, sit amet ullamcorper nibh euismod at.

Integer vehicula tempor metus eu dignissim. Curabitur lobortis quam vestibulum risus sodales mattis. Nulla lacinia.

#### H4 Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris et lacus lectus, ut sodales lectus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

##### H5 Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris et lacus lectus, ut sodales lectus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

###### H6 Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris et lacus lectus, ut sodales lectus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

## Form

This is the style for notifications.

This is the style for successful actions.

This is the style for errors!

Basic options
Name
URL
Email
Phone Number
City
Message
More options...

Following text field uses label as a default value.

Where do you live?
... and more options
Value 1 Value 2 Value 3
Checkbox here

## Interactive Elements

This will display regular tooltip.

This will display an image in a popup box.

This will open a URL in a popup box using default settings.

This will open a URL in a popup box using custom settings for width and height.

This will open a Flash movie in a popup box.

This will display any element from the page in a popup box.

Click on this to show/hide next sibling.

This is the NEXT sibling!

This is the PREVIOUS sibling!

Click on this to show/hide previous sibling.

Click on this to show/hide element based on ID. It can be placed anywhere on the page. (This works only on anchor elements)

This is the element with ID "toggler"!

Click on this link to jump to the footer

- Built-in rotation script...
- ...rotates child nodes of any element!

## Styled Elements

This is abbreviation
This is strong
This is emphasis
This is bold text
This is italic text
This is cite
This is `code sample`
This is small text
This is small text
This is deleted text
This is inserted text
This is defining instance
This is `user input`
This is `sample output`
This is inline quote
These are superscript and subscript
This is variable or program argument