Style Guide

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

Left Aligned Image Caption

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.

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. 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.

Right aligned image

Right Aligned Image Caption

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. 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. 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.

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

NameNicknameNumber
JaneDoe13
EveDoe94
JohnDoe77
InaAldrich16