Auf dieser Seite werden alle Boxen dargestellt. Jedes Element der Seite liegt in einer Box. Es können 1 bis 8 Boxen nebeneinander liegen. Je nachdem, welche Boxgröße (Box1 bis Box8) gewählt wird, können die Breiten der Boxen verändert werden.
Die Anwendung der Klassen ist hier nur exemplarisch. Natürlich sollten die Boxen mit der Größe Box1 nicht für texte verwendet werden und auch nicht mit unterschiedlichen Außenboxen. Es sind nur Gestaltungsbeispiele, die einzeln verwendet werden
Box1_1
Innen: light Außen: turquoise
Box1_2
Innen: light Außen: turquoise round-all
Box1_3
Innen: turquoise Außen: light
Box1_4
Box1_5
Box1_6
Box1_7
Innen: light Außen: dark-blue
Box1_8
Box2_1
Box2_2
Headline 2
Innen: light Außen: blue round-all
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quibusdam error ipsam laborum beatae ab ea illum, explicabo maiores.
Box2_3
Headline 2
Innen: light Außen: gradient2
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quibusdam error ipsam laborum beatae ab ea illum, explicabo maiores.
Box2_4
Headline 2
Innen: light Außen: gradient1
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quibusdam error ipsam laborum beatae ab ea illum, explicabo maiores.
Box3_2
Headline 1
Innen: light-gray blue-dark-font Außen: red
Headline 3
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quibusdam error ipsam laborum beatae ab ea illum, explicabo maiores. Amet tenetur animi nostrum unde assumenda ad sed nulla deserunt maxime illum.
Box3_1
Headline 1
Innen: light-gray Außen: blue
Headline 3
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quibusdam error ipsam laborum beatae ab ea illum, explicabo maiores. Amet tenetur animi nostrum unde assumenda ad sed nulla deserunt maxime illum.
Box3_3
Box weit1
Box Fullwidth Innen: shadow
