35

Headers:

Header tags: <h1>, <h2>, <h3>, <h4>, <h5>, <h6>

Feugiat porta vestibulum

Quisque in ornare

Id consectetur

Curabitur lacus

Nam sagittis diam
Fusce sed dui velit

Paragraphs:

Styles for <p>, <a href> (+hover effect), <strong>, <em>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ligula lacus, feugiat porta vestibulum in, adipiscing eu enim. Pellentesque fringilla, nisl nec eleifend pulvinar, eros justo vestibulum tortor, sed tempor arcu nulla non tellus. Quisque in ornare libero. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Duis egestas, massa vel bibendum lacinia, velit metus cursus justo, quis rhoncus purus urna nec orci. Curabitur lacus lacus, ornare a accumsan et, ullamcorper et turpis. Fusce sit amet iaculis neque. Ut vel diam nec mi posuere scelerisque. Fusce sed dui velit, id consectetur enim. Phasellus blandit suscipit nulla et rutrum.

Nam sagittis diam eu magna tempus ultricies. Maecenas molestie arcu id eros vulputate non bibendum nulla pulvinar. Vivamus tortor quam, rutrum ut feugiat in, feugiat et tortor. Pellentesque bibendum, tortor vel viverra hendrerit, orci massa pellentesque lorem, vitae accumsan augue enim a odio. Nunc sit amet suscipit ante. Sed a enim nec mauris congue varius vitae id sapien. Donec ultrices vehicula risus eu fringilla.

Vestibulum in urna quis mauris dapibus pharetra. Nam aliquet risus diam, ut lobortis ipsum. Phasellus mi eros, volutpat sed convallis ultricies, hendrerit sit amet tortor. Suspendisse potenti. Nulla facilisi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Proin varius ultricies felis, at tincidunt augue pulvinar et.

Lists:

Ordered list (<ol> - <li>), Non-ordered list (<ul> - <li> (2 levels)), Title-description list (<dl> - <dt>, <dd>)

List

  • Urna quis mauris
  • Hendrerit sit amet
  • Quis mauris
  • Amet:
    • Urna quis mauris
    • Hendrerit sit amet
    • Quis mauris
    • Proin varius
  • Quis mauris

Numbered list

  1. Per conubia
  2. Conubia nostra
  3. Nam aliquet
  4. Tortor vel viverra hendrerit

dl -> dt,dd list

Conubia nostra
Tortor vel viverra hendrerit
Proin varius ultricies
Suspendisse potenti. Nulla facilisi.
Vestibulum in urna quis mauris dapibus pharetra.

Table + pages:

Style for pages(incl currently selected).

Completed table, included header, footer and heading cells: <thead>-<tr>-<td>,<th> ; <tbody>-<tr>-<td>,<th> ; <tfoot>-<tr>-<td>,<th>

Nam aliquet Magna tempus Quisque in libero Ornare Sed convallis
Feugiat porta vestibulum Sagittis diam eu Vitae accumsan Pellentesque bibendum Feugiat et tortor
Nam sagittis Pellentesque bibendum, tortor vel viverra hendrerit, orci massa pellentesque lorem, vitae accumsan augue enim a odio. Nunc sit amet suscipit ante. Sed a enim nec mauris congue varius vitae id sapien. Donec ultrices vehicula risus eu fringilla Diam eu magna Nunc sit amet suscipit ante. Sed a enim nec mauris congue varius vitae id sapien. Donec ultrices vehicula risus eu frin ugue enim a odio. Nunc sit amet suscipit ante. Sed a enim nec mauris congue varius vitae id sapien. Donec ultrices
Vehicula
Vehicula 154 90 10 89+45
Vehicula Sed a enim nec mauris congue varius vitae id sapien. Donec ultrices vehicula risus eu fringilla Nunc sit amet
Pellentesque Congue varius Pellentesque bibendum Sed a enim Nec

Form elements:

Fields (field <label>+field content <input type="text | radio | checkbox">, <select>, <textarea>)) groupped by <fieldset> with <legend>

Single wide <textarea>

Form <button> with error details.

Inputs Radio group:
Wide textarea