Homepage Vorlagen - Templates

Webseiten 41-48

41 Best Locations To Enjoy


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.

Besonderheiten

  • CSS-3D-Perspektive: Ein Foto im Kopfbereich ist in drei Teile geschnitten, welche jeweils perpektivisch unterschiedlich ausgerichtet sind und wieder ein Gesamtfoto ergeben. So legt sich auch Ihr Foto hinter diese 'Drei-Teile-Kostruktion' Auf jeder HTML-Seite im Kopfbereich ein anderes Foto in dieser 3D-Perspektive.
  • Big Social Media Buttons: Unterhalb der Fotos im Kopfbereich, ebenfalls perspektivisch angeordnet.
  • Menü bei allen Auflösungen immer sichtbar: Also ohne den sog. Hamburger Button.
  • Jquery 'Slick' - responsive Schieberegler - im Inhaltsbereich.
    Privater Inhalt: Vorlage ist kostenlos
    Kommerzieller Inhalt: einmalig Euro 39,--
 
42 Let the dogs out


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

  • FLAT-DESIGN ( Flach, Minimalistisch ).
  • Khaki-Farbtöne ( Passend zur Hundewelt ).
  • CSS Animation: Große runde Fotos ( bei Mausberührung animiert ).
    Privater Inhalt: Vorlage ist kostenlos
    Kommerzieller Inhalt: einmalig Euro 39,--
 
43 Meine Internet Visitenkarte

+ ONE-PAGER
+ WEB-VISITEN-KARTE
Kombination
" Alles Wichtige direkt auf einem Blick "



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: 'Old Standard' und 'Roboto Light'.
  • 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.

Besonderheiten

  • Grafisches Logo für Homepagenamen. Plus Alternative für Namen als einfachen Text ohne Grafik anbei.
  • Plus spez. Information-Button, welcher oberhalb der 4 Boxen im Inhaltsbereich auf einer zweiten Ebene immer horizontal und vertikal MITTIG platziert ist, egal wieviel Inhalt Sie diesen Boxen hinzufügen.
  • Spezieller Schriftschnitt. 1
  • One-Pager: 2 Alle Inhalte innerhalb einer HTML-Seite angelegt, hier aber kombiniert mit einer Visitenkarte.
  • Visitenkarte: 3 Die wichtigsten Infos auf einen Blick direkt auf der Startseite.
  • Zweite Version inklusive: Anpassung auf ein eher dunkles Hintergrundfoto anbei.
  • CSS Box-Fenster: Eine Javascript-freie Lösung, welche Fenster als div-Box innerhalb der selben Seite öffnet.
  • 1= Fonts/Spezielle Schriftschnitte | Bei einem Italic-Schnitt hat der Schriftdesigner die einzelnen Zeichen aufeinander und auf die Schrägstellung abgestimmt. Wenn aber dieser Italic-Schnitt nicht vorhanden ist (sondern nur der reguläre Schnitt), stellt der Browser auch bei der Anweisung 'font-style: italic' die Schrift einfach nur programmatisch schräg. Schauen Sie sich hier einmal die wunderschönen geschwungenen Linien der Schrift 'Old Standard' an,, welche wir ja bereits installiert haben, dann wird der Unterschied vielleicht deutlicher und was wir damit meinen.

    2 + 3 = One-Pager-Visitenkarte | Ein responsive One-Pager (die Webseite besteht nur einer HTML-Seite) ist hier mit einer 'Visitenkarte' verbunden worden, also alle wichtigen Daten sofort einsehbar, weitere wesentlichen Informationen nur einen einzigen Klick entfernt (Button: More Information).

        Privater Inhalt: Vorlage ist kostenlos
        Kommerzieller Inhalt: einmalig Euro 39,--
 
44 Bed And Breakfast


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

  • Jquery: Slider ( Responsive Bildwechsler). Hier mit über 18 Fotos, damit Sie genau sehen, wie es funktioniert - sowohl bei kleinen, mobilen als auch hohen Auflösungen. Inklusive Steuerung per 'Thumbnails'.
  • Paginierung: Verlinkte Seiten-Numerierung unten.
  • Fixed Menü-Button: Bei mobilen Auflösungen ist der Menü-Schalter fest gesetzt und ist damit beim Scrollen immmer im sichtbaren Bereich des Displays.
    Privater Inhalt: Vorlage ist kostenlos
    Kommerzieller Inhalt: einmalig Euro 39,--
 
45 Wellness 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 Light'.
  • 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.

Besonderheiten

  • Menü bei allen Auflösungen immer sichtbar: Also ohne den sog. Hamburger Button.
  • Meditative Farbe Violett / Lila1 dient der Entspannung, Meditation und Spiritualität.

1= Meditative Farbe | Violett / Lila hat als spirituelle Farbe eine stark meditative Wirkung und steht als Verbindungsfarbe zwischen zwischen Bewusstem und Unbewusstem sowie für Spiritualität oder Mystisches. Auch das Christentum setzt diese Farbe gerne ein, stehend für Buße, Einkehr, Umkehr, Fastenzeit.

    Privater Inhalt: Vorlage ist kostenlos
    Kommerzieller Inhalt: einmalig Euro 39,--
 
46 Skiing Race With Falling Snow
+ ONE-PAGER
+ Ski-Rennen-Animation
+ Schnee-Animation
+ Full-Screen-Site
+ CSS-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-Gallerie
  • Schrift: 'Open Sans Light'.

Besonderheiten

  • CSS-Animation:1 Ski-Rennläufer fahren einen Hügel mit 45Grad-Schräge hinab und liefern sich ein spannendes Rennen, welches dank Überholungen durch unterschiedlicher Geschwindigkeiten nie langweilig wird.
  • Jquery-Animation: Animierter Schneefall macht das Rennen noch realistischer und strahlt eine entspannte Stimmung aus
  • Menü bei allen Auflösungen immer sichtbar: Also ohne den sog. Hamburger Button.
  • One-Pager:2 Alle Inhalte innerhalb einer HTML-Seite.
  • Full-Screen-Site. 3
  • CSS-Box-Fenster: Inhaltsfenster als div-Box öffnen sich per Klick innerhalb der selben Seite. Dies ist eine Javascript-freie Lösung.

1 = Ski-Rennen- Animation | 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.

2= One Pager | Dies ist ein responsive One-Pager. Auch bezeichnet als Single-Page-Website. Im Prinzip bedeutet es, das die Webseite nur aus einem einzigen Webdokument, also nur einer HTML-Seite besteht. Klicken Sie die Links im Menü und sehen Sie, wie mittels nur einzigen HTML-Seite die verschiedenen Links als Boxfenster innerhalb der eigenen Seite aufgerufen werden.

3 = Full-Screen-Site | Volle Bildschirm-Ansicht: Während die Gesamtkonstruktion hier 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.

    Privater Inhalt: Vorlage ist kostenlos
    Kommerzieller Inhalt: einmalig Euro 39,--
 
47 WHAT A NICE LOCATION
+ Berühmte Location
+ CSS-Bildwechsler
mit Kamerafahrt
+ CSS-Textwechsler



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

  • Berühmtes Stück Natur und ein wundervoller Ort: Gebirgs-See (Braies Lake) in den italienischen Dolomiten.
  • CSS-Bildwechsler plus Kamera-Fahrt-Animation 1
  • CSS-Objektwechsler im Inhaltsbereicht tauscht Text und/oder Bild.
  • Fixed Menü-Button: Bei mobilen Auflösungen ist der Menü-Schalter fest gesetzt und ist damit beim Scrollen immmer im sichtbaren Bereich des Displays.

1= CSS Bildwechsler | Der Bildwechsler ganz oben im Header ist nur per CSS erstellt und schiebt die Bilder nach links hinaus, enthält einens Bildanzeiger mit den 5 kleinen Kreisen sowie zusätzlich eine zweite CSS-Animation, nämlich eine 'Kamerafahrt', d.h. jedes Foto wird einmal von oben nach unten abgefahren und kehrt dann zurück zur Mitte bevor es wechselt.

    Privater Inhalt: Vorlage ist kostenlos
    Kommerzieller Inhalt: einmalig Euro 39,--
 
48 Beauty, Wellness & More


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

  • Multiple Colours:1 Unsere Idee: Das Foto im Kopfbereich soll farblich immer zu dem umgebenden Bereich passen. Und auf jeder HTML-Seite soll es dort ein anderes Foto geben. Das Besondere an diesem Template ist, das mit nur einer Änderung der Hintergrund-Farbe mittels CSS nicht nur die Hintergrund-Farbe im Kopfbereich sondern gleichzeitig auch die im Fussbereich mit geändert wird.
  • Fixed Menü-Button: Bei mobilen Auflösungen ist der Menü-Schalter fest gesetzt und ist damit beim Scrollen immmer im sichtbaren Bereich des Displays.

1= Multiple Colours | Farb-und Fotoänderung für alle Seiten auf einmal ist sekundenschnell gemacht, denn es wird nur in der CSS-Datei getätigt und spricht damit alle HTML-Seiten gleichzeitig an. Anleitung dafür ist anbei. Es gibt also bei den 7 farblich unterschiedlichen Beispiel-Seiten, jeweils den selben Aufbau, jedoch untersch. Farben/Fotos, man könnte es somit als strukturierte Kreativität beschreiben, da es sowohl verläßlich als auch spannend ist, wenn man die einzelnen Seiten durchklickt.

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