Top Company
Your Slogan here
Kontakt  Info  Help  Home
HOME

Please welcome. Introducing.

Das Layout

Das Design

Dunke und helle Farben setzen Kontraste und machen das Design abwechslungsreich. In der rechten "Sidebar" haben Sie Platz für kleinere Hinweise, Menüs oder Bilder. Oben rechts sind die kleine Icons für Kontakt, Hilfe, Info und Home auch schon verlinkt.

Abgerundetes Haupt-Menü

Das schicke Menü fügt sich effektvoll in das grosse Foto hinein. Auch Ihr Foto würde sich ggflls. hinter dieses bogenförmige Menü legen. Probieren Sie es aus. Darüberhinaus ist das Menü flexibel, d.h. in Breite und Höhe verstellbar. Es läßt sich also auch mehr oder weniger weit in das Foto hinein schieben.


Die Technik

Höhe Fussbereich

Im Fussbereich finden Sie Platz für die Kontaktdaten sowie ein weiteres Menü. Die Höhe des Fussbereiches können Sie auch verlängern, falls Sie etwas mehr Text haben als in unserem Beispiel. In der Datei "format.css" stellen Sie bei ".fusstext" einfach die Höhe (height) per Pixelwert anders ein. Im Moment steht da folgender Wert: height:200px;

Höhe Inhaltsbereich

Die Höhe des Inhaltsfeldes können Sie auch ändern, falls Sie etwas weniger Text haben. In der Datei "format.css" stellen Sie bei "#inhalt" einfach die Höhe (height) per Pixelwert anders ein. Aktuell finden Sie dort: height:1000px;


Die Info

Anlegen von Links bzw. HTML-Seiten wie folgt: Die Datei Startdatei "index.html" ist zu kopieren und jeweils unter einem neuen Namen abzuspeichern. Nachfolgend noch ein Beispiel für eine Liste. Amore mio tempor terra est. Solche Listen lockern den Text auf und eignen sich natürlich wunderbar für Aufzählungen.

Liste mit eigenem Aufzählungszeichen, nicht verlinkt:
  • Sed
  • Condimentum
  • Bibendum
  • Semper

Der Name des Templates lautet: Top Company. Das Menü oben ist um einige Links erweiterbar, für diejenigen, die mehr Links benötigen, haben wir in der "Sidebar" rechts ein zweites Menü eingebaut, welches beliebig erweiterbar ist .



Service

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.

Projects

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.

Kontaktieren Sie uns

Tel: +49.108.1234577
Fax: +49.108.9876522 33
Mail: mike.muster@info.de


Lorem ipsum

At veos leo. Labore et dolore magna aliquyam erat, sed diam voluptua. Sea takimata sanctus.

Anschrift

Firma
Mike Muster GmbH & Co. KG
Spezialstrasse 55
55234 Sampletown


World Wide Web

www.ihre-beispiel-webseite.de