Barrierefreiheits­assistent

Zum Hauptinhalt springen

Anne-Frank-Gymnasium Erding - Naturwissenschaftlich-technologisches und Sprachliches Gymnasium

Home  •  Aktuelles  •  Termine  •  Kontakt

Seitenüber­schrift (H1)

Themen in diesem Bereich
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Default Button
Primary Button
Secondary Button
Danger Button

Absatzüberschrift (H2)

Dies ist eine Zeile mit Unterteilung in Drittel: 2 Drittel Text und 1 Drittel Bild.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean pharetra dui nibh, vel dapibus massa tristique vel. Nam maximus erat vel ante consectetur fermentum. Vestibulum at neque in dolor lobortis pulvinar eget ac lacus.

Donec ut commodo enim, bibendum varius lacus. Mauris at vestibulum enim. Aenean tortor orci, dapibus a augue quis, accumsan pulvinar magna. Donec eu nibh pharetra, interdum dui vel, vestibulum nunc. Quisque a tellus felis. Pellentesque eu scelerisque risus. Suspendisse potenti.

Donec ut commodo enim, bibendum varius lacus. Mauris at vestibulum enim. Aenean tortor orci, dapibus a augue quis, accumsan pulvinar magna. Donec eu nibh pharetra, interdum dui vel, vestibulum nunc. Quisque a tellus felis. Pellentesque eu scelerisque risus. Suspendisse potenti.

Dies ist eine Zeile mit Unterteilung in Drittel: 2 Drittel Text und 1 Drittel Bild.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean pharetra dui nibh, vel dapibus massa tristique vel. Nam maximus erat vel ante consectetur fermentum. Vestibulum at neque in dolor lobortis pulvinar eget ac lacus.

Donec ut commodo enim, bibendum varius lacus. Mauris at vestibulum enim. Aenean tortor orci, dapibus a augue quis, accumsan pulvinar magna. Donec eu nibh pharetra, interdum dui vel, vestibulum nunc. Quisque a tellus felis. Pellentesque eu scelerisque risus. Suspendisse potenti.

Dies ist ein Panel zur besonderen Hervorhebung kurzer Texte.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Aufzählung mit Icons

  • Sie können bei jedem Eintrag ein eigenes Icon wählen oder für alle das gleiche.

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.

  • Aenean pharetra dui nibh, vel dapibus massa tristique vel.

  • Nam maximus erat vel ante consectetur fermentum.

  • Vestibulum at neque in dolor lobortis pulvinar eget ac lacus.

Aufzählung ohne Icons

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.

  • Aenean pharetra dui nibh, vel dapibus massa tristique vel.

  • Nam maximus erat vel ante consectetur fermentum.

  • Vestibulum at neque in dolor lobortis pulvinar eget ac lacus.

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Accordion

In einem Accordion kann ein langer Text mit klaren Sinnabschnitten übersichtlich strukturiert werden. Der Besucher blendet nur die Inhalte ein, die ihn interessieren.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean pharetra dui nibh, vel dapibus massa tristique vel. Nam maximus erat vel ante consectetur fermentum. Vestibulum at neque in dolor lobortis pulvinar eget ac lacus.

Donec ut commodo enim, bibendum varius lacus. Mauris at vestibulum enim. Aenean tortor orci, dapibus a augue quis, accumsan pulvinar magna. Donec eu nibh pharetra, interdum dui vel, vestibulum nunc. Quisque a tellus felis. Pellentesque eu scelerisque risus. Suspendisse potenti.

Aenean pharetra dui nibh, vel dapibus massa tristique vel.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean pharetra dui nibh, vel dapibus massa tristique vel. Nam maximus erat vel ante consectetur fermentum. Vestibulum at neque in dolor lobortis pulvinar eget ac lacus.

Donec ut commodo enim, bibendum varius lacus. Mauris at vestibulum enim. Aenean tortor orci, dapibus a augue quis, accumsan pulvinar magna. Donec eu nibh pharetra, interdum dui vel, vestibulum nunc. Quisque a tellus felis. Pellentesque eu scelerisque risus. Suspendisse potenti.

Nam maximus erat vel ante consectetur fermentum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean pharetra dui nibh, vel dapibus massa tristique vel. Nam maximus erat vel ante consectetur fermentum. Vestibulum at neque in dolor lobortis pulvinar eget ac lacus.

Donec ut commodo enim, bibendum varius lacus. Mauris at vestibulum enim. Aenean tortor orci, dapibus a augue quis, accumsan pulvinar magna. Donec eu nibh pharetra, interdum dui vel, vestibulum nunc. Quisque a tellus felis. Pellentesque eu scelerisque risus. Suspendisse potenti.

Vestibulum at neque in dolor lobortis pulvinar eget ac lacus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean pharetra dui nibh, vel dapibus massa tristique vel. Nam maximus erat vel ante consectetur fermentum. Vestibulum at neque in dolor lobortis pulvinar eget ac lacus.

Donec ut commodo enim, bibendum varius lacus. Mauris at vestibulum enim. Aenean tortor orci, dapibus a augue quis, accumsan pulvinar magna. Donec eu nibh pharetra, interdum dui vel, vestibulum nunc. Quisque a tellus felis. Pellentesque eu scelerisque risus. Suspendisse potenti.

Grid

Mit einem Grid können Sie Elemente sehr prominent platzieren und bei Bedarf mit einer Filternavigation sortierbar machen.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum

Eintrag 1

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut.
Ut enim ad

Eintrag 2

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut.
Lorem ipsum

Eintrag 3

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut.
Ut enim ad

Eintrag 4

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut.
Lorem ipsum

Eintrag 5

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut.
Ut enim ad

Eintrag 6

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut.

Gallery

In einer Gallery können Sie beliebig viele Bilder anzeigen, die sich per Klick vergrößern (bei Bedarf mit Bildbeschreibung).

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Countdown

Mit einem Countdown können Sie auf ein Ereignis in der Zukunft aufmerksam machen. In diesem Beispiel wird bis zum nächsten Jahreswechsel gezählt.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Tage
:
Stunden
:
Minuten
:
Sekunden

Popover

Mit einem Popover können Sie auf Details eines Bildes eingehen. Beim Berühren der Plus-Icons werden diese eingeblendet.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Links

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Rechts

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Oben

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Unten

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Slideshow

Eine Slideshow eignet sich zur großflächigen Präsenatation von Bildern. Hier sind viele verschiedene Effekte möglich.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Bild 01

Meta Text

Bild 02

Meta Text

Bild 03

Meta Text

Bild 04

Meta Text

...und vieles mehr

Über die hier gezeigten Elemente hinaus gibt es noch viele weitere Möglichkeiten, die eigene Seite ansprechend zu gestalten: kostenlose Bilderdatenbanken, Icon-Sammlungen, Landkarten, Videoeinbindung, Animation etc.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Seitenüber­schrift (H1)

Themen in diesem Bereich
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Default Button
Primary Button
Secondary Button
Danger Button

Absatzüberschrift (H2)

Dies ist eine Zeile mit Unterteilung in Drittel: 2 Drittel Text und 1 Drittel Bild.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean pharetra dui nibh, vel dapibus massa tristique vel. Nam maximus erat vel ante consectetur fermentum. Vestibulum at neque in dolor lobortis pulvinar eget ac lacus.

Donec ut commodo enim, bibendum varius lacus. Mauris at vestibulum enim. Aenean tortor orci, dapibus a augue quis, accumsan pulvinar magna. Donec eu nibh pharetra, interdum dui vel, vestibulum nunc. Quisque a tellus felis. Pellentesque eu scelerisque risus. Suspendisse potenti.

Donec ut commodo enim, bibendum varius lacus. Mauris at vestibulum enim. Aenean tortor orci, dapibus a augue quis, accumsan pulvinar magna. Donec eu nibh pharetra, interdum dui vel, vestibulum nunc. Quisque a tellus felis. Pellentesque eu scelerisque risus. Suspendisse potenti.

Dies ist eine Zeile mit Unterteilung in Drittel: 2 Drittel Text und 1 Drittel Bild.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean pharetra dui nibh, vel dapibus massa tristique vel. Nam maximus erat vel ante consectetur fermentum. Vestibulum at neque in dolor lobortis pulvinar eget ac lacus.

Donec ut commodo enim, bibendum varius lacus. Mauris at vestibulum enim. Aenean tortor orci, dapibus a augue quis, accumsan pulvinar magna. Donec eu nibh pharetra, interdum dui vel, vestibulum nunc. Quisque a tellus felis. Pellentesque eu scelerisque risus. Suspendisse potenti.

Dies ist ein Panel zur besonderen Hervorhebung kurzer Texte.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Aufzählung mit Icons

  • Sie können bei jedem Eintrag ein eigenes Icon wählen oder für alle das gleiche.

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.

  • Aenean pharetra dui nibh, vel dapibus massa tristique vel.

  • Nam maximus erat vel ante consectetur fermentum.

  • Vestibulum at neque in dolor lobortis pulvinar eget ac lacus.

Aufzählung ohne Icons

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.

  • Aenean pharetra dui nibh, vel dapibus massa tristique vel.

  • Nam maximus erat vel ante consectetur fermentum.

  • Vestibulum at neque in dolor lobortis pulvinar eget ac lacus.

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Accordion

In einem Accordion kann ein langer Text mit klaren Sinnabschnitten übersichtlich strukturiert werden. Der Besucher blendet nur die Inhalte ein, die ihn interessieren.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean pharetra dui nibh, vel dapibus massa tristique vel. Nam maximus erat vel ante consectetur fermentum. Vestibulum at neque in dolor lobortis pulvinar eget ac lacus.

Donec ut commodo enim, bibendum varius lacus. Mauris at vestibulum enim. Aenean tortor orci, dapibus a augue quis, accumsan pulvinar magna. Donec eu nibh pharetra, interdum dui vel, vestibulum nunc. Quisque a tellus felis. Pellentesque eu scelerisque risus. Suspendisse potenti.

Aenean pharetra dui nibh, vel dapibus massa tristique vel.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean pharetra dui nibh, vel dapibus massa tristique vel. Nam maximus erat vel ante consectetur fermentum. Vestibulum at neque in dolor lobortis pulvinar eget ac lacus.

Donec ut commodo enim, bibendum varius lacus. Mauris at vestibulum enim. Aenean tortor orci, dapibus a augue quis, accumsan pulvinar magna. Donec eu nibh pharetra, interdum dui vel, vestibulum nunc. Quisque a tellus felis. Pellentesque eu scelerisque risus. Suspendisse potenti.

Nam maximus erat vel ante consectetur fermentum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean pharetra dui nibh, vel dapibus massa tristique vel. Nam maximus erat vel ante consectetur fermentum. Vestibulum at neque in dolor lobortis pulvinar eget ac lacus.

Donec ut commodo enim, bibendum varius lacus. Mauris at vestibulum enim. Aenean tortor orci, dapibus a augue quis, accumsan pulvinar magna. Donec eu nibh pharetra, interdum dui vel, vestibulum nunc. Quisque a tellus felis. Pellentesque eu scelerisque risus. Suspendisse potenti.

Vestibulum at neque in dolor lobortis pulvinar eget ac lacus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean pharetra dui nibh, vel dapibus massa tristique vel. Nam maximus erat vel ante consectetur fermentum. Vestibulum at neque in dolor lobortis pulvinar eget ac lacus.

Donec ut commodo enim, bibendum varius lacus. Mauris at vestibulum enim. Aenean tortor orci, dapibus a augue quis, accumsan pulvinar magna. Donec eu nibh pharetra, interdum dui vel, vestibulum nunc. Quisque a tellus felis. Pellentesque eu scelerisque risus. Suspendisse potenti.

Grid

Mit einem Grid können Sie Elemente sehr prominent platzieren und bei Bedarf mit einer Filternavigation sortierbar machen.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum

Eintrag 1

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut.
Ut enim ad

Eintrag 2

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut.
Lorem ipsum

Eintrag 3

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut.
Ut enim ad

Eintrag 4

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut.
Lorem ipsum

Eintrag 5

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut.
Ut enim ad

Eintrag 6

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut.

Gallery

In einer Gallery können Sie beliebig viele Bilder anzeigen, die sich per Klick vergrößern (bei Bedarf mit Bildbeschreibung).

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Countdown

Mit einem Countdown können Sie auf ein Ereignis in der Zukunft aufmerksam machen. In diesem Beispiel wird bis zum nächsten Jahreswechsel gezählt.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Tage
:
Stunden
:
Minuten
:
Sekunden

Popover

Mit einem Popover können Sie auf Details eines Bildes eingehen. Beim Berühren der Plus-Icons werden diese eingeblendet.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Links

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Rechts

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Oben

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Unten

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Slideshow

Eine Slideshow eignet sich zur großflächigen Präsenatation von Bildern. Hier sind viele verschiedene Effekte möglich.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Bild 01

Meta Text

Bild 02

Meta Text

Bild 03

Meta Text

Bild 04

Meta Text

...und vieles mehr

Über die hier gezeigten Elemente hinaus gibt es noch viele weitere Möglichkeiten, die eigene Seite ansprechend zu gestalten: kostenlose Bilderdatenbanken, Icon-Sammlungen, Landkarten, Videoeinbindung, Animation etc.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.