## Das Layout

### Ribbon - Schleife, Band

Bei einigen Objekten haben wir vom Objekt ausgesehen, nämlich links oben, eine Art dekorativer Schleife (Ribbon) eingebaut. Diese haben wir mit einem kleinen Schriftzug (beliebig) oder mit Font-Icons (beliebig, hier bei uns z.B. 3 Sterne) gefüllt. Wir hoffen, Sie haben Spaß an dieser Idee.

### Wechselnde Fotos

Auf jeder der einzelnen HTML-Seiten gibt es im Kopf-Bereich ein anderes Foto. Das schafft Struktur und macht jeden Link einzigartig und vertraut. Das Hauptmenü (Home bis Sextus) haben wir bereits beispielhaft verlinkt.

Lorem Ipsum. In interesset definitionem delicatissimi sed. Te vis falli nostrud urbanitas. Pro at doctus molestiae, te sea dicit repudiandae. Has ut veniam altera recteque, eu quas delenit eam. Legere commodo platonem duo ne, pro alia aliquid explicari in, et eum nullam sensibus scriptorem. Veniam officiis assueverit per id, facilisis disputando id eam, vim justo iuvaret atomorum te.

Ne qui probo iriure argumentum, elaboraret scribentur et eos, est munere aperiam repudiare an. Est eu aliquip consequuntur, antiopam patrioque mel et, cum ex impetus nominavi.

No erat mandamus. At causae verterem elaboraret vix, sea te nostrud definiebas honestatis. Animal quaerendum qui eu, te aliquip graecis praesent vel. Vel dicta nominati sensibus ea, utroque repudiare vituperatoribus Primus cu, an sed delicata indoctum. Solum possit antiopam cum no. Id his graeci labore corpora, usu at sonet utamur.

No sed sale evertitur, eos ex assum fierent elaboraret, eu vis debet adipiscing. Nec ad quod aperiam, probo eligendi voluptua in duo, usu summo novum at. Inani persecuti pri at. Iriure nonumes vis id.

## What We Offer

#### 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.

#### Test It The Easy Way

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.

#### Lightbox Picture Gallery

Auf der Seite Quartus haben wir für Sie eine Bilder-Gallerie eingebaut. Nach Klick auf einem Foto öffnet sich ein neues Fenster mit dem Foto sowie einer Bildunterschrift und einer Anzeige (Bild X von Anzahl X), gleichzeitig dunkelt sich die komplette Webseite im Hintergrund ab.

#### Lightbox auf allen Fotos

Sie könnten das Lightbox-Script auch auf alle Fotos anwenden, wenn Sie möchten. Die entsprechenden Änderungen dazu sind nur in der HTML-Datei zu tätigen, denn das Script ist ja bereits eingebaut. Mehr Infos dazu auch hier bei Quartus

## Expedia Modem

Bild mit Textblock. Auch bei Einfügen von mehr Text schließen Bild und Text bei höheren Auflösungen, also wenn diese Boxen nebeneinander stehen, immer auf der gleichen Höhe ab. Nullam cursus lacinia erat. Praesent blandit laoreet nibh. Fusce convallis metus id felis luctus adipiscing.
NEU -NEWS

A Short Notice. Lorem ut eros et nisl sagittis vestibulum. Nullam nulla eros, ultricies sit amet, nonummy id, imperdiet feugiat, pede. Sed lectus. Donec mollis hendrerit risus.

Lorem ut eros et nisl sagittis vestibulum. Nullam nulla eros, ultricies Sextus amet, nonummy id, imperdiet feugiat, pede.

Etiam imperdiet imperdiet orci. Nunc nec neque. Phasellus leo dolor. In pertinax patrioque vel, eum everti detracto no, partem delectus eum in. Mea primis fuisset instructior an, mel quaestio abhorreant cu, ea esse velit ius.

#### Prudencia Mobile

No wisi latine scribentur has. Ei eruditi salutandi duo, ad eum melius insolens scribentur, mea et invenire tractatos iudicabit. Ut esse laudem imperdiet sea, ex ius putent iriure lobortis. Autem causae cotidieque has no, ea vim agam alienum, iriure albucius vulputate ei ius...

#### Conceptam Profundis

Has libris gloriatur sadipscing at, qui facilisis torquatos vituperata ei, ex meis signiferumque sea. Ne delenit percipit iracundia usu, no his tantas periculis torquatos. Te mei cibo everti. Ei est recteque conceptam, ius ut inermis pericula. Ei per nominati democritum. Tamquam hendrerit pro id.Mutat ipsum audire his ut. Quaeque euismod ne mea. Altera impedit sit cu, mazim propriae eloquentiam est ad.

#### Eruptus est nominati

Vel quem appetere phaedrum ne, est eu regione adversarium. Ne vix munere inimicus, usu no brute copiosae. Mea no zril suscipit referrentur. Liber soleat detracto in vix, et est nobis albucius contentiones, mel eu eloquentiam efficiantur.

## Global World

### La Bella Terra

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

### Pacta sunt servanda

Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo

### Geschäftszeiten

MO - FR: 10.00 - 18.00 Uhr
DO: 09.00 - 13.00 Uhr
DO: 16.00 - 20.00 Uhr
SA: 09 - 16.00 Uhr

### Kontakt

Tel: +49 089 12345 67
Fax: +49 089 12345 68
infokontaktmail@muster.de

### Address - Location

Professor Dr. Archibald Robertson
Roxanne Street No. 12
Great Britain - London

### Links Intern

- Home Zero
- Primus One
- Secundus Two Second
- Tertius Three Third
- Quartus Four Fourth
- Quintus Five
- Sextus Six

### Social Media

### Legal Conditions

- Impressum
- Datenschutz
- Disclaimer

### Links Extern

- Lorem Ipsum
- Nomen est omen
- Opes Regum corda subdit
- Sapienti Sat Est
- Omnia Vincit Amor
- Bella Mia Terra Luna Sol
- Magna Charta Signs
- Viva Profundis Documenta
- Solventus Momentum Deus

### Help - Info