Fight For Justice Judiciary, Law and Order!

Das Layout

Der Slogan-Kreis

Im Header sehen Sie einen Kreis, welchen Sie für einen Slogan, Spruch, Telefonnummer, besondere Hinweise ooder ähnliches nutzen könnten. Beis uns im Beispiel haben wir auf jeder Seite etwas anderes als Inhalt reingeschrieben.

Das Haupt-Menü

Die Pfeile im Menü sind übringes Font-Icons, welche hier mit dem Pseudoelement ":before" angelegt wurden. Vorteil: Mit nur einer Änderung in der CSS-Datei wechseln Sie bei Bedarf die Menü-Icons in allen HTML-Seiten auf einmal. Übrigens: Bei Mausberührung erfolgt ein Icon-Tausch. Das Hauptmenü (Home bis Sextus) haben wir bereits beispielhaft verlinkt.


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.


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.

 



La Justicia

In dubio pro reo

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


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.
 
Prof. Sir Michael Francis Stevenbridge
Monument Tower Street No. 12
Great Britain - Nottingham

Telephone 1: +49 089 12345 67
Fax: +49 089 12345 68
Mobile 1: (+49) 0000-1234567
info-mail@mustermail.de