responsive , homepage vorlagen, homepagevorlagen ( templates )

Success In Job

+ ONE-PAGER
+ Smooth-Scrolling-To-Sections
+ Benötigt kein Menü
+ Box-Fenster

Homepage Vorlage , templates , Homepage-Vorlagen, free download

Homepage Vorlage , responsive templates , Homepage-Vorlagen, free download

Responsive Homepage Vorlage , templates , Homepagevorlagen, free download

Technik

Responsive Webdesign: Anpassung/Optimierung der unterschiedlichen Bildschirmgrößen von Smartphone, Tablet, Notebook, Laptop und Desktop-PC.
Mobile-First-Technik | Icon-Font: Font Awesome | Jquery: Lightbox-Foto-Galerie
Schrift: 'Open Sans Condensed'.

Besonderheiten

Ganz ohne Menü: Damit minimalistisch im Flat-Design-Sinn und dank One-Pager-Konstruktion möglich.
One-Pager: Alle Inhalte innerhalb einer HTML-Seite.
CSS-Box-Fenster: Inhaltsfenster öffnen sich per Klick als div-Box innerhalb der selben Seite - Eben ganz ohne Javascript (Jquery) und damit immer funktionabel, also auch wenn Javascript vom Besucher der Seite in seinem Browser deaktiviert wurde.

Privater Inhalt: Vorlage ist kostenlos
Kommerzieller Inhalt: einmalig Euro 29,--

We All Like Coffee Time

Technik

Responsive Webdesign: Anpassung/Optimierung der unterschiedlichen Bildschirmgrößen von Smartphone, Tablet, Notebook, Laptop und Desktop-PC.
Mobile-First-Technik | Icon-Font: Font Awesome | Jquery: Lightbox-Foto-Gallerie
Schrift: 'Open Sans Light'.
Jquery Smooth Scroll To Top.
CSS-Only-Menü mit Toggle-Schalter. Eine Javascript-freie Lösung, welche eine Funktion per Schalter (an/aus) ermöglicht um das Menü auf mobilen Geräten zunächst zu verstecken.

Besonderheiten

Verschiedene Kaffee-Farben: Die Farbe PERU ist natürlich auch dabei.
CSS-Ausleuchtung von Objekten: Die Bilder im Inhaltsbereich plus die Box mit dem Homepagenamen besitzen einen Lichtteffekt per CSS und erhellen damit den Hintergrundbereich.
Menü-Button, fest positioniert: D.h, dieser ist beim Scrollen immer im sichtbaren Bereich des Browser-Fensters.
CSS-Animation: Menü dreht von 180 Grad auf 0 Grad und währendessen werden die Links nacheinander mit kleiner Verzögerung eingeblendet.

Privater Inhalt: Vorlage ist kostenlos
Kommerzieller Inhalt: einmalig Euro 29,--

UP TO THE TOP

+ ONE-PAGER
+ Smooth-Scrolling-To-Sections
+ Box-Fenster

Technik

Responsive Webdesign: Anpassung/Optimierung der unterschiedlichen Bildschirmgrößen von Smartphone, Tablet, Notebook, Laptop und Desktop-PC.
Mobile-First-Technik | Icon-Font: Font Awesome | Jquery: Lightbox-Foto-Gallerie
Schrift: 'Open Sans Light'.
Jquery Smooth Scroll To Top. Button, welcher erst später beim Scrollen eingeblendet wird und ein annimiertes Hoch-Scrollen zum Kopf-Bereich der Webseite ermöglicht.
CSS-Only-Menü mit Toggle-Schalter. Eine Javascript-freie Lösung, welche eine Funktion per Schalter (an/aus) ermöglicht um das Menü auf mobilen Geräten zunächst zu verstecken.

Besonderheiten

One-Pager: ¹ Alle Inhalte innerhalb einer HTML-Seite.
Jquery Smooth Scroll To Sections: ²
Viele Box-Fenster: Eine Javascript-freie Lösung, welche Info-Fenster als div-Box innerhalb der selben Seite öffnet.
Fixierte Menü-Leiste Menü scrollt als nicht mit, sondern ist fix positioniert

¹= One Pager | Dies ist ein responsive One-Pager. Auch bezeichnet als Single-Page-Website. Im Prinzip bedeutet es, das die Webseite nur aus einem einzigen Webdokument, also nur einer HTML-Seite besteht. Klicken Sie die Links im Menü und sehen Sie wie innerhalb einer Seite die verschiedenen Sektionen aufgerufen werden. Wichtiger Bestandteil eines One-Pagers ist das Smooth-Scroll-To-Sections.

²= Smooth Scroll To Sections | Die Sprungziele, sprich die einzelnen Sektionen (Abschnitte) werden übrigens animiert sanft und sichtbar angesteuert. Gemeint ist das sogenannte 'Smooth Scrolling', welches der Übersichtlichkeit und besseren Orientierung dient. Man registriert also auch optisch, wohin man gelangt und springt nicht so abrupt wie sonst beim üblichen HTML-Anker.

Privater Inhalt: Vorlage ist kostenlos
Kommerzieller Inhalt: einmalig Euro 29,--

LECKER, FRISCH & GESUND

Technik

Responsive Webdesign: Anpassung/Optimierung der unterschiedlichen Bildschirmgrößen von Smartphone, Tablet, Notebook, Laptop und Desktop-PC.
Mobile-First-Technik | Icon-Font: Font Awesome | Jquery: Lightbox-Foto-Gallerie
Schrift: 'Open Sans Light' + 'Old Standard' im Schriftschnitt 'Italic'.
Jquery Smooth Scroll. Animiertes Scrollen bei allen internen Links möglich, denn der Link muß nur auf eine CSS-ID verweisen.

Besonderheiten

Flat-Design.
Zweite Version inklusive als Non-Flat-Version.¹
Menü bei allen Auflösungen immer sichtbar: Also ohne den sog. Hamburger Button.
Icon-Font-Tausch: Im Hauptmenü wird ein Icon-Font ( Fontawesome ) durch ein anderes gewechselt.

¹= Zweite Version | Hier kommen dann Farbverläufe, Box-und Textschatten zum Einsatz. Wie Sie diese zweite Version innerhalb weniger Sekunden aktivieren können beschreiben wir Ihnen im Template. Es ist somit eine sehr einfache Möglichkeit das Design ohne großen Aufwand kurzfristig je nach Wohlfühlgefühl, Jahreszeit oder Mode zu wechseln.

Privater Inhalt: Vorlage ist kostenlos
Kommerzieller Inhalt: einmalig Euro 29,--

The Babies Playground

+ ONE-PAGER
+ Font-Icons-Pyramide
+ Italic-Schriftschnitt
+ Boys & Girls-Farben

Technik

Responsive Webdesign: Anpassung/Optimierung der unterschiedlichen Bildschirmgrößen von Smartphone, Tablet, Notebook, Laptop und Desktop-PC.
Mobile-First-Technik | Icon-Font: Font Awesome | Jquery: Lightbox-Foto-Gallerie
Schrift: 'Old Standard' und 'Roboto Light'.
Jquery Smooth Scroll To Top. Button, welcher erst später beim Scrollen eingeblendet wird und ein animiertes Hoch-Scrollen zum Kopf-Bereich der Webseite ermöglicht.

Besonderheiten

Spezielle Schriftschnitte: Hier spezieller, schicker Italic-Schriftschnitt ¹.
One-Pager: Alle Inhalte innerhalb einer HTML-Seite angelegt.
Menü bei allen Auflösungen immer sichtbar: Also ohne den sog. Hamburger Button.
Boys and Girls - Farben: Lightskyblue und Lightpink werden hier vereinigt.
Font-Icons-Pyramide: Hier werden 6 einzelne (Würfel-) Icons zu einer Pyramide aufgebaut.
CSS-Animation: Font-Icon-Tausch. Vorder-und Rückseite der Würfel-Icons werden bei Mausberührung getauscht. Oh, das ist ja interessant, wussten Sie, das eine Addition der Würfelzahlen von Vorder-und Rückseite eines Würfels immer die Zahl Sieben ergibt?
CSS Box-Fenster: Eine Javascript-freie Lösung, welche Fenster als div-Box innerhalb der selben Seite öffnet.

¹= Fonts/Spezielle Schriftschnitte | Bei einem Italic-Schnitt hat der Schriftdesigner die einzelnen Zeichen aufeinander und auf die Schrägstellung abgestimmt. Wenn aber dieser Italic-Schnitt nicht vorhanden ist (sondern nur der reguläre Schnitt), stellt der Browser auch bei der Anweisung 'font-style: italic' die Schrift einfach nur programmatisch schräg. Schauen Sie sich hier einmal die wunderschönen geschwungenen Linien der Schrift 'Old Standard' an,, welche wir ja bereits installiert haben, dann wird der Unterschied vielleicht deutlicher und was wir damit meinen.

Privater Inhalt: Vorlage ist kostenlos
Kommerzieller Inhalt: einmalig Euro 29,--

Justice - Fight for your right

Technik

Responsive Webdesign: Anpassung/Optimierung der unterschiedlichen Bildschirmgrößen von Smartphone, Tablet, Notebook, Laptop und Desktop-PC.
Mobile-First-Technik | Icon-Font: Font Awesome | Jquery: Lightbox-Foto-Gallerie
Schrift: 'Open Sans Light'.
Jquery Smooth Scroll To Top. Button, welcher erst später beim Scrollen eingeblendet wird und ein annimiertes Hoch-Scrollen zum Kopf-Bereich der Webseite ermöglicht.
CSS-Only-Menü mit Toggle-Schalter. Eine Javascript-freie Lösung, welche eine Funktion per Schalter (an/aus) ermöglicht um das Menü zu verstecken.

Besonderheiten

Big Icons: Dekorative große Icons mit kurzem Text darunter für die Darstellung ihrer wichtigsten Themen/Bereiche/Produkte.
Cards: Ebenfalls mit einem Icon versehen, werden ähnlich wie bei einer Visitenkarte, wichtige Angaben wie Adresse oder Kontaktdaten besonders hervorgehoben präsentiert.

Privater Inhalt: Vorlage ist kostenlos
Kommerzieller Inhalt: einmalig Euro 29,--

Imagination

+ ONE-PAGER
+ Smooth-Scrolling-To-Sections
+ Box-Fenster

Technik

Responsive Webdesign: Anpassung/Optimierung der unterschiedlichen Bildschirmgrößen von Smartphone, Tablet, Notebook, Laptop und Desktop-PC.
Mobile-First-Technik | Icon-Font: Font Awesome | Jquery: Lightbox-Foto-Gallerie
Schrift: 'Open Sans Condensed'.
Jquery Smooth Scroll To Top. Button, welcher erst später beim Scrollen eingeblendet wird und ein annimiertes Hoch-Scrollen zum Kopf-Bereich der Webseite ermöglicht.
CSS-Only-Menü mit Toggle-Schalter. Eine Javascript-freie Lösung, welche eine Funktion per Schalter (an/aus) ermöglicht um das Menü auf mobilen Geräten zunächst zu verstecken.

Besonderheiten

One-Pager: Alle Inhalte innerhalb einer HTML-Seite.
Jquery Smooth Scroll To Sections: Die Sprungziele, sprich die einzelnen Sektionen (Abschnitte) werden animiert sanft und sichtbar angesteuert.
CSS-Action-Buttons ( Start/Kontakt ) : ¹ Lösen eine Aktion an prominenter Stelle ( Kopfbereich ) aus.
CSS Box-Fenster: Eine Javascript-freie Lösung, welche Fenster als div-Box innerhalb der selben Seite öffnet.
Fixierte Menü-Leiste Menü scrollt also nicht mit, sondern ist fix positioniert
Quick Gallery (Lightbox) im Fussbereich: Mal eben im Vorbeigehen noch schnell ein paar Fotos ansehen.

¹= Action-Buttons, verschieden farbig | Action-Button-1 (Start) springt per Smooth-Scroll an den Anfang der Seite. Und Action-Button-2 (Kontakt) öffnet ein CSS-Box-Fenster. Gerne können Sie natürlich auch andere Aktionen für diese beiden Action-Buttons wählen.

Privater Inhalt: Vorlage ist kostenlos
Kommerzieller Inhalt: einmalig Euro 29,--

IN THE OFFICE

Technik

Responsive Webdesign: Anpassung/Optimierung der unterschiedlichen Bildschirmgrößen von Smartphone, Tablet, Notebook, Laptop und Desktop-PC.
Mobile-First-Technik | Icon-Font: Font Awesome
Schrift: 'Open Sans Light' und 'Roboto Light'.
CSS-Only-Menü mit Toggle-Schalter. Eine Javascript-freie Lösung, welche eine Funktion per Schalter (an/aus) ermöglicht um das Menü auf mobilen Geräten zunächst zu verstecken.

Besonderheiten

Auf jeder Seite ein anderes Foto - Das schafft Struktur und macht jeden Link sozusagen unverwechselbar .
Menü zeigt schliessende + öffnende Ordner-Icons - passend zum Thema 'Office' .
H2-Überschrift zeigt oberhalb ein Büroklammer-Icon plus Linie¹ - passend zum Thema 'Office' .

¹= Überschrift mit Font-Icon plus Linie links + rechts davon | Oberhalb jeder H2-Überschrift sehen sie eine Linie mit einem Font-Icon, hier eine Büroklammer. Dies wurde angelegt mit dem CSS-Pseudoelement ':after bzw. :before'

Privater Inhalt: Vorlage ist kostenlos
Kommerzieller Inhalt: einmalig Euro 29,--