Profundis Vida Opus
| Home |

## Start Homepage

### Information

Die sieben Seiten 'Home' (diese Seite) bis Sextus, sind bereits als Beispiel verlinkt. Bitte klicken Sie diese, um zusätzliche Infos zu erfahren und zu sehen wie die Unterseiten angelegt sind. Mit abgewinkelten Buttons: Schrägstellung der Buttons mit CSS transform:skew. Da die Schrift aber auf dem Ojekt damit auch schräg gestellt wird, geben wir der Schrift eine Schrägstellung in die andere Richtung. Ergebnis: Die Schrift wird gerade angezeigt.
Eine Foto-Gallerie (Lightbox) finden Sie hier bei Quintus Bei Klick auf einem Bild der Foto-Gallerie lassen sich dann sämtliche Fotos innerhalb dieser Kategorie durchklicken. Wer mag, kann das Lightboox-Script auch auf die anderen Fotos legen.
Inklusive netter CSS-Animation: Fade-In + Delay. Alle Menü-Links werden nacheinander mit kurzer Verzögerung eingeblendet (bei mobilen Auflösungen). Sed cursus turpis vitae tortor. Donec posuere vulputate arcu. Phasellus accumsan cursus velit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed aliquam, nisi quis porttitor congue, elit erat euismod orci, ac placerat dolor lectus quis orci. Phasellus consectetuer vestibulum elit. Aenean tellus metus, bibendum sed, posuere ac, mattis non, nunc.
Liste speziell mit Font-Icon, verlinkt. Fahren Sie mit der Maus über den Link, dann erfolgt eine Animation. Mehr zu den Icons lesen Sie hier auf der Seite Quartus.

- This is Primus
- Here ist Secundus
- Check out Tertius
- Quartus likes You
- Quintus Gallery Lightbox

.

## Responsive Webdesign

Responsive Webdesign (RWD) ermöglicht eine Anpassung bzw. Optimierung der verschiedenen Bildschirmgrößen von Smartphone, Tablet, Notebook, Laptop und Desktop-PC innerhalb einer einzigen Webseite. Dazu werden per CSS-Media Queries die 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 Angaben in Prozent gearbeitet.

### So testen Sie

Hier auf der Seite Primus (index1.html) nennen wir Ihnen gute Möglichkeiten ein Responsive-Layout bezüglich der jeweiligen Auflösung zu testen, denn nicht jeder hat ja diverse Smartphones und Tablets zu Hause.