Styleguide
Color Palette
- pear#B5DB1F
- yellow-green#A0BE27
- light-goldenrod#F0F8D2
- jazzberry-jam#A81864
- dark-tangerine#F5A623
- black#000000
- quartz#4A4A49
- taupe-gray#929292
- gainsboro#DBDBDB
- isabelline#EEEEEE
- white-smoke#F8F8F8
- white#FFFFFF
Grid
Nested Grid
Offset Columns
Headlines
Das ist eine Überschrift Level 1 dieser Bereich ist strong
Das ist eine Überschrift Level 2 dieser Bereich ist strong
Das ist eine Überschrift Level 2 mit large modifier dieser Bereich ist strong
Das ist eine Überschrift Level 3
Das ist eine Überschrift Level 4
Das ist eine Überschrift Level 5
Das ist eine Überschrift Level 6
Das ist eine Überschrift Level 6 mit preline modifier
Das ist eine Überschrift Level 1 dieser Bereich ist strong
Das ist eine Überschrift Level 2 dieser Bereich ist strong
Das ist eine Überschrift Level 2 mit large modifier dieser Bereich ist strong
Das ist eine Überschrift Level 3
Das ist eine Überschrift Level 4
Das ist eine Überschrift Level 5
Das ist eine Überschrift Level 6
Das ist eine Überschrift Level 6 mit preline modifier
Das ist eine Überschrift Level 1 dieser Bereich ist strong
Das ist eine Überschrift Level 2 dieser Bereich ist strong
Das ist eine Überschrift Level 2 mit large modifier dieser Bereich ist strong
Das ist eine Überschrift Level 3
Das ist eine Überschrift Level 4
Das ist eine Überschrift Level 5
Das ist eine Überschrift Level 6
Das ist eine Überschrift Level 6 mit preline modifier
Paragraphs
Das ist ein normaler Textabsatz. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Das ist ein small Textabsatz. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Das ist ein normaler Textabsatz. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Das ist ein small Textabsatz. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Das ist ein normaler Textabsatz. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Das ist ein small Textabsatz. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Inline Elements
Es folgt ein normaler Link ohne Icon zur unbestimmten Verlinkung
Es folgt ein normaler Link ohne Icon mit viel Text, damit es über zwei Zeilen läuft zur unbestimmten Verlinkung
Es folgt ein interner Link mit einem langen Text und Zeilenumbruch zum verlinken auf eine interne Seite
Es folgt ein externer Link zum verlinken auf eine externe Seite
Es folgt ein download Link zum verlinken auf ein Download
Es folgt ein E-Mail Link zum verlinken auf eine E-Mail Adresse
Es folgt ein Telefon Link zum verlinken auf eine Telefonnummer
Es folgt ein Fax Link zum verlinken auf eine Faxnummer
Es folgt ein interner Link mit einem langen Text und Zeilenumbruch zum verlinken auf eine interne Seite auf Large Text
Es folgt ein interner Link mit einem langen Text und Zeilenumbruch zum verlinken auf eine interne Seite auf Small Text
Dieser Text ist durch em hervorgehoben
Dieser Text ist durch strong hervorgehoben
Das u Element is unterstrichener Text
Dieser Text ist als gelsöscht markiert
Dieser Text ist durchgestrichen
Das folgende Zeichen ist hochgestellt: ®
Beispiel für das Zeichen H2O
Dieser Text ist als small markiert
Beispiel einer Abkürzung: HTML
Das Markierungselement gibt ein Highlight an
Es folgt ein normaler Link ohne Icon zur unbestimmten Verlinkung
Es folgt ein normaler Link ohne Icon mit viel Text, damit es über zwei Zeilen läuft zur unbestimmten Verlinkung
Es folgt ein interner Link mit einem langen Text und Zeilenumbruch zum verlinken auf eine interne Seite
Es folgt ein externer Link zum verlinken auf eine externe Seite
Es folgt ein download Link zum verlinken auf ein Download
Es folgt ein E-Mail Link zum verlinken auf eine E-Mail Adresse
Es folgt ein Telefon Link zum verlinken auf eine Telefonnummer
Es folgt ein Fax Link zum verlinken auf eine Faxnummer
Es folgt ein interner Link mit einem langen Text und Zeilenumbruch zum verlinken auf eine interne Seite auf Large Text
Es folgt ein interner Link mit einem langen Text und Zeilenumbruch zum verlinken auf eine interne Seite auf Small Text
Dieser Text ist durch em hervorgehoben
Dieser Text ist durch strong hervorgehoben
Das u Element is unterstrichener Text
Dieser Text ist als gelsöscht markiert
Dieser Text ist durchgestrichen
Das folgende Zeichen ist hochgestellt: ®
Beispiel für das Zeichen H2O
Dieser Text ist als small markiert
Beispiel einer Abkürzung: HTML
Das Markierungselement gibt ein Highlight an
Es folgt ein normaler Link ohne Icon zur unbestimmten Verlinkung
Es folgt ein normaler Link ohne Icon mit viel Text, damit es über zwei Zeilen läuft zur unbestimmten Verlinkung
Es folgt ein interner Link mit einem langen Text und Zeilenumbruch zum verlinken auf eine interne Seite
Es folgt ein externer Link zum verlinken auf eine externe Seite
Es folgt ein download Link zum verlinken auf ein Download
Es folgt ein E-Mail Link zum verlinken auf eine E-Mail Adresse
Es folgt ein Telefon Link zum verlinken auf eine Telefonnummer
Es folgt ein Fax Link zum verlinken auf eine Faxnummer
Es folgt ein interner Link mit einem langen Text und Zeilenumbruch zum verlinken auf eine interne Seite auf Large Text
Es folgt ein interner Link mit einem langen Text und Zeilenumbruch zum verlinken auf eine interne Seite auf Small Text
Dieser Text ist durch em hervorgehoben
Dieser Text ist durch strong hervorgehoben
Das u Element is unterstrichener Text
Dieser Text ist als gelsöscht markiert
Dieser Text ist durchgestrichen
Das folgende Zeichen ist hochgestellt: ®
Beispiel für das Zeichen H2O
Dieser Text ist als small markiert
Beispiel einer Abkürzung: HTML
Das Markierungselement gibt ein Highlight an
Lists
- Das ist eine ungeordnete Liste
- Das ist eine ungeordnete Liste mit einer untergeordneten Liste
- Das ist eine ungeordnete Sub-Liste
- Das ist eine ungeordnete Sub-Liste mit einem sehr langen Eintrag
- Das ist eine ungeordnete Liste mit einem sehr langen Eintrag
- Das ist eine geordnete Liste
- Das ist eine geordnete Liste mit einer untergeordneten Liste
- Das ist eine geordnete Sub-Liste
- Das ist eine geordnete Sub-Liste mit einem sehr langen Eintrag
- Das ist eine geordnete Liste mit einem sehr langen Eintrag
- Das ist eine ungeordnete ungestylte Liste
- Das ist eine ungeordnete Liste mit einer untergeordneten Liste
- Das ist eine ungeordnete Sub-Liste
- Das ist eine ungeordnete Sub-Liste mit einem sehr langen Eintrag
- Das ist eine ungeordnete Liste mit einem sehr langen Eintrag
- Das ist eine ungeordnete Liste
- Das ist eine ungeordnete Liste mit einer untergeordneten Liste
- Das ist eine ungeordnete Sub-Liste
- Das ist eine ungeordnete Sub-Liste mit einem sehr langen Eintrag
- Das ist eine ungeordnete Liste mit einem sehr langen Eintrag
- Das ist eine geordnete Liste
- Das ist eine geordnete Liste mit einer untergeordneten Liste
- Das ist eine geordnete Sub-Liste
- Das ist eine geordnete Sub-Liste mit einem sehr langen Eintrag
- Das ist eine geordnete Liste mit einem sehr langen Eintrag
- Das ist eine ungeordnete ungestylte Liste
- Das ist eine ungeordnete Liste mit einer untergeordneten Liste
- Das ist eine ungeordnete Sub-Liste
- Das ist eine ungeordnete Sub-Liste mit einem sehr langen Eintrag
- Das ist eine ungeordnete Liste mit einem sehr langen Eintrag
- Das ist eine ungeordnete Liste
- Das ist eine ungeordnete Liste mit einer untergeordneten Liste
- Das ist eine ungeordnete Sub-Liste
- Das ist eine ungeordnete Sub-Liste mit einem sehr langen Eintrag
- Das ist eine ungeordnete Liste mit einem sehr langen Eintrag
- Das ist eine geordnete Liste
- Das ist eine geordnete Liste mit einer untergeordneten Liste
- Das ist eine geordnete Sub-Liste
- Das ist eine geordnete Sub-Liste mit einem sehr langen Eintrag
- Das ist eine geordnete Liste mit einem sehr langen Eintrag
- Das ist eine ungeordnete ungestylte Liste
- Das ist eine ungeordnete Liste mit einer untergeordneten Liste
- Das ist eine ungeordnete Sub-Liste
- Das ist eine ungeordnete Sub-Liste mit einem sehr langen Eintrag
- Das ist eine ungeordnete Liste mit einem sehr langen Eintrag
Tables
| Nr. | Etage / Lage | Zimmer | Wohnfläche (ca.) | Kaufpreis Wohnung | Kaufpreis TG-Stellplatz | Kaufpreis Gesamt |
|---|---|---|---|---|---|---|
| 1 | EG links | 3 | 83,92 m | verkauft | verkauft | verkauft |
| 2 | EG mitte | 2 | 74,62 m | 299.999,00 € | 18.000,00 € | 317.900,00 € |
| 3 | EG rechts | 3 | 86,92 m | reserviert | reserviert | reserviert |