Button Primär
Button Primär Ghost
Button Primär Fluid
Button Primär Fluid Ghost
Button Sekundär
Button Sekundär Ghost
Button Sekundär Fluid
Button Sekundär Fluid Ghost
Button Schwarz
Button Schwarz Ghost
Button Schwarz Fluid
Button Schwarz Ghost
Button Weiß
Button Weiß Ghost
Button Weiß Fluid
Button Weiß Fluid Ghost
Button Success
Button Success Ghost
Button Success Fluid
Button Success Fluid Ghost
Button Warning
Button Warning Ghost
Button Warning Fluid
Button Warning Fluid Ghost
Button Danger
Button Danger Ghost
Button Danger Fluid
Button Danger Fluid Ghost
Hinweise
Durch die eindeutige Strukturierung und visuelle Unterscheidung der Überschriften, wird eine klare Seitenhierachy garantiert.
Es gilt zu beachten, dass auf jeder Seite nie mehr aber auch nie weniger als eine H1 sein darf und soll.
Die H1 sollte immer die wichtigsten Keywords enthalten.
Es gilt zu beachten, dass auf jeder Seite nie mehr aber auch nie weniger als eine H1 sein darf und soll.
Die H1 sollte immer die wichtigsten Keywords enthalten.
Anwendung
Die überschriften sorgen für eine klare Strukturierung der Website und werden zur klaren definierung der einzelnen Bereiche der Website verwendet.
CSS Klassen
button
Auf einen Link Block angewandt, bekommt dieser den Basis Style für einen Button
button
secondary
Fügt man die Klasse "secondary" hinzu, verwendet der Button. die Sekundär-Farbe
button
ghost
Fügt man die Klasse "ghost" hinzu, wird aus dem Button ein "Ghost-Button"
button
fluid
Fügt man die Klasse "fluid" hinzu, füllt der Button immer 100% der Breite des äußeren Objektes aus
button
big
Fügt man die Klasse "big" hinzu, wird der Button ca. 40% größer
button
small
Fügt man die Klasse "small" hinzu, wird der Button ca. 30% kleiner
Diese Klassen lassen sich miteinander kombinieren