DEV | Components
/// Components ///
Headings:
Heading 1 Lorem ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit accusantium illo, soluta numquam in dignissimos.
Heading 2 Lorem ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit accusantium illo, soluta numquam in dignissimos.
Heading 3 Lorem ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit accusantium illo, soluta numquam in dignissimos.
Hero
Schulprofil
Checklistbox mit Checklist in Fullwidth-Container:
Box:
Teaser mit Bild (im Grid):
Teaser ohne Bild (im Grid):
Split-Teaser:
Teaser mit Grafik und Text (im Grid):
Was uns ausmacht
Teaser mit Grafik (im Grid):
Tabelle für Unterrichtszeiten:
| Stunde | von | bis |
|---|---|---|
| 1 | 7:50 | 8:35 |
| 2 | 8:40 | 9:25 |
| 3 | 9:30 | 10:15 |
| … | … | … |
Teaser:
Image Rows
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Nihil nesciunt nam, libero quibusdam placeat unde rem praesentium repellendus fuga consequuntur est facere sunt beatae eos, aliquid dolore tempora doloremque.
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Nihil nesciunt nam, libero quibusdam placeat unde rem praesentium repellendus fuga consequuntur est facere sunt beatae eos, aliquid dolore tempora doloremque.
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Nihil nesciunt nam, libero quibusdam placeat unde rem praesentium repellendus fuga consequuntur est facere sunt beatae eos, aliquid dolore tempora doloremque.
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Nihil nesciunt nam, libero quibusdam placeat unde rem praesentium repellendus fuga consequuntur est facere sunt beatae eos, aliquid dolore tempora doloremque.
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Nihil nesciunt nam, libero quibusdam placeat unde rem praesentium repellendus fuga consequuntur est facere sunt beatae eos, aliquid dolore tempora doloremque.
Bildergalerie
Collapsible
Buttons
Button Component (Anchor Element) Anchor Test Button Component (Link)
Image Overlay (WIP)
Kontaktformular
/// Base Elements ///
H1 Lorem ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit accusantium illo, soluta numquam in dignissimos.
H2 Lorem ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit accusantium illo, soluta numquam in dignissimos.
H3 Lorem ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit accusantium illo, soluta numquam in dignissimos.
H4 Lorem ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit accusantium illo, soluta numquam in dignissimos.
H5 Lorem ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit accusantium illo, soluta numquam in dignissimos.
H6 Lorem ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit accusantium illo, soluta numquam in dignissimos.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit accusantium illo, soluta numquam in dignissimos voluptatum ea praesentium esse fugit quidem minima, rerum recusandae nam quasi eos assumenda hic officia? Lorem ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit accusantium illo, soluta numquam in dignissimos voluptatum ea praesentium esse fugit quidem minima, rerum recusandae nam quasi eos assumenda hic officia?
Heading H3 Component Lorem ipsum dolor sit amet consectetur
Lorem ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit accusantium illo, soluta numquam in dignissimos voluptatum ea praesentium esse fugit quidem minima, rerum recusandae nam quasi eos assumenda hic officia? Lorem ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit accusantium illo, soluta numquam in dignissimos voluptatum ea praesentium esse fugit quidem minima, rerum recusandae nam quasi eos assumenda hic officia?
H2 Lorem ipsum dolor sit amet consectetur
Lorem ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit accusantium illo, soluta numquam in dignissimos voluptatum ea praesentium esse fugit quidem minima, rerum recusandae nam quasi eos assumenda hic officia? Lorem ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit accusantium illo, soluta numquam in dignissimos voluptatum ea praesentium esse fugit quidem minima, rerum recusandae nam quasi eos assumenda hic officia?
- Lorem ipsum dolor sit amet
- Recusandae nam quasi eos assumenda
- Reprehenderit accusantium illo, soluta numquam in dignissimos voluptatum ea praesentium
- Praesentium esse fugit quidem minima, rerum recusandae nam quasi eos assumenda hic officia
- Assumenda ipsum dolor sit amet
| Header content 1 | Header content 2 | Header content 3 |
|---|---|---|
| Body content A1 | Body content B1 | Body content C1 |
| Body content A2 | Body content B2 | Body content C2 |
| Body content A3 | Body content B3 | Body content C3 |
| Body content A4 | Body content B4 | Body content C4 |
| Body content A5 | Body content B5 | Body content C5 |
| Footer content 1 | Footer content 2 | Footer content 3 |