responsive , homepage vorlagen, homepagevorlagen ( templates )

Polaroid Open Country

ONE-PAGER
+ Polaroid-Fotos
+ schräge Objekte
+ CSS-Slideshow
+ CSS-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-Gallerie
Schrift: 'Open Sans Light' und 'Josefin Sans'.
Jquery: Smooth Scroll To Sections. Animiertes Angleiten der jeweiligen Abschnitte sprich Bereiche/Sektionen der Webseite.
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.
CSS-Only-Menü mit Toggle-Schalter. Eine Javascript-freie Lösung, welche eine Funktion per Schalter (an/aus) ermöglicht. In der Regel wird das Menü auf mobilen Geräten hierbei zunächst versteckt.

Besonderheiten

One-Pager: Die ganze Homepage besteht nur aus einer einzigen HTML-Seite.
CSS Polaroid-Fotos: Per CSS angelegt und mit typischer Textzeile im unterem Drittel des Polaroid-Fotos.
CSS Bildwechsler inklusive CSS-Bildgesamtzahlanzeiger, bei dem 6 Männer und eine Frau als kleine Font-Icons die Gesamtzahl der Bilder sowie das aktuelle Bild anzeigen.
CSS-Pause-Schalter (ON/OFF), welcher die CSS-Slideshow pausiert und bei Bedarf wieder startet.
CSS Box-Fenster: Eine Javascript-freie Lösung, welche Fenster als div-Box innerhalb der selben Seite öffnet.

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

Spicy & Fresh - Minimalism Series

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'.
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

Fixed Menü-Button: Bei allen Auflösungen ist der Menü-Schalter fest gesetzt und ist damit beim Scrollen immmer im sichtbaren Bereich des Displays.
CSS-Animation: Seitentitel gleitet hinein, so das man gut erkennt, welchen Link bzw. welche Seite man gerade gewählt hat.
CSS-Animation: HTML-Seite blendet sich ein! Klickt man im Menü einen Link, so wird die angewählte HTML-Seite animiert dargestellt, in der Form, das diese beim Laden eingeblendet wird.
Minimalismus gibt es von alters her in vielen Bereichen, sei es bezüglich Musik, Kunst, Architektur, aber diese Einstellung gewinnt in heutiger Zeit zunehmend an Bedeutung wenn es insbesondere um einen reflektierten Lebensstil in der modernen Welt geht ( Natürliches Leben, Zurück zur Natur, Einkehr, Meditation, Einfachheit, Weniger ist Mehr, Purismus, Kontrast im Wesentlichen ). Klar hat es auch beim Webdesign Einzug gehalten, Flat-Design ist plötzlich in aller Munde.

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

Reliable Insurance Company

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' und 'Old Standard'.
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. In der Regel wird das Menü auf mobilen Geräten hierbei zunächst versteckt.

Besonderheiten

Fest positionierter Menü-Button ( bei moblilen Auflösungen ) : Somit auch beim Scrollen immer im Display sichtbar und das Menü ist deshalb jederzeit sofort erreichbar.
CSS-Bildwechsler: Die CSS-Slidshow schiebt die Bilder im Kopfbereich animiert nach links hinaus und enthält zudem noch einen Anzeiger für die Gesamtzahl der zu wechselnden Bilder.
Grafisches Logo: Anstelle des Homepagenamens als Text, bauen Sie gerne ein grafisches Logo ein, Beispiel/Anleitung ist anbei.
Farben-Psychologie: Welche Farben könnten mehr Vertrauen schaffen als Dodgerblue und Orange in Verbindung mit Weiß? Betrachtet man es näher, so wird mit diesen Farben natürlich das Urlaubsgefühl, nämlich Sonne in Orange sowie Himmel und Meer in Blau - in Verbindung mit der Unschuldsfarbe Weiß - gespiegelt. Im Urlaub fühlt man sich beschwingt, frei und unbeschwert, eben weil der Arbeitssstress oder eintönige Routinen wegfallen. Klar möchte man dieses Gefühl dann auch im Alltag wieder erwecken und greift unbewußt zum entsprechend farbigem Produkt bzw. in diesem Fall löst die Webseite ein wohliges Gefühl aus.

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

52	Bicycle & More - Alles rund ums Fahrrad	Bestellen Download Anschauen
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 CSS-rgba-Transparenz: Goldener Hintergrund-Farbverlauf ¹ welcher zu beiden Seiten transparent ausläuft, bei Homepagename/Menü., CSS-First-Letter anders farbig: Hier bei den Überschriften erster Buchstabe auch in Gold. Auf jeder Seite ein anderes Foto im Kopfbereich. ¹= Gold-Farbverlauf-Transparenz: Dieser Filter ist veränderbar in Farbe und Transparenz-Stärke. Privater Inhalt: Vorlage ist kostenlos Kommerzieller Inhalt: einmalig Euro 29,--

Bamboo & Wheat

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'.
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 im Kopfbereich.
Bambus-Farben von Beige bis Lemonchiffon im CSS-Farbverlauf.
Fest positionierte Hintergrund-Grafik (Bambus) scrollt nicht mit.
Halbtransparenz-Menü: Die Menü-Links mit vorangestelltem Icon.

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

Rainbow Nature Fighter

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

Quick Gallery im Fussbereich: "To Go"- Mal eben schnell im Vorbeigehen am Ende der Seite nochmal spez. Bilder genießen.
CSS Farbverlauf von Steelblue nach Forestgreen: Gewissermaßen die Farben von Himmel und Erde.
Menü bei allen Auflösungen immer sichtbar: Also ohne den sog. Hamburger Button.
Auf jeder Seite andere Fotos im Kopfbereich.
Icon-Abschnittstrenner erhält links und rechts vom Icon eine dekorative Linie bis an den Rand.

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

Sofa Social Media

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'.
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 3D-Konstruktion ¹ - Geometrische CSS-TRAPEZ-Form.

¹= 3D-Effekt mit CSS | Ein Podest ragt in die Seite hinein, darauf liegen einige Icons sowie an der Seitenkante das Menü. Eine Trapez-Form verschafft uns hier im oberen Bereich einen wundervollen 3-D-Effekt, der ohne jede Grafik und nur per CSS erstellt ist. Im unteren Bereich der Webseite wird dieses gespiegelt und rundet damit diesen Effekt perfekt ab. Außerdem verstärken die auch perspektivisch angeordneten Social Media Icons nochmal diesen 3D-Effekt.

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

Merry Christmas & A lot of love

Weihnachts-Template
+ One-Pager
+ 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 animiertes 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

One-Pager:¹ Alle Inhalte innerhalb einer HTML-Seite.
Facebook-Layout-Style: Großes Foto plus kleines versetztes Foto² im Header | Über dem großem Foto liegt noch ein zur Hälfte nach unten versetztes kleines Foto, neben dem rechts daneben der Hompagename plus Seitentitel angezeigt wird.

¹= One Pager | Dies ist ein responsive One-Pager. Im Prinzip bedeutet es, das die Webseite nur aus einem einzigen Webdokument, also nur einer HTML-Seite besteht. Wichtiger Bestandteil eines One-Pagers ist das Öffnen von (div-)Boxfenstern innerhalb der selben Seite für weiteren Inhalt.

²= Kleines Foto | Dies ist per CSS animiert und schiebt sich dezent und langsam vergrößernd in den Vordergrund und danach verkleinernd wieder zurück.

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