responsive , homepage vorlagen, homepagevorlagen ( templates )

121

Softlight Blue Morning

Homepage Vorlage , templates , Homepage-Vorlagen, 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-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.

Besonderheiten

Menü bei allen Auflösungen immer sichtbar: Also ohne den sog. Hamburger Menü-Button.
Auf jeder Seite ein anderes Foto im Kopfbereich.
Hier ist alles himmmelbau, so auch die CSS-Farbverläufe von lightskyblue nach weiß.

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

122

Magnificent Blossoms

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

Japanischer Kirschblüten-Look: Mit transparenten Weiss-Farbanteilen und Kirschblütenfarben.
CSS-rgba-Transparenz: Dieser Filter ( veränderbar in Farbe und Transparenz-Stärke ) liegt auf dem Homepagenamenfeld sowie auch im Fussbereich und ermöglicht, das Homepagename/Fussmenü auch bei unterschiedlichen Fotos immer gut lesbar sind.
CSS-Menü-Buttons: Abgerundet und ebenfalls halbtransparent.

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

123

Driving Down That Road

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
Schrift: 'Open Sans Light'.

Besonderheiten

CSS-Animation:¹ Fahrzeuge/Menschen fahren/laufen eine Straße mit 45Grad-Schräge hinab und liefern sich ein spannendes Rennen, welches dank Überholungen durch unterschiedlicher Geschwindigkeiten nie langweilig wird.
Launcher: Diese Homepage dient als Startplatz für mehrere Ihrer anderen Webseiten.
Menü bei allen Auflösungen immer sichtbar: Also ohne den sog. Hamburger Button.
Menü schräg gestellt + Icon-Tausch: Menü nimmt bei exakt zweigeteilter Hintergrundfarbe 6 Buttons auf, welche durch ein vorangestelltes Icon auch einen Icon-Tausch bei Mausberührung haben.

¹ = Fahrzeuge/Menschen - Animation | Sechs Objekte, nämlich ein Motorrad, ein Auto, ein Truck, ein Läufer, ein Wanderer und ein Rollstuhlfahrer fahren/laufen den steilen Hügel hinab. Verwendet wurden Font-Icons, welches wir jeweils unterschiedlich coloriert haben. Klar können Sie auch andere Icons, andere Farben oder auch mehr Objekte wählen sowie natürlich eigene Geschwindigkeiten für Ihre Objekte wählen. Dies ist eine CSS-Keyframes-Animation.
Eine kleine Überraschung in diesem Rennen ist der Rollstuhlfahrer, der dank seiner Olympia-Teilnahme sehr viel Körner verwerten kann und hier einer der schnellsten ist.

Privater Inhalt: Vorlage ist kostenlos
Kommerzieller Inhalt: einmalig Euro 19,-- | Wer es zusammen mit einem anderen Template bestellt nur 10,--

124

Ready For Input

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

CSS-Animation: Aufblätter-Effekt: Die Links des Menüs werden nacheinander mit kleiner Verzögerung eingeblendet.
Ausblenden von FOTO zu FARBE: Beim Scrollen blendet das Foto im Kopf-Bereich allmählich in eine Farbe über und verschwindet damit sanft.
Auf jeder Seite andere Fotos im Kopf-und Fussbereich.
Menü-Button, fest positioniert: D.h, dieser ist beim Scrollen immer im sichtbaren Bereich des Browser-Fensters.
CSS-Animation: Scan-Effekt beim Homepagenamen ( startet automatisch ).
CSS-Animation: Shiny-Effekt bei den Buttons ( bei Mausberührung ).

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