So sieht eine Flaggleine aus
Und so eine Headline, gerne auch Überschrift genannt.
Modul
Text: Absatz

Scrollytelling revolutioniert das Webdesign, indem es interaktive, vertikal scrollende ErzÀhlformen nutzt. Durch Animationen, Grafiken und Texte entsteht eine immersive, fesselnde Nutzererfahrung, die Geschichten lebendig macht.

Wenn man auf „Mehr lesen“ klickt, dann erscheint dieser Text.

Modul
Text: Ticker

Hier steht der exemplarische Ticker-Text. Hier steht der exemplarische Ticker-Text. Hier steht der exemplarische Ticker-Text. Hier steht der exemplarische Ticker-Text.

Modul
Text: Infobox
In dieser Infobox finden sich Informationen zur Infobox

Infoboxen sind wie die ĂŒberraschenden Bonuslevel in Videospielen. Man scrollt gemĂŒtlich durch den Text, und plötzlich ploppt eine Infobox auf, voller spannender Details, die man nicht erwartet hat. Sie sind die Nerds des Internets: klein, unscheinbar, aber voller Wissen, das man irgendwann im Pub-Quiz gebrauchen kann. Infoboxen sind der Beweis, dass auch die kleinsten KĂ€stchen Großes leisten können – und uns daran erinnern, dass die besten Dinge oft in kompakten Paketen kommen!

Modul
Text: Zitat

„Sie dĂŒrfen mich gerne mit meinen eigenen Worten als Erfinder des Zitats zitieren.“

Hans-JĂŒrgen Zitaten
Modul
Bild: Bilder-Grid
Modul
Bild: Bilder-Slider
Slider 1
Slider 2
Slider 3
Modul
Bild: Einzelbild

Das hier ist die Beschreibung des Einzelbildes.

Modul
Bild: SVG
Countries of Europe A blank Map of Europe. Every country has an id which is its ISO-3166-1-ALPHA2 code in lower case. Members of the EU have a class="eu", countries in europe (which I found turkey to be but russia not) have a class="europe". Certain countries are further subdivided the United Kingdom has gb-gbn for Great Britain and gb-nir for Northern Ireland. Russia is divided into ru-kgd for the Kaliningrad Oblast and ru-main for the Main body of Russia. There is the additional grouping #xb for the "British Islands" (the UK with its Crown Dependencies - Jersey, Guernsey and the Isle of Man) and the Kingdom of Denmark (Denmark, Faroe Islands, Greenland) Contributors. Original Image: (http://commons.wikimedia.org/wiki/Image:Europe_countries.svg) JĂșlio Reis (http://commons.wikimedia.org/wiki/User:Tintazul). Recolouring and tagging with country codes: Marian "maix" Sigler (http://commons.wikimedia.org/wiki/User:Maix) Improved geographical features: http://commons.wikimedia.org/wiki/User:W!B: Updated to reflect dissolution of Serbia & Montenegro: http://commons.wikimedia.org/wiki/User:Zirland Updated to include British Crown Dependencies as seperate entities and regroup them as "British Islands", with some simplifications to the XML and CSS: James Hardy (http://commons.wikimedia.org/wiki/User:MrWeeble) Validated (http://commons.wikimedia.org/wiki/User:CarolSpears) Changed the country code of Serbia to RS per http://en.wikipedia.org/wiki/Serbian_country_codes and the file http://www.iso.org/iso/iso3166_en_code_lists.txt (http://commons.wikimedia.org/wiki/User:TimothyBourke) Uploaded on behalf of User:Checkit, direct complaints to him plox: 'Moved countries out of the "outlines" group, removed "outlines" style class, remove separate style information for Russia' (http://commons.wikimedia.org/wiki/User:Collard) Updated various coastlines and boarders and added various islands not previously shown (details follow). Added Kosovo, Northern Cyprus, Crimea, Abkhazia, South Ossetia, Transnistria and Nagorno-Karabakh as disputed territories. Moved major lakes to their own object and added more. List of updated boarders/coastlines: British Isles (+ added Isle of Wight, Skye, various smaller islands), the Netherlands, Germany, Austria, Hungary, Czech Republic, Denmark, Sweden, Finland, Poland, Kaliningrad Oblast of the Russian Federation (and minor tweaks to Lithuania), Estonia, Ukraine, Moldova (minor), Romania, Bulgaria, Turkey, Greece, F.Y.R. Macedonia, Serbia, Bosnia and Herzegovina, Montenegro, Albania, Croatia, Italy (mainland and Sicily), Malta (http://commons.wikimedia.org/wiki/User:Alphathon). Added Bornholm (http://commons.wikimedia.org/wiki/User:Heb) Released under CreativeCommons Attribution ShareAlike (http://creativecommons.org/licenses/by-sa/2.5/).
Modul
Bild: Vergleich

Im Vergleich kann man gut erkennen, dass es sich hier um zwei völlig verschiedene Bilder handelt.

Modul
Layout: Zweispaltig

I bims, Spalte links!

Und I bims Spalte rechts.

Modul
Player: Audio

Musik ist fĂŒr viele Menschen eine emotionale Erfahrung.

Modul
Player: Video

Sehr abstrakt aber man sieht schon ungefÀhr worum es geht.

Modul
Scroll: Bild-Zoom

Module die nicht ins Layout integriert sind:

  • Scroll Lottie
  • Player: Lottie
  • akkordeon text
  • chart/tabelle
  • horizontal scroll
  • hotspot image
  • scrollable video
  • sticky image