Pier with a Lighthouse

Quartus

Die Schrift

Webfonts

In diesem Template werden Google Webfonts verwendet. Diese sind ja kostenlos und beliebt. Es sind die Schriften 'ROBOTO Light' und 'OPEN SANS Light', welche direkt im Template integriert sind und somit auch ohne Internet-Verbindung angezeigt werden. Die Schriften haben wir über das HTML Link-Element eingebunden.
<link rel="stylesheet" href="css/font-roboto-light.css" type="text/css">
<link rel="stylesheet" href="css/font-open-sans-light.css" type="text/css">
Wenn Sie diese Schriften nicht verwenden wollen bzw. sich für andere Schriften entscheiden, so nehmen Sie einfach den Link-Verweis aus der HTML-Seite heraus, damit die Schriften nicht geladen werden.

 

Icons

Wir verwenden Icon-Fonts

Font-Icons sind sozusagen grafisch wirkende Schriftzeichen, die aber wie normaler Text behandelt werden (denn es sind ja Textzeichen) und damit eine schnellere und leichtere Formatierung gegenüber grafischen Icons per Bildformat (z.b. gif, jpg oder png) ermöglichen. Wir haben eine der beliebtesten Icon-Schriften in dieser Vorlage bereits anbei. Sie heißt "Fontawesome".

Font Awesome

Viele weitere Icons sind möglich, denn die Icon-Schrift "FontAwesome" ist ja bereits in dieser Vorlage installiert. So fügen Sie ggfls. weitere Icons hinzu oder ersetzen die vorhandenen.

Die Dateien der Icon-Schrift sind also bereits diesem Template beigefügt mit dem großen Vorteil, das die Icons somit auch geladen und angezeigt werden, wenn keine Internet-Verbindung besteht.

Die Icon-Schrift kann aber statt dessen auch noch einfacher durch einen entsprechenden Link im Kopfbereich der Seite aufgerufen werden, die Schrift wird dann serverseitig geladen, sehen Sie hierzu die Erklärungen auf der Seite des Anbieters. Dies mag für manche der leichtere Weg sein, falls man ein Versions-Update aktualisieren möchte. Aber wie gesagt: Besteht keine Internet-Verbindung, so wird in diesem Fall auch kein Icon angezeigt.

Wir haben die Icons schon für Sie angepasst. Denn ohne weitere Bearbeitung sind die Font-Icons immer genauso groß und erscheinen in gleicher Farbe wie die aktuell verwendete Schrift für den Text.

Als Beispiel:      

 

Bilder

Hinweis: Die Fotos in dieser Vorlage sind von https://picjumbo.com/ . Wir haben diese responsive angelegt. Gerne können Sie natürlich auch Ihre eigenen Fotos verwenden.

 

Schwestern-Template

Dieses Template hat eine kleine Schwester. Es ist die HP 41/DER KLEINE LEUCHTURM. Beruhend auf der gleichen Grundkonstruktion von HP 02 gibt es einige wesentliche Änderungen wie folgt:

Komplett anderes Farbschema, Einbau der 'Lightbox' Foto-Gallerie, Menü direkt sichtbar in allen Displays, auf jeder Seite ein anderer Slogan-Spruch im Kreis sowie versch. farbige Boxen in der rechten Inhaltspalte.

Öffnungszeiten

MONTAG - FREITAG:
10.00 - 18.00 Uhr

DONNERSTAG.
10.00 - 20.00 Uhr

SAMSTAG:
09.00- 16.00 Uhr

Immer ein anderer Text

Wie Sie vielleicht bemerkt haben, kann an dieser Stelle auf jeder Seite immer ein anderer Text stehen. Muss aber nicht. Bei Bedarf halt und je nach Inhalt Ihrer Webseite, dies als kleine Info.

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

  • Phone: (0000) 0000000-50
  • Mobile : (+49) 0000-1234567
  • Fax: (0000) 7654321-4141
 
©2040 | Pier with a Lighthouse