Model Bella Ipsum


Four Pictures
Sit amet, facilis nominati philosophia sit ei, eos nonumy lobortis expetendis te.

Four Pictures
Lorem sit amet, dicunt iuvaret usu ad, vix urbanitas sententiae no. Ad has odio feugiat, quo id nibh.

Four Pictures
Bella ipsum amet, putant malorum civibus qui cu, eos te elit velit. Nam apeirian insolens in.

Four Pictures
Mala ipsum dolor eta gold, cu wisi efficiendi usu, eum oratio fierent petentium cu. In vel malis inani.



Latest Models

One Picture
Pro id homero scaevola. Sed id lucilius voluptaria, duo ut meis euismod feugiat. Vix convenire dissentiet an, ad lorem quando. His ut tempor facete. Ei populo semper tamquam qui, ad dicit ridens indoctum mea. Sit inani vocent et, pri eu nisl solet. Laudem molestie has ei, vocibus philosophia quo ex. Id harum legendos has, quo nobis quando id.

Id assueverit repudiandae neglegentur duo. Cum aperiri efficiendi interpretaris cu, an iusto populo mnesarchum qui, mediocrem assueverit eum eu. Vix an labore assentior. Cu purto imperdiet maiestatis quo, ex his omnis etiam deterruisset, pri mundi eruditi vulputate ad.
More



One Picture
Ut enim pertinacia duo, vim minim volumus ut. Reque oblique detracto an duo, pri ei autem falli vulputate. Eum amet regione ei. Vivendum invenire consetetur quo at, ex putant viderer nec, offendit inimicus gloriatur eos ei. Purto soleat causae ne sea, possit assentior sententiae no usu.
Vis eu solet iracundia, te assum splendide vim. Nam nibh appetere definiebas an. Sed wisi ferri tincidunt ea, mea inani alterum ceteros at, numquam consequat an eam. Te sit vidit omnes, et mei probo malorum habemus, quo ut regione invenire.Pro id homero scaevola. Sed id lucilius voluptaria, duo ut meis euismod feugiat. Vix convenire dissentiet an, ad lorem quando.
More



Home. Welcome.

Das Layout

Die Idee

Der Logo-Bereich: Eine Grafik, eine Schräge und Rasterpunkte sollen in einem Objekt verbunden werden - als Material liegt aber nur die eine Grafik vor, Schräge und Rasterpunke sollen dann per CSS hinzugefügt werden. Das geschieht mit den modernen CSS-Techniken, welche verschiedene Variationen per "CSS-background" zulassen. Haben Sie es bemerkt? Die Kamera blitzt einmal kurz alle 20 Sekunden, dieser Wert ist natürlich auch veränderbar.

Das Design

Dieses Template heißt 'Model Agency'. Es ist responsive angelegt und enthält einige Animationen. Diese Animationen sind per CSS angelegt und es wird diesbezüglich keinerlei Javascript verwendet. Hier auf der Seite index4.html (Quartus) erfahren Sie , welche Animationen es gibt und wie Sie allgemein auch die Animationen löschen können. Insgesamt haben wir alle Beispiel-Links (Home bis Sextus) verlinkt und mit Informationen bzw. varierenden Layout versorgt.


Best models for you. They are wonderful and natural. Regione alterum eum ut, usu et unum iriure fuisset. Inani laboramus suscipiantur ut duo. Eum sint detracto at, doctus recusabo consequat nam ea.



Archive View


Sedcard
Mandy

Sedcard
Anne

Sedcard
Lena

Sedcard
Mary



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. Außerdem wird beim Layout verstärkt mit Prozent-Angaben gearbeitet.

So testen Sie

Diese Responsive-Vorlage verwendet keinerlei Javascript. Weder für die Navigation noch für das Ansprechen der CSS-Media Queries bei älteren Browsern, noch für die Animationen. 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.


Would you?
Fall in love with our models.




Oberhalb sehen Sie den Schriftzug "Fall in love". Dieser ist animiert, die Animation startet automatisch und hat einen Loop von 5 Durchgängen, wobei der Loop-Wert beliebig veränderbar ist. Danach steht der Schriftzug still, das Herz-Icon schlägt aber trotzdem weiter, denn es hat eine eigenständige Animation (Heartbeat).


Impressionen

Einige Foto Eindrücke

Bei den Fotos auf den Seiten index2.html (Secundus), index3.html (Tertius), index5.html (Quintus) und index6.html (Sextus) zeigen wir Ihnen Beispiele für die Anordnung von 2 Fotos im Block, 4 Fotos im Block, 3 Fotos im Block und 1 Foto mit nebenstehendem Text.

Zoom-In-Animation rotierend

Bei Mausberührung auf den Fotos der vorstehend genannten Links gibt es eine Animation wie folgt: Es erfolgt eine Vergrößerung sowie eine Rotation des Fotos. Da wir aber diese Animation innerhalb einer Box ablaufen lassen, wird daraus ein sich bewegender Zoom-In-Effekt.


© 2020  Model Agency