Homepagevorlagen - Templates

Webseiten 89-96

89 Gourmet Kitchen - Three Stars Cooking


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. Animiertes Scrollen bei allen internen Links möglich, denn der Link muß nur auf eine CSS-ID verweisen. Beispiel: Der Nach-Oben-Scroll-Pfeil.

Besonderheiten

  • Viele Fotos durch responsive Bild-Leiste nicht nur im Inhaltsbereich sonder auch oben im Kopfbreich und unten im Fussbereich machen das Template überaus dekorativ.
  • Menü bei allen Auflösungen immer sichtbar: Also ohne den sog. Hamburger Button.
    Privater Inhalt: Vorlage ist kostenlos
    Kommerzieller Inhalt: einmalig Euro 39,--
 
90 DOCUMENT RESPONSIVE


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: 'Old Standard'

Besonderheiten

  • Menü bei allen Auflösungen immer sichtbar: Also ohne den sog. Hamburger Button.
  • Hochgestelltes Zeichen (Sup). Für eine ergänzende Texterklärung einzelner Begriffe am Ende der Seite.
    Privater Inhalt: Vorlage ist kostenlos
    Kommerzieller Inhalt: einmalig Euro 39,--
 
91 CUP OF COFFEE


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

  • Die warmen Farbtöne (Farbe names Peru) in Verbindung mit einer coolen Sachlichkeit in Form von hellen Grautönen machen hier den ganz speziellen Reiz aus und bilden einen schönen Kontrast. Unaufdringliche Gemütlichkeit, die zum Entspannen einlädt. Let us have a Cup of Coffee, please.
    Privater Inhalt: Vorlage ist kostenlos
    Kommerzieller Inhalt: einmalig Euro 39,--
 
92 Announcement Countdown
Für NEUE oder
In-BEARBEITUNG-Seiten
+ Jquery
Countdown Timer



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

  • Jquery-Animation: Countdown-Zähler.
    Zählt in Tagen, Monaten, Stunden und Sekunden herunter. Das End-Datum, an welchem der Zähler die Null erreicht kann jederzeit neu eingestellt werden. Stellen Sie ganz leicht im Kopf-Bereich der HTML-Seite ein, bei: new Date("December 31, 2022, 00:00:00")
  • CSS-Animation: Fade-In: Fenster blendet sich als CSS-Box horizontal und vertikal zentriert hinein.
  • Neues oder -Under-Construction-Template 1. Wenn Ihre Seite im Aufbau, Umbau oder Neu am Start ist.
  • Box-Fenster: Eine Javascript-freie Lösung, welche Info-Fenster als div-Box innerhalb der selben Seite öffnet.
  • CSS-Animation: Puff-In-Effekt + Blur-Effekt: Fenster blendet sich zunächst verkleinernd und mit Weichzeichner ( Blur ) in die Seite hinein und poppt dann zur vollen Größe auf.
  • CSS-Animation: Perspektivisches Wenden.

1= Webseite NEU / im Aufbau / in Bearbeitung | Die Zeit von diesbezüglichen Baustellen-Bildern ist schon lange vorbei. Der erste Eindruck ist entscheidend. Und für den ersten Eindruck gibt es keine zweite Chance.

    Kommerzieller Inhalt: einmalig Euro 24,--   | Wer es zusammen mit einem anderem Template bestellt nur 10,--
 
93 Black & White Project


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

  • Transparenz-Menü.
  • Schwarz & Weiß-Design
    Privater Inhalt: Vorlage ist kostenlos
    Kommerzieller Inhalt: einmalig Euro 39,--
 
94 TRAVEL ON HIGHWAY


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: 'Old Standard'.
  • 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-Bildwechsler ( tauscht auf jeder Seite 4 verschiedene Bilder, also bei 6 Seiten sind das 24 untersch. Tauschbilder ).
  • Plus CSS-Animation 'Kamerafahrt' beim Bildwechsler.
  • Spezieller Bild-Anzahl-Anzeiger beim Bildwechsler 1: Es ist ein Batterie-Akku-Anzeiger

1= Bild-Anzahl-Anzeiger | Bei einem Bildwechsler gibt es oft einen Anzeiger für die Bildanzahl der zu wechselnden Bilder. Man erkennt dann z.B. : Jetzt gerade ist Bild 2 von insgesamt 4 Bilder zu sehen. Dies sind häufig kleine Kreise, wobei der Kreis für das aktuelle Bild dann farblich anders formatiert wird. Wir haben diesen Bildanzeiger hier mal anders gestaltet. Es gibt ein Batterie-Symbol, das sich mit jedem angezeigten Bild der Slideshow weiter füllt. Sozusagen bis die Batterie voll geladen ist.

    Privater Inhalt: Vorlage ist kostenlos
    Kommerzieller Inhalt: einmalig Euro 39,--
 
95 Nature Garden Delight


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'.
  • 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.
  • Fest positionierte Hintergrund-Grafik scrollt nicht mit.
  • Halbtransparenz-Menü: Die Menü-Links mit vorangestelltem Icon.
  • Info-Feld im Kopfbereich umrahmt + eingerückter Überschrift: dank HTML-Element 'fieldset/legend'.
    Privater Inhalt: Vorlage ist kostenlos
    Kommerzieller Inhalt: einmalig Euro 39,--
 
96 SLEEPING LITTLE BUDDHA
+ ONE-PAGER
+ CSS-Chakra-Animation
+ Full-Screen-Only-Site
+ Sternen-Animation
+ 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'.

Besonderheiten

  • CSS-Chakra-Animation: 1 Verschiedene farbige Objekte drehen mit unterschiedlicher Geschwindigkeit, hier symbolisch stehend für die Chakren-Theorie 2 .
  • Jquery-Particles-Animation: Sternenhimmel
  • One-Pager: Die ganze Homepage besteht nur aus einer einzigen HTML-Seite.
  • Menü bei allen Auflösungen immer sichtbar: Also ohne den sog. Hamburger Button
  • Full-Screen-Only-Site: 3.
  • Mehrere Ebenen: 4 Die Reihenfolge der Ebenen, unten erklärt, trägt zum Verständnis der Vorlage bei.

1 = CSS Chakra-Animation | Sie sehen hier 5 halbtransparente CSS-Quadrate, welche sich jeweils um die Buddha-Grafik mit verschiedener Geschwindigkeit drehen um alle Farben zur Geltung zu bringen. Die Halbtransparenz läßt alle tiefer liegende Quadrate durchscheinen. Nach ca. 2 Minuten Drehung liegen dann alle wieder aufeinander und bilden ein einziges Quadrat. Der Kreislauf beginnt dann von vorn und man kann es dank der wechselnden Überlagerungen ständig ansehen, ohne das es langweilig wird.
Mit dieser Animation möchten wir die Chakren symbolisch darstellen. Halbtransparenz und Überlagerung bei unterschiedlicher Geschwindigkeit ermöglicht es, daß alle sieben Farben der Chakren insgesamt auch nur mit 5 Quadraten trotzdem dargestellt werden. Klar könnte man auch 7 oder mehr Quadrate drehen lassen, aber wir wollten es nicht so kompliziert machen.

2 = Die Chakren-Theorie | Aus Indien stammend kennt man die Chakren als Energiewirbel bzw. Energieräder in der Aura. Analog dazu kennen wir hier auch im Westen dieses Wissen, welches in Form von Heiligenscheinen auf alten Bildern bei Heiligen, Königen oder Engeln stark verankert ist. Es gibt 7 Hauptchakren -welche jeweils verschiedenen Bedeutungen sowie auch Blockaden entsprechen- in den Farben, Rot, Orange, Gelb, Grün, Blau, Indigoblau und Violett. Wenn alle Chakren geöffnet sind und sich drehen, sind Körper, Seele und Geist eins, wir sind dann sozusagen in unserer Mitte.

3 = Full-Screen-Only-Site | Volle Bildschirm-Ansicht: Während die Gesamtkonstruktion hier als Highlight bei allen Auflösungen nicht mitscrollt und immer jeweils responsive das Display ausfüllt, lassen sich die öffnenden Inhalts-Fenster (Box-Fenster) sehr wohl scrollen.

4 = Mehrere Ebenen | Hinter das Sterne-Partikel-Script haben wir 2 Ebenen und darüber 4 Ebenen gelegt. Hier die Reihenfolge von hinten nach vorn:
- Wasser-Landschafts-Foto
- CSS-Farbverlauf kreisförmig von innen halbtransparent nach außen blau-schwarz.
- Jquery-Sterne-Partikel-Script
- CSS-animierte Quadrate
- Buddha-Foto
- Menü
- Div-Box-Fenster

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