Styleguide

Überschriften

H1 Überschrift

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 hate. 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 Überschrift

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 hate. 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 Überschrift

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 hate. 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 Überschrift

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 hate. 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 Überschrift

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 hate. 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 Überschrift

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

 

 

Links ausgerichtetes Bild

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 hate. 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 quis tincidunt ornare, velit est faucibus nisi, nec dictum sapien nibh eget metus. Donec vel sagittis ex, sit amet pretium lectus. Aliquam war t 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, ein bibendum ex viverra quis. Nam eu congue tortor, bei blandit lacus. Integer convallis dapibus felis, in facilisis turpis fringilla ut.

 

Rechts ausgerichtetes Bild

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 hate. 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 quis tincidunt ornare, velit est faucibus nisi, nec dictum sapien nibh eget metus. Donec vel sagittis ex, sit amet pretium lectus. Aliquam war t 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, ein bibendum ex viverra quis. Nam eu congue tortor, bei 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 hate. 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.

 

Ungeordnete Liste

 

  • 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

 

Geordnete Liste

 

  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:vor
 Anzeige: Block;
 Position: absoloute;
 float:links;
 Anzeige:block;
 Inhalt: "Awesome";
}
pre, code
 Richtung: ltr;
 Text-Ausrichtung: links;
}

 

Tabelle

 

Namen Spitzname Anzahl
Jane Doe 13
Abend Doe 94
John Doe 77
Ina Aldrich 16