Nature Studio

Home

Lorem Ipsum

Lorem sit amet, dicunt iuvaret usu ad, vix urbanitas sententiae no. Clita voluptatibus eum cu, pro erat libris ut, iudico oportere contentiones ad usu.
Box Ipsum

Ich bin eine Box mit etwas mehr Text. Kein Problem, die Boxen in diesem Template sind flexibel und schließen, wenn die Boxen nebeneinander stehen, auch bei unterschiedlich langem Text alle auf gleicher Höhe ab.
Bella Ipsum

Lorem sit amet, dicunt iuvaret usu ad, vix urbanitas sententiae no. Clita voluptatibus eum cu, pro erat libris ut, iudico oportere contentiones ad usu.
Uno est Sol

Sol prodesset intellegam eum. Mazim ridens delicatissimi mei eu, dicant graeco ius ea. At pro errem nullam. Nam ei amet facete constituto, pro essent fastidii facilisi ut, pri eruditi postulant at.

Weiter
Dos Mia Mare

Mare meliore quo ut vividere. Cibo oblique albucius nam in, ea nemore scriptorem philosophia vim. Eum timeam utamur id, pri ullum ludus aliquam te, reque zril libris an ius. Vix erroribus dissent.

Weiter
Prudentia One

Ea sea cetero feugiat ponderum, sea sint bonorum ea. Petentium rationibus nec ne. Vix erroribus dissentiunt ad, te sea falli affert, eam iudico dicant utamur.
Prudentia Two

Facer melius eam ne, dicat tollit vim ne. Voluptua insolens ius in, sit ex nonumy legimus. Nec bonorum evertitur in. Mei cu vocibus mentitum interpretaris.
Prudentia Three

Facer melius eam ne, dicat tollit vim ne. Voluptua insolens ius in, sit ex nonumy legimus. Nec bonorum evertitur in. Mei cu vocibus mentitum interpretaris.
Prudentia Four

Ea sea cetero feugiat ponderum, sea sint bonorum ea. Petentium rationibus nec ne. Vix erroribus dissentiunt ad, te sea falli affert, eam iudico dicant utamur.

 

Informationen

Layout

Dieses Template heißt "Nature Studio". Grün-Töne treffen auf Gold-Gelb. Wunderbar. Die Natur macht es vor. We all like 'Daisy' and ' Sunflowers'. Das kleine Dreieck, welches am Fuße der Bilder platziert ist, ist nur per CSS und ohne Grafik programmiert und stellt bei Smartphone Auflösungen (wenn alle Fotos untereinander angeordnet werden) sicher, das Bild und der jeweilige Bildtext leichter als zusammenhängend erkannt werden.

Navigation

Das Hauptmenü mit den Links Primus bis Sextus ist bereits verlinkt.

 

Die Technik

Responsive Webdesign

Responsive Webdesign (RWD) ermöglicht eine Anpassung bzw. Optimierung der unterschiedlichen Bildschirmgrößen von Smartphone, Tablet, Notebook, Laptop und Desktop-PC innerhalb einer einzigen Webseite.

Dazu werden per CSS-Media Queries die verschiedenen Bildschirmgrössen abgefragt. Somit kann man auch auf das Hoch- oder Querformat eines mobilen Gerätes reagieren. Außerdem wird beim Layout verstärkt mit Prozent-Angaben gearbeitet.

So testen Sie

Diese Responsive-Vorlage verwendet keinerlei Javascript.Hier auf der Seite index1.html (Primus) nennen wir Ihnen gute Möglichkeiten ein Responsive-Layout in verschiedenen Auflösungen zu testen, denn nicht jeder hat ja diverse Smartphones und Tablets zu Hause.
©2022 | Nature Studio