Was ich Ihnen anbiete:

Bei diesem Template handelt es sich um ein responsives HTML5-/CSS3-Template. Alle Formatierungen, auch der Pfeil links oben im Header wurden mittels CSS3 erstellt und sind daher farblich und in der Größe frei anpassbar.

H2-Überschrift

Dieses Set besteht aus 2 HTML-Seiten (index.html und seite2.html) und einer Stylesheet-Datei. Seite 2 können Sie sich anschauen, indem Sie auf "Seite 2" klicken. Aktuell erstreckt sich die Vorlage über 90% der Bildschirmbreite des Besuchers, ist also variabel, wobei dem dunkleren Headerbereich links oben und dem Navigationsbereich links eine Breite von 25% zugewiesen ist. Dies kann aber Ihren Wünschen entsprechend erweitert oder verringert werden. Dazu gehört allerdings ein bisschen Verständnis im Umgang mit CSS-Dateien. Ambitionierten Neueinsteigern hilft vielleicht auch mein kleines Tutorial weiter.

H3-Überschrift

Eine Besonderheit ist zu erwähnen: die Schriftart der Überschriften und des Footers ist "Architects Daughter" und die des Haupttextes "Alegreya Sans". Früher war es zwingend nötig, darauf zu achten, dass die genutzten Schriften auf möglichst vielen Rechnern installiert waren, um eine problemlose Darstellung des Layouts bei den meisten Besuchern zu gewährleisten. Inzwischen ist es endlich möglich, von dieser Vorgabe abzurücken und quasi jede x-beliebige Schriftart zu nutzen. Möglich wird dies durch Einfügung eines kleinen Codes im Header, mithilfe dessen ein Link zu einer externen Schriftart hergestellt wird, so dass die Schrift extern "hinzugeschaltet" wird. Hierbei sieht der Code in etwa wie folgt aus: <link href='https://fonts.googleapis.com/css? family=Alegreya+Sans |Architects+Daughter' rel='stylesheet' type='text/css'>. Diese Schrift wurde dann in den entsprechenden Einträgen in der CSS-Datei wiederholt. Als kleines Sicherheitsnetz wurde dort dann aber noch eine Standardschrift mit eingefügt, nur für den Fall, dass der Server des Anbieters - hier Google - nicht erreichbar sein sollte. Sehr unwahrscheinlich, aber man weiß ja nie. :)

H4-Überschrift

Linktexte sehen wie folgt aus: Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. 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.

H5-Überschrift

Weiterer Fülltext: 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.

Diese Vorlage ist Linkware

Das bedeutet, dass Sie diese Vorlage unter bestimmten Voraussetzungen kostenlos nutzen dürfen. Genau Informationen dazu finden Sie in den Nutzungsbedingungen. Mit Download dieser Vorlage akzeptieren Sie diese.