Diese Unterseite wird zum Entwickeln der verschiedenen Funktionen verwendet.

Bitte hier keine Änderungen durchführen.

animationsstest

Schreibmaschinen effekt

*Dies ist ein HTML Widget der Text der animiert wird befindet sich in dem Tag "data-type" dort einfach den gewünschten Text austauschen

Fullwidth Image

Bitte das Spaltenelement Duplizieren, dann Bild und Content austauschen und an gewünschter Stelle Platzieren, aller weiteren Elemente innerhalb des Spaltenelements werden dann über dem Bild angezeigt, hier muss nur darauf geachtet werden, dass das Bild nicht zu Groß ist.

Fullwidth Image with Content 

fullwidth

Fullwidth Image with Content 


fullwidth mit farbigen teil und auf 100% gestretcht
In der ersten Spalte befindet sich ganz oben ein html Element, dort muss dann unter dem Tag data-color die gewünsche farbe eingetragen werden (alles andere so lassen)

 

in der zweiten Spalte befindet sich ebenfalls ein html element, dort muss dann die zweite Farbe mit dem Tag data-color beschrieben werden. die Zweite Spalte sollte immer höher sein als die erste da es sonst zu lücken kommt.

cwdewdwdwwdxwe


Counter

einfach [*counter 100*] als Text (ohne *) schreiben, durch die eckigen Klammern und das Wort Counter wird erkannt dass es ein Counter ist

[counter 24]

[counter 68]