responsive , homepage vorlagen, homepagevorlagen ( templates )

LA BELLA VITA

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

Besonderheiten

Auf jeder Seite ein anderes Foto im Kopfbereich, welches sich hinter das transparente halbkreisförmige Menü legt, welches bei allen Auflösungen immer sichtbar, also ohne den sog. Hamburger Button.
CSS-Animation: Drehen - Unendlich ( Kleines Sonnen-Icon dreht dezent, automatisch startend )

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

Dreamy Relaxation

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

Info-Text-Box wird vom Fliesstext umflossen. CSS Float-Box.
Besondere Zitat-Darstellung: ¹ Mit Einbindung eines Font-Icon (Fontawesome-Icon-Schrift).

¹= Zitat-Darstellung | Die Anwendung von CSS Text- und Boxschatten ermöglichen beim Zitat eine gleiche oder ähnliche Farbe wie bei der Hintergrundfarbe des Zitat-Objekts. Das Zitat selbst ist linksbündig, liegt dabei aber in einem zentriert ausgerichtetem Block.

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

Design Technology

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: 'BUNGEE' und 'Source Sans Pro'.

Besonderheiten

Menü bei allen Auflösungen immer sichtbar: Also ohne den sog. Hamburger Button.
Logo-und Fussbereich: Unterschiedliche Fotos auf jeder Seite.

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

Find Your Inner Light

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

Zwei halbtransparente Kreise, welche im Kern ein rundes Foto / Logo präsentieren.
Menü-Button hier bei allen Auflösungen.
CSS-Animation: Ab Tablet-Portrait-Auflösung fliegt der Menü-Button - dabei zusätzlich um sich selbst drehend - spektakulär genau neben das sich zeitgleich im Zentrum (vertikal + horizontal) der Seite öffnende Nav-Menü, welches ebenfalls animiert wurde ('Fade-In')

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

Webstarter Into Space

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

Launcher: Diese Homepage dient als Startplatz für Social Media Seiten / Webseiten.
Jquery-Particles-Animation: Weltraum-Animation mit blinkenden und sich bewegenden Sternen.
CSS-Animation: Space-Shuttle-Flug.
CSS-Button-Animation: Font-Icon-Tausch
CSS-Premium-Buttons bestehend aus zwei Objekten:
- Objekt 1: Das dem Button vorangestelltes Objekt ist ein Icon.
- Objekt 2: Der eigentliche Button präsentiert ein weiteres Icon nach dem Button-Linktext.
- Objekt 1 und Objekt 2 enthalten jeweils untersch. Icons, hier also bei 6 Buttons insgesamt 12 Stück.

Kommerzieller Inhalt: einmalig Euro 24,-- | Wer es zusammen mit einem anderen Template bestellt nur 10,--

PSYCHOLOGY OF LOVE

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

Paginierung: Verlinkte Seiten-Numerierung unten.
Paper-Like-Cards.¹

¹= Paper-Like-Cards | Die Paper-Like-Card besteht hier jeweils aus einem Foto mit dazugehörigem Textfeld. Wir haben es jedoch auf der Startseite im Inhaltsbereich besonders spannend angelegt, das heißt, bei den 3 Cards wurde jedes der drei Textfelder separat farblich an das jeweilige Foto angepaßt, sprich es handelt sich dabei um die Hintergrund-und Textfarbe, die Überschrift, die Linkfarbe sowie die Icon-Farbe.

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

Fight For Justice

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' und 'BUNGEE'.
Jquery Smooth Scroll. Hier auf dem Nach-Oben-Pfeil, animiertes Scrollen bei allen internen Links möglich, denn der Link muß nur auf eine CSS-ID verweisen.

Besonderheiten

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.

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

Blue Diamond

+ ONE-PAGER
+ Smooth-Scrolling-To-Sections
+ Benötigt kein Menü
+ 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-Galerie
Schrift: 'Open Sans Condensed'.

Besonderheiten

Ganz ohne Menü: Minimalistisch im Flat-Design-Sinn und dank One-Pager-Konstruktion möglich.
CSS Einfärbung von Fotos: Hier in Blau, dank CSS-rgba-Wert aber in jeder Farbe/Transparenzstärke möglich.
CSS Rautenförmige Icons: Es sind Quadrate, welche um 45 Grad gedreht werden (CSS transform:rotate), entscheidend aber ist, das der Inhalt nicht auch mit dreht und daher einen Wert von minus 45 Grad erhält.
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 39,--

Homepagevorlagen - Templates

Webseiten 81-88

Technik

Besonderheiten

Technik

Besonderheiten

Technik

Besonderheiten

Technik

Besonderheiten

Technik

Besonderheiten

Technik

Besonderheiten

Technik

Besonderheiten

Technik

Besonderheiten