Header 1

Please follow OOP CSS naming conventions used in this styleguide for id's and classname's throughout.

For example:

<div id="example"> <div class="example__subclass"> </div> <div class="example__anothersubclass"> <div class="example__anothersubclass__content"> </div> </div> </div>

This makes structuring your CSS and understanding the inheritence much easier, will avoid the need to nest as many elements.

Make styles as generic as possible, styles are reused throughout so don't make anything specific to a particular area if it can be helped.

Header 2

Avoid absolute positioning for layout. The web is responsive by default, no need to make content absolutely positioned and break this.

Header 3

Check for correct elements and semantic way of rendering a particular content type. For example, names, address', articles have there own elements and schema markup. See, HTML5 Doctor, extending HTML5 (microdata) and refer to HTML5 Dcotor for elements to use for particular types of content if necessary.

Header 4

Header 5

Link here

Header 2

• Cras commodo leo in eros efficitur vulputate.
  • Aliquam maximus orci semper tellus dignissim viverra.
  • Aliquam maximus orci semper tellus dignissim viverra.
  • Aliquam maximus orci semper tellus dignissim viverra.
• Cras commodo leo in eros efficitur vulputate.
• Cras commodo leo in eros efficitur vulputate.
• Cras commodo leo in eros efficitur vulputate.
  • Aliquam maximus orci semper tellus dignissim viverra.
  • Aliquam maximus orci semper tellus dignissim viverra.
    • Aliquam maximus orci semper tellus dignissim viverra.
    • Aliquam maximus orci semper tellus dignissim viverra.
    • Aliquam maximus orci semper tellus dignissim viverra.
  • Aliquam maximus orci semper tellus dignissim viverra.

Block quote will go here in a style like this. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam venenatis in purus non consectetur. Nulla facilisi. Quisque sit amet tempor purus, quis scelerisque nisl. Fusce in arcu mi.