Paragraphs with images

Lorem ipsum emphasised text dolor sit amet, strong text consectetur adipisicing elit, abbreviated text sed do eiusmod tempor acronym text incididunt ut labore et keyboard tag dolore magna aliqua. Ut quoted text enim ad minim veniam, quis nostrud exercitation link text ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute deleted text inserted text irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat code text cupidatat non proident, sunt in culpa qui officia deserunt mollit anim.

Lorem ipsum dolor sit amet,consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

---

Headings - Header 1

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Header 2

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Header 3

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Header 4

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Header 5

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Header 6

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

---

Unordered list with nested content

• Unordered list
• Item 1
• Item 2
• Item 3
• Item 4
• Item 5
• Item 6
  • Unordered list
  • Consectetur adipisicing elit
  • Item
  • Item
  • Item
• Item 7
  1. Ordered list
  2. Item 5
  3. Item 6
  4. Item 7
  5. Item 8
  6. Item 9

• This list item has... Lorem ipsum emphasised text dolor sit amet, strong text consectetur adipisicing elit, abbreviated text sed do eiusmod tempor acronym text incididunt ut labore et keyboard tag dolore magna aliqua. Ut quoted text enim ad minim veniam, quis nostrud exercitation link text ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute deleted text inserted text irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat code text cupidatat non proident, sunt in culpa qui officia deserunt mollit anim.

  Two paragraphs in it... Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliquao consequat.

• Blockquote. Velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia

  Cite author with link text, 2008

• Address author: Ryan Roberts

Ordered list with nested content

1. Ordered list
2. Item 1
3. Item 2
4. Item 3
5. Item 4
   • Unordered list
   • Item
   • Item
   • Item
   • Item
6. Item 5
   1. Ordered list
   2. Item
   3. Item
   4. Item
   5. Item
7. Item 6
   1. Ordered list with Alphabet class
   2. Item
   3. Item
   4. Item
   5. Item

8. This list item has... Lorem ipsum emphasised text dolor sit amet, strong text consectetur adipisicing elit, abbreviated text sed do eiusmod tempor acronym text incididunt ut labore et keyboard tag dolore magna aliqua. Ut quoted text enim ad minim veniam, quis nostrud exercitation link text ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute deleted text inserted text irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat code text cupidatat non proident, sunt in culpa qui officia deserunt mollit anim.

   Two paragraphs in it... Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliquao consequat.

9. Blockquote. Velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia

   Cite author with link text, 2008

10. Address author: Ryan Roberts

---

Definition List with nested definition list

ID

An SGML identifier used as the target for hypertext links or for naming particular elements in associated style sheets. Identifiers are NAME tokens and must be unique within the scope of the current document.

Lang

This is one of the ISO standard language abbreviations, e.g. "en.uk" for the variation of English spoken in the United Kingdom. It can be used by parsers to select language specific choices for quotation marks, ligatures and hypenation rules etc. The language attribute is composed from the two letter language code from ISO 639, optionally followed by a period and a two letter country code from ISO 3166.

Class

This a space separated list of SGML NAME tokens and is used to subclass tag names. By convention, the class names are interpreted hierarchically, with the most general class on the left and the most specific on the right, where classes are separated by a period. The CLASS attribute is most commonly used to attach a different style to some element, but it is recommended that where practical class names should be picked on the basis of the element's semantics, as this will permit other uses, such as restricting search through documents by matching on element class names. The conventions for choosing class names are outside the scope of this specification.

Clear

This attribute is common to all block-like elements. When text flows around a figure or table in the margin, you sometimes want to start an element like a header, paragraph or list below the figure rather than alongside it. The CLEAR attribute allows you to move down unconditionally:

clear=left

move down until left margin is clear

clear=right

move down until right margin is clear

clear=all

move down until both margins are clear

ID

An SGML identifier used as the target for hypertext links or for naming particular elements in associated style sheets. Identifiers are NAME tokens and must be unique within the scope of the current document.

---

Blockquote with citation

Blockquote. Velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia

Lorem ipsum dolor sit amet,consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Cite author with link text, 2008

---

Address

Address author: Ryan Roberts

---

Small text

I am the small text tag, I'm used for copyright notices and other less important text

---

Preformatted text

Lorem ipsum dolor sit amet,
					              consectetur adipisicing elit, sed do eiusmod tempor
					incididunt ut labore et dolore magna aliqua.

Preformatted Code

	pre and code pair {
			display:block;
			line-height:1.833em;
			border-top:0.083em solid #200;
			}

---

Various Table styles & markup

Table Caption

Type	Cores	Available	Price/Discount
Ice	4	Yes	£1000	10%
Rambo	2	Yes	£1430	5%
Alien	3	No	£989	10%
Pasta	7	Yes	£1020	N/A
Force	2	No	£955	15%
Vision	3	No	£1388	10%

A standard test table with a caption, tr, td elements but no head or body

Table Header One	Table Header Two
TD One	TD Two
TD colspan 2

A test table with a thead, tfoot, and tbody element

Table Header One	Table Header Two
tfoot footer
TD One	TD Two
TD One	TD Two

	Color	Size	Rarity	Price/100 grams
Golden Grapes	Golden Purple	Small	Rare	$100
Pearl Melon	Marine Cream	Large	Common	$75
Diamond Lemon	Shiny Yellow	Medium	Very rare	$1,000

---

General form wrapped in divs

Delivery Details

Name

Address

Town/City

County/State

Post/Zip Code

Country UK Dubai U.S.A.

Is this address also your invoice address? *

Yes No

Checkboxes

Check box number one Check box number two Check box number three Check box number four

Radio Inputs

Yes, it is true Radio buttons can be displayed this way also Doesn't this rock?

Comment

Complete form

Button Button

Upload:

File input