Aligning Items in a Flex Container

Check out the responsive view as well. To make things even more sweeter, this page is using a clean css structure: Object Oriented CSS (OOCSS)..mmm..Yammi!

Hi, I'm a Form!

Look how my inputs align nicely without using the width property!

Middle Columm

Blindtexte nennt man Texte, die bei der Produktion von Publikationen oder Webseiten als Platzhalter für spätere Inhalte stehen, wenn der eigentliche Text noch nicht vorhanden ist. Sie werden auch als Dummy-, Füll- oder Platzhaltertexte bezeichnet. Mitunter sollen Komponisten von Liedern Blindtexte beim Komponieren von Melodien benutzen und diese vor dem Dichten des Liedtextes singen. Bereits seit dem 16. Jahrhundert dürften Blindtexte bei Setzern üblich gewesen sein.

Als bekanntester Blindtext gilt der Text "Lorem ipsum", der seinen Ursprung im 16. Jahrhundert haben soll. Lorem ipsum ist in einer pseudo-lateinischen Sprache verfasst, die ungefähr dem "natürlichen" Latein entspricht. In Ihm finden sich eine Reihe realer lateinischer Wörter. Auch dieser Blindtext ist unverständlich gehalten, imitiert jedoch den Rhythmus der meisten europäischen Sprachen in lateinischer Schrift. Der Vorteil des lateinischen Ursprungs und der relativen Sinnlosigkeit von Lorem ipsum ist, dass der Text weder die Aufmerksamkeit des Betrachters auf sich zieht noch von der Gestaltung ablenkt.

Sidebar One

Mittlerweile existiert ferner eine Fülle an lesbaren Blindtexten. Diese werden meist verwendet, wenn ihre Funktion die eines reinen Platzhaltertextes ist. Diese Alternativen zu den klassischen Lorem ipsum-Texten sind oftmals amüsant und erzählen kleine, lustige oder sinnlose Geschichten.

Sidebar Two

Dass jedoch Füll- bzw. Platzhaltertexte beispielsweise von automatischen Such-Programmen nicht erkannt werden können, sinnlose Informationen somit nicht von sinnvollen zu unterscheiden sind, machen sich einige Internetanbieter zu Nutze: Gezielt erzeugter Blindtext, versehen mit einer spezifischen Kombination von Suchwörtern, kann zu einen erhöhten Zugriff von Suchmaschinen-Nutzern führen. Infolgedessen erhöhen sich die Werbeeinnahmen, die von der "Trefferzahl" der Web-Seite abhängen.

Hi! I'm box one

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren.

Hi! I'm box two

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Hi! I'm box three

Lorem vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo