Styleguide

Headings

H1 Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam augue eros, ultrices sit amet ex in, luctus mattis sem. Maecenas metus elit, convallis at lectus nec, interdum gravida odio. Proin dui turpis, venenatis non eleifend sed, varius at erat. Aenean rutrum, urna ut finibus ultrices, turpis ante vehicula turpis, eget pharetra neque metus in augue.

 

H2 Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam augue eros, ultrices sit amet ex in, luctus mattis sem. Maecenas metus elit, convallis at lectus nec, interdum gravida odio. Proin dui turpis, venenatis non eleifend sed, varius at erat. Aenean rutrum, urna ut finibus ultrices, turpis ante vehicula turpis, eget pharetra neque metus in augue.

 

H3 Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam augue eros, ultrices sit amet ex in, luctus mattis sem. Maecenas metus elit, convallis at lectus nec, interdum gravida odio. Proin dui turpis, venenatis non eleifend sed, varius at erat. Aenean rutrum, urna ut finibus ultrices, turpis ante vehicula turpis, eget pharetra neque metus in augue.

 

H4 Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam augue eros, ultrices sit amet ex in, luctus mattis sem. Maecenas metus elit, convallis at lectus nec, interdum gravida odio. Proin dui turpis, venenatis non eleifend sed, varius at erat. Aenean rutrum, urna ut finibus ultrices, turpis ante vehicula turpis, eget pharetra neque metus in augue.

 

H5 Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam augue eros, ultrices sit amet ex in, luctus mattis sem. Maecenas metus elit, convallis at lectus nec, interdum gravida odio. Proin dui turpis, venenatis non eleifend sed, varius at erat. Aenean rutrum, urna ut finibus ultrices, turpis ante vehicula turpis, eget pharetra neque metus in augue.

 

H6 Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam augue eros, ultrices sit amet ex in, luctus mattis sem. Maecenas metus elit, convallis at lectus nec, interdum gravida odio. Proin dui turpis, venenatis non eleifend sed, varius at erat. Aenean rutrum, urna ut finibus ultrices, turpis ante vehicula turpis, eget pharetra neque metus in augue.

 

 

Left aligned image

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam augue eros, ultrices sit amet ex in, luctus mattis sem. Maecenas metus elit, convallis at lectus nec, interdum gravida odio. Proin dui turpis, venenatis non eleifend sed, varius at erat. Aenean rutrum, urna ut finibus ultrices, turpis ante vehicula turpis, eget pharetra neque metus in augue. In est ipsum, faucibus pellentesque suscipit in, porta ac quam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Ut convallis, lacus quis tincidunt ornare, velit est faucibus nisi, nec dictum sapien nibh eget metus. Donec vel sagittis ex, sit amet pretium lectus. Aliquam erat volutpat. Phasellus ac viverra augue, eget laoreet enim. Duis in odio sed nibh malesuada dapibus non a sem. Phasellus pretium ac dolor efficitur aliquam.Praesent maximus iaculis nibh, vitae tristique nisl scelerisque sit amet. In laoreet mi nec aliquet tempor. Ut in rhoncus lorem, interdum porta ipsum. Nullam euismod libero arcu, a bibendum ex viverra quis. Nam eu congue tortor, at blandit lacus. Integer convallis dapibus felis, in facilisis turpis fringilla ut.

 

Right aligned image

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam augue eros, ultrices sit amet ex in,
luctus mattis sem. Maecenas metus elit, convallis at lectus nec, interdum gravida odio. Proin dui turpis, venenatis non eleifend sed, varius at erat. Aenean rutrum, urna ut finibus ultrices, turpis ante vehicula turpis, eget pharetra neque metus in augue. In est ipsum, faucibus pellentesque suscipit in, porta ac quam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Ut convallis, lacus quis tincidunt ornare, velit est faucibus nisi, nec dictum sapien nibh eget metus. Donec vel sagittis ex, sit amet pretium lectus. Aliquam erat volutpat. Phasellus ac viverra augue, eget laoreet enim. Duis in odio sed nibh malesuada dapibus non a sem. Phasellus pretium ac dolor efficitur aliquam.Praesent maximus iaculis nibh, vitae tristique nisl scelerisque sit amet. In laoreet mi nec aliquet tempor. Ut in rhoncus lorem, interdum porta ipsum. Nullam euismod libero arcu, a bibendum ex viverra quis. Nam eu congue tortor, at blandit lacus. Integer convallis dapibus felis, in facilisis turpis fringilla ut.

 

Blockquote

 

Lorem ipsum dolor sit amet, consectetur adipiscing elit Mauris non laoreet dui, Morbi lacus massa, euismod ut turpis molestie

 

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam augue eros, ultrices sit amet ex in, luctus mattis sem. Maecenas metus elit, convallis at lectus nec, interdum gravida odio. Proin dui turpis, venenatis non eleifend sed, varius at erat. Aenean rutrum, urna ut finibus ultrices, turpis ante vehicula turpis, eget pharetra neque metus in augue. In est ipsum, faucibus pellentesque suscipit in, porta ac quam.

 

Unordered list

 

  • Lorem ipsum dolor sit amet
  • Lorem ipsum dolor sit amet
  • Lorem ipsum dolor sit amet
  • Lorem ipsum dolor sit amet
  • Lorem ipsum dolor sit amet

 

Ordered list

 

  1. Lorem ipsum dolor sit amet
  2. Lorem ipsum dolor sit amet
  3. Lorem ipsum dolor sit amet
  4. Lorem ipsum dolor sit amet
  5. Lorem ipsum dolor sit amet

 

Code

 

.class:before{
   display: block;
   position: absoloute;
   float:left;
   display:block;
   content: "Awesome";
}
pre, code{
     direction: ltr;
     text-align: left;
}

 

Table

 

Name Nickname Number
Jane Doe 13
Eve Doe 94
John Doe 77
Ina Aldrich 16