demo-testpage
Golfpark Bregenzerwald
typo - Headlines
Headline bold (H1)
Headline bold (H2)
Headline bold (H3)
Headline bold (H4)
Headline bold (H1)
Headline bold (H2)
Headline bold (H3)
Headline bold (H4)
Headline bold (H1)
Subline smaller small
Headline bold (H2)
Subline smaller small
Headline bold (H3)
Subline smaller small
Headline bold (H4)
Subline smaller small
typo - Headlines -lead + hgroup
Headline bold (H1)
Subline smaller
Headline bold (H2)
Subline smaller
Headline bold (H3)
Subline smaller
Headline bold (H4)
Subline smaller
typo - Sizes
(-xlarge) Ut enim anker link ad minim veniam Bold quis nostrud BoldItalic dolores. Ut ad consequat. Duis em-italic irure dolor in i-italic. Sunt in culpa qui officia d unt mollit anim id est laborum.
(-larger) Ut enim anker link ad minim veniam Bold quis nostrud BoldItalic dolores. Ut ad consequat. Duis em-italic irure dolor in i-italic. Sunt in culpa qui officia d unt mollit anim id est laborum.
(-large) Ut enim anker link ad minim veniam Bold quis nostrud BoldItalic dolores. Ut ad consequat. Duis em-italic irure dolor in i-italic. Sunt in culpa qui officia d unt mollit anim id est laborum.
Ut enim anker link ad minim veniam Bold quis nostrud BoldItalic dolores. Ut ad consequat. Duis em-italic irure dolor in i-italic. Sunt in culpa qui officia d unt mollit anim id est laborum.
(-smaller) Ut enim anker link ad minim veniam Bold quis nostrud BoldItalic dolores. Ut ad consequat. Duis em-italic irure dolor in i-italic. Sunt in culpa qui officia d unt mollit anim id est laborum.
(-small) Ut enim anker link ad minim veniam Bold quis nostrud BoldItalic dolores. Ut ad consequat. Duis em-italic irure dolor in i-italic. Sunt in culpa qui officia d unt mollit anim id est laborum.
(-xsmall) Ut enim anker link ad minim veniam Bold quis nostrud BoldItalic dolores. Ut ad consequat. Duis em-italic irure dolor in i-italic. Sunt in culpa qui officia d unt mollit anim id est laborum.
typo - Quote
Oh my god, Space Aliens.
Don´t eat me, i have wife and Kids. Eat them!
Quote
typo - Quote mt Image
Oh my god, Space Aliens.
Don´t eat me, i have wife and Kids. Eat them!
Quote mit oder ohne Bild
Oh my god, Space Aliens. Lists
- Unordered List (ul)
- Lorem ipsum (li)
- Lorem ipsum (li)
Lorem ipsum Zeilenumruch - Lorem ipsum (li) Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quod tempore voluptas, laboriosam commodi sunt quam aut cupiditate dolor repellendus dolore?
- Ordered List (ol)
- Lorem ipsum (li)
- Lorem ipsum (li)
Lorem ipsum Zeilenumruch - Lorem ipsum (li) Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quod tempore voluptas, laboriosam commodi sunt quam aut cupiditate dolor repellendus dolore?
- Unordered List (ul)
- Lorem ipsum (li)
- Lorem ipsum (li)
Lorem ipsum Zeilenumruch - Lorem ipsum (li) Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quod tempore voluptas, laboriosam commodi sunt quam aut cupiditate dolor repellendus dolore?
- Ordered List (ol)
- Lorem ipsum (li)
- Lorem ipsum (li)
Lorem ipsum Zeilenumruch - Lorem ipsum (li) Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quod tempore voluptas, laboriosam commodi sunt quam aut cupiditate dolor repellendus dolore?
Colors in Buttons und .b-infobox ($styleMapSite)
Klick auf Button färbt Infobox in sticky Sidebar
-
.mdBtn
-bgr-lightgray.mdBtn
-bgr-midgray.mdBtn
-bgr-darkgray.mdBtn
-bgr-link.mdBtn
-bgr-warn.mdBtn
-bgr-done.mdBtn
-bgr-pink.mdBtn
-bgr-blue.mdBtn
-bgr-adminmain solid
-col-lightgray solid
-col-midgray solid
-col-darkgray solid
-col-link solid
-col-warn solid
-col-done solid
-col-pink solid
-col-blue solid
-col-adminmain dashed
-col-lightgray dashed
-col-midgray dashed
-col-darkgray dashed
-col-link dashed
-col-warn dashed
-col-done dashed
-col-pink dashed
-col-blue dashed
-col-adminmain
Tooltips (Foundation) @import pepples-tooltip-fd.scss
Lorem FD data-tooltip sed do FD data-tooltip tempor.
Lists (b-ulist), mit fa-dataicon (optional)
-
ico250-ficon
png | Stand 28.03.2022 -
ico250-touch
png | Stand 28.03.2022
Lists (b-ugrid), mit fa-dataicon (optional)
-
ico250-ficon
png | Stand 28.03.2022 -
ico250-touch
png | Stand 28.03.2022
Tables
Hinweis: b-scrollbox-x + table-stickyhead
b-scrollbox benötigt height (zb: -maxheight).
table table-default
| Name |
Age |
Sex |
Ort |
Text |
|---|---|---|---|---|
| Vorname Nachname (1) | 27 | Female | Tokio | Zur Demonstration von b-scrollbox-x .-responsive deaktivieren und Fenster kleiner ziehen. Table wird horizontal scrollbar. |
| Vorname Nachname (2) | 28 | Female | Tokio | Zur Demonstration von b-scrollbox-x .-responsive deaktivieren und Fenster kleiner ziehen. Table wird horizontal scrollbar. |
| Vorname Nachname (3) | 29 | Female | Tokio | Zur Demonstration von b-scrollbox-x .-responsive deaktivieren und Fenster kleiner ziehen. Table wird horizontal scrollbar. |
| Vorname Nachname (4) | 30 | Female | Tokio | Zur Demonstration von b-scrollbox-x .-responsive deaktivieren und Fenster kleiner ziehen. Table wird horizontal scrollbar. |
| Vorname Nachname (5) | 31 | Female | Tokio | Zur Demonstration von b-scrollbox-x .-responsive deaktivieren und Fenster kleiner ziehen. Table wird horizontal scrollbar. |
| Vorname Nachname (6) | 32 | Female | Tokio | Zur Demonstration von b-scrollbox-x .-responsive deaktivieren und Fenster kleiner ziehen. Table wird horizontal scrollbar. |
| Vorname Nachname (7) | 33 | Female | Tokio | Zur Demonstration von b-scrollbox-x .-responsive deaktivieren und Fenster kleiner ziehen. Table wird horizontal scrollbar. |
| Vorname Nachname (8) | 34 | Female | Tokio | Zur Demonstration von b-scrollbox-x .-responsive deaktivieren und Fenster kleiner ziehen. Table wird horizontal scrollbar. |
| Vorname Nachname (9) | 35 | Female | Tokio | Zur Demonstration von b-scrollbox-x .-responsive deaktivieren und Fenster kleiner ziehen. Table wird horizontal scrollbar. |
| Vorname Nachname (10) | 36 | Female | Tokio | Zur Demonstration von b-scrollbox-x .-responsive deaktivieren und Fenster kleiner ziehen. Table wird horizontal scrollbar. |
| Vorname Nachname (11) | 37 | Female | Tokio | Zur Demonstration von b-scrollbox-x .-responsive deaktivieren und Fenster kleiner ziehen. Table wird horizontal scrollbar. |
| Vorname Nachname (12) | 38 | Female | Tokio | Zur Demonstration von b-scrollbox-x .-responsive deaktivieren und Fenster kleiner ziehen. Table wird horizontal scrollbar. |
| Vorname Nachname (13) | 39 | Female | Tokio | Zur Demonstration von b-scrollbox-x .-responsive deaktivieren und Fenster kleiner ziehen. Table wird horizontal scrollbar. |
| Vorname Nachname (14) | 40 | Female | Tokio | Zur Demonstration von b-scrollbox-x .-responsive deaktivieren und Fenster kleiner ziehen. Table wird horizontal scrollbar. |
| Vorname Nachname (15) | 41 | Female | Tokio | Zur Demonstration von b-scrollbox-x .-responsive deaktivieren und Fenster kleiner ziehen. Table wird horizontal scrollbar. |
| Vorname Nachname (16) | 42 | Female | Tokio | Zur Demonstration von b-scrollbox-x .-responsive deaktivieren und Fenster kleiner ziehen. Table wird horizontal scrollbar. |
| Vorname Nachname (17) | 43 | Female | Tokio | Zur Demonstration von b-scrollbox-x .-responsive deaktivieren und Fenster kleiner ziehen. Table wird horizontal scrollbar. |
| Vorname Nachname (18) | 44 | Female | Tokio | Zur Demonstration von b-scrollbox-x .-responsive deaktivieren und Fenster kleiner ziehen. Table wird horizontal scrollbar. |
| Vorname Nachname (19) | 45 | Female | Tokio | Zur Demonstration von b-scrollbox-x .-responsive deaktivieren und Fenster kleiner ziehen. Table wird horizontal scrollbar. |
| Vorname Nachname (20) | 46 | Female | Tokio | Zur Demonstration von b-scrollbox-x .-responsive deaktivieren und Fenster kleiner ziehen. Table wird horizontal scrollbar. |
| Vorname Nachname (21) | 47 | Female | Tokio | Zur Demonstration von b-scrollbox-x .-responsive deaktivieren und Fenster kleiner ziehen. Table wird horizontal scrollbar. |
| Vorname Nachname (22) | 48 | Female | Tokio | Zur Demonstration von b-scrollbox-x .-responsive deaktivieren und Fenster kleiner ziehen. Table wird horizontal scrollbar. |
| Vorname Nachname (23) | 49 | Female | Tokio | Zur Demonstration von b-scrollbox-x .-responsive deaktivieren und Fenster kleiner ziehen. Table wird horizontal scrollbar. |
| Vorname Nachname (24) | 50 | Female | Tokio | Zur Demonstration von b-scrollbox-x .-responsive deaktivieren und Fenster kleiner ziehen. Table wird horizontal scrollbar. |
table table-style1
| Name |
Age |
Sex |
Ort |
Text |
|---|---|---|---|---|
| Vorname Nachname (1) | 27 | Female | Tokio | Zur Demonstration von b-scrollbox-x .-responsive deaktivieren und Fenster kleiner ziehen. Table wird horizontal scrollbar. |
| Vorname Nachname (2) | 28 | Female | Tokio | Zur Demonstration von b-scrollbox-x .-responsive deaktivieren und Fenster kleiner ziehen. Table wird horizontal scrollbar. |
| Vorname Nachname (3) | 29 | Female | Tokio | Zur Demonstration von b-scrollbox-x .-responsive deaktivieren und Fenster kleiner ziehen. Table wird horizontal scrollbar. |
| Vorname Nachname (4) | 30 | Female | Tokio | Zur Demonstration von b-scrollbox-x .-responsive deaktivieren und Fenster kleiner ziehen. Table wird horizontal scrollbar. |
| Vorname Nachname (5) | 31 | Female | Tokio | Zur Demonstration von b-scrollbox-x .-responsive deaktivieren und Fenster kleiner ziehen. Table wird horizontal scrollbar. |
| Vorname Nachname (6) | 32 | Female | Tokio | Zur Demonstration von b-scrollbox-x .-responsive deaktivieren und Fenster kleiner ziehen. Table wird horizontal scrollbar. |
| Vorname Nachname (7) | 33 | Female | Tokio | Zur Demonstration von b-scrollbox-x .-responsive deaktivieren und Fenster kleiner ziehen. Table wird horizontal scrollbar. |
| Vorname Nachname (8) | 34 | Female | Tokio | Zur Demonstration von b-scrollbox-x .-responsive deaktivieren und Fenster kleiner ziehen. Table wird horizontal scrollbar. |
| Vorname Nachname (9) | 35 | Female | Tokio | Zur Demonstration von b-scrollbox-x .-responsive deaktivieren und Fenster kleiner ziehen. Table wird horizontal scrollbar. |
| Vorname Nachname (10) | 36 | Female | Tokio | Zur Demonstration von b-scrollbox-x .-responsive deaktivieren und Fenster kleiner ziehen. Table wird horizontal scrollbar. |
| Vorname Nachname (11) | 37 | Female | Tokio | Zur Demonstration von b-scrollbox-x .-responsive deaktivieren und Fenster kleiner ziehen. Table wird horizontal scrollbar. |
| Vorname Nachname (12) | 38 | Female | Tokio | Zur Demonstration von b-scrollbox-x .-responsive deaktivieren und Fenster kleiner ziehen. Table wird horizontal scrollbar. |
| Vorname Nachname (13) | 39 | Female | Tokio | Zur Demonstration von b-scrollbox-x .-responsive deaktivieren und Fenster kleiner ziehen. Table wird horizontal scrollbar. |
| Vorname Nachname (14) | 40 | Female | Tokio | Zur Demonstration von b-scrollbox-x .-responsive deaktivieren und Fenster kleiner ziehen. Table wird horizontal scrollbar. |
| Vorname Nachname (15) | 41 | Female | Tokio | Zur Demonstration von b-scrollbox-x .-responsive deaktivieren und Fenster kleiner ziehen. Table wird horizontal scrollbar. |
| Vorname Nachname (16) | 42 | Female | Tokio | Zur Demonstration von b-scrollbox-x .-responsive deaktivieren und Fenster kleiner ziehen. Table wird horizontal scrollbar. |
| Vorname Nachname (17) | 43 | Female | Tokio | Zur Demonstration von b-scrollbox-x .-responsive deaktivieren und Fenster kleiner ziehen. Table wird horizontal scrollbar. |
| Vorname Nachname (18) | 44 | Female | Tokio | Zur Demonstration von b-scrollbox-x .-responsive deaktivieren und Fenster kleiner ziehen. Table wird horizontal scrollbar. |
| Vorname Nachname (19) | 45 | Female | Tokio | Zur Demonstration von b-scrollbox-x .-responsive deaktivieren und Fenster kleiner ziehen. Table wird horizontal scrollbar. |
| Vorname Nachname (20) | 46 | Female | Tokio | Zur Demonstration von b-scrollbox-x .-responsive deaktivieren und Fenster kleiner ziehen. Table wird horizontal scrollbar. |
| Vorname Nachname (21) | 47 | Female | Tokio | Zur Demonstration von b-scrollbox-x .-responsive deaktivieren und Fenster kleiner ziehen. Table wird horizontal scrollbar. |
| Vorname Nachname (22) | 48 | Female | Tokio | Zur Demonstration von b-scrollbox-x .-responsive deaktivieren und Fenster kleiner ziehen. Table wird horizontal scrollbar. |
| Vorname Nachname (23) | 49 | Female | Tokio | Zur Demonstration von b-scrollbox-x .-responsive deaktivieren und Fenster kleiner ziehen. Table wird horizontal scrollbar. |
| Vorname Nachname (24) | 50 | Female | Tokio | Zur Demonstration von b-scrollbox-x .-responsive deaktivieren und Fenster kleiner ziehen. Table wird horizontal scrollbar. |
table dataTable
| Name |
Age |
Sex |
Ort |
Text |
|---|---|---|---|---|
| Vorname Nachname (1) | 27 | Female | Tokio | Zur Demonstration von b-scrollbox-x .-responsive deaktivieren und Fenster kleiner ziehen. Table wird horizontal scrollbar. |
| Vorname Nachname (2) | 28 | Female | Tokio | Zur Demonstration von b-scrollbox-x .-responsive deaktivieren und Fenster kleiner ziehen. Table wird horizontal scrollbar. |
| Vorname Nachname (3) | 29 | Female | Tokio | Zur Demonstration von b-scrollbox-x .-responsive deaktivieren und Fenster kleiner ziehen. Table wird horizontal scrollbar. |
| Vorname Nachname (4) | 30 | Female | Tokio | Zur Demonstration von b-scrollbox-x .-responsive deaktivieren und Fenster kleiner ziehen. Table wird horizontal scrollbar. |
| Vorname Nachname (5) | 31 | Female | Tokio | Zur Demonstration von b-scrollbox-x .-responsive deaktivieren und Fenster kleiner ziehen. Table wird horizontal scrollbar. |
| Vorname Nachname (6) | 32 | Female | Tokio | Zur Demonstration von b-scrollbox-x .-responsive deaktivieren und Fenster kleiner ziehen. Table wird horizontal scrollbar. |
| Vorname Nachname (7) | 33 | Female | Tokio | Zur Demonstration von b-scrollbox-x .-responsive deaktivieren und Fenster kleiner ziehen. Table wird horizontal scrollbar. |
| Vorname Nachname (8) | 34 | Female | Tokio | Zur Demonstration von b-scrollbox-x .-responsive deaktivieren und Fenster kleiner ziehen. Table wird horizontal scrollbar. |
| Vorname Nachname (9) | 35 | Female | Tokio | Zur Demonstration von b-scrollbox-x .-responsive deaktivieren und Fenster kleiner ziehen. Table wird horizontal scrollbar. |
| Vorname Nachname (10) | 36 | Female | Tokio | Zur Demonstration von b-scrollbox-x .-responsive deaktivieren und Fenster kleiner ziehen. Table wird horizontal scrollbar. |
| Vorname Nachname (11) | 37 | Female | Tokio | Zur Demonstration von b-scrollbox-x .-responsive deaktivieren und Fenster kleiner ziehen. Table wird horizontal scrollbar. |
| Vorname Nachname (12) | 38 | Female | Tokio | Zur Demonstration von b-scrollbox-x .-responsive deaktivieren und Fenster kleiner ziehen. Table wird horizontal scrollbar. |
| Vorname Nachname (13) | 39 | Female | Tokio | Zur Demonstration von b-scrollbox-x .-responsive deaktivieren und Fenster kleiner ziehen. Table wird horizontal scrollbar. |
| Vorname Nachname (14) | 40 | Female | Tokio | Zur Demonstration von b-scrollbox-x .-responsive deaktivieren und Fenster kleiner ziehen. Table wird horizontal scrollbar. |
| Vorname Nachname (15) | 41 | Female | Tokio | Zur Demonstration von b-scrollbox-x .-responsive deaktivieren und Fenster kleiner ziehen. Table wird horizontal scrollbar. |
| Vorname Nachname (16) | 42 | Female | Tokio | Zur Demonstration von b-scrollbox-x .-responsive deaktivieren und Fenster kleiner ziehen. Table wird horizontal scrollbar. |
| Vorname Nachname (17) | 43 | Female | Tokio | Zur Demonstration von b-scrollbox-x .-responsive deaktivieren und Fenster kleiner ziehen. Table wird horizontal scrollbar. |
| Vorname Nachname (18) | 44 | Female | Tokio | Zur Demonstration von b-scrollbox-x .-responsive deaktivieren und Fenster kleiner ziehen. Table wird horizontal scrollbar. |
| Vorname Nachname (19) | 45 | Female | Tokio | Zur Demonstration von b-scrollbox-x .-responsive deaktivieren und Fenster kleiner ziehen. Table wird horizontal scrollbar. |
| Vorname Nachname (20) | 46 | Female | Tokio | Zur Demonstration von b-scrollbox-x .-responsive deaktivieren und Fenster kleiner ziehen. Table wird horizontal scrollbar. |
| Vorname Nachname (21) | 47 | Female | Tokio | Zur Demonstration von b-scrollbox-x .-responsive deaktivieren und Fenster kleiner ziehen. Table wird horizontal scrollbar. |
| Vorname Nachname (22) | 48 | Female | Tokio | Zur Demonstration von b-scrollbox-x .-responsive deaktivieren und Fenster kleiner ziehen. Table wird horizontal scrollbar. |
| Vorname Nachname (23) | 49 | Female | Tokio | Zur Demonstration von b-scrollbox-x .-responsive deaktivieren und Fenster kleiner ziehen. Table wird horizontal scrollbar. |
| Vorname Nachname (24) | 50 | Female | Tokio | Zur Demonstration von b-scrollbox-x .-responsive deaktivieren und Fenster kleiner ziehen. Table wird horizontal scrollbar. |
secPepplesPaddBox (default)
demo-testpage - Golfpark Bregenzerwald
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consectetur fuga optio dolorum assumenda facere repellat libero quia vel incidunt perspiciatis? Exercitationem, quos officia maxime nostrum iure assumenda, reprehenderit ipsum enim totam repellendus ut voluptas itaque nesciunt deleniti omnis laborum temporibus ex soluta eius.