Homepagevorlagen - Templates

Webseiten 81-88

81 LA BELLA VITA


Homepage Vorlage , templates , Homepage-Vorlagen,  free download
Homepage Vorlage , templates , Homepage-Vorlagen,  free download
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,--
 
82 Dreamy Relaxation


Homepage Vorlage , templates , Homepage-Vorlagen,  free download
Homepage Vorlage , templates , Homepage-Vorlagen,  free download
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.
  • 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: 1 Mit Einbindung eines Font-Icon (Fontawesome-Icon-Schrift).

1= 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,--
 
83 Design Technology


Homepage Vorlage , templates , Homepage-Vorlagen,  free download
Homepage Vorlage , templates , Homepage-Vorlagen,  free download
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
  • 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,--
 
84 Find Your Inner Light


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'.
  • 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,--
 
85 Webstarter Into Space


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
  • 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,--
 
86 PSYCHOLOGY OF LOVE


Homepage Vorlage , templates , Homepage-Vorlagen,  free download
Homepage Vorlage , templates , Homepage-Vorlagen,  free download
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'.
  • 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.1

1= 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,--
 
87 Fight For Justice


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-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,--
 
88 Blue Diamond
+ ONE-PAGER
+ Smooth-Scrolling-To-Sections
+ Benötigt kein Menü
+ Box-Fenster



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