Pier with a Lighthouse

Home Menü

- Home
- Primus
- Secundus
- Tertius
- Quartus
- Quintus
- Sextus

# Home

## Einige Informationen

### Das Layout

Dieses Template heißt 'Pier with a Lighthouse'. Auf den Fotos oben und unten liegt jeweils ein Blau-Filter per CSS-rgba, so daß die weiße Schrift auf den Fotos trotz der weißen Wolken gut zu lesen ist. Farbe und Deckungsgrad dieses Filters lassen sich ggfls. auch anders einstellen.

### Bereits verlinkt

Klicken Sie auf die Links im Menü (Primus bis Sextus) und Sie sehen wie die Seiten verlinkt sind und erfahren noch einige Informationen. Der jeweils aktuelle Links zeigt ein Anker-Icon (per kostenlose Icon-Font namens Fontawesome) passend zum maritimen Thema. Klar können Sie hier auch ein anderes Icon wählen bzw. auch gar keines verwenden.

### Einspaltiger Inhaltsbereich

Wollen Sie auf einigen Seiten ihrer Webseite keinen 2-spaltigen Bereich im Inhaltsbereich, sondern auf die Sidebar verzichten?
So geht es: Wir haben als Beispiel für Sie die Seite index7.html (Septus) angelegt.
Fotostrecke: Bildunterschrift. Ein Leuchtturm am Pier. Seemöwen, Wellen, Boote, Wind und Wolken. Küsten gehören zu den schönsten Landschaften auf der Erde.

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

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.

### Öffnungszeiten

MONTAG - FREITAG:
10.00 - 18.00 Uhr
DONNERSTAG.
10.00 - 20.00 Uhr
SAMSTAG:
09.00- 16.00 Uhr

### Über uns

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum ... Weiter

### Navigation 2nd

- Link 01
- Link 02
- Link 03
- Weitere Links
- More

- Phone: (0000) 0000000-50
- Mobile : (+49) 0000-1234567
- Fax: (0000) 7654321-4141

- Impressum
- Datenschutz
- Disclaimer

©2040 | Pier with a Lighthouse