41 Salvete Lingua Tempus


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

  • Jquery: Retro-Flip-Uhr im Homepagenamen-Feld eingebaut.
  • 2 dekorative Fotos im Kopfbereich, bei mobilen Auflösungen lassen wir nur das linke Foto erscheinen.
  • Spezielle allgemeine Links: Den Links im Inhaltsbereich wird ein Font-Icon vorangestellt.
    Mit CSS Pseudoelement :before
  • Verschachtelte Bilder.
    Das heißt die Bilder sind unregelmässig bezüglich der Anzahl in Reihe und/oder Höhe der Bilder, trotzdem schließt der ganze Bilder-Block auf einer Grund-Linien-Höhe ab. Verschachtelte Bilder sehen Sie im Inhaltsbereich der Startseite (index.html) und der Seite Primus (index1.html).
    Privater Inhalt: Vorlage ist kostenlos
    Kommerzieller Inhalt: einmalig Euro 29,--
 
42 Morning Nature Yoga
+ ONE-PAGER
+ Smooth-Scrolling-To-Sections
+ 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'.
  • 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

  • One-Pager: 1 Alle Inhalte innerhalb einer HTML-Seite.
  • Jquery Smooth Scroll To Sections: 2
  • 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.
  • Fixierte Menü-Leiste Menü scrollt also nicht mit, sondern ist fix positioniert

1= 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. Klicken Sie die Links im Menü und sehen Sie wie innerhalb einer Seite die verschiedenen Sektionen aufgerufen werden. Wichtiger Bestandteil eines One-Pagers ist das Smooth-Scroll-To-Sections sowie das Öffnen von (div-)Boxfenstern innerhalb der selben Seite für weiteren Inhalt.

2= Smooth Scroll To Sections | Die Sprungziele, sprich die einzelnen Sektionen (Abschnitte) werden übrigens animiert sanft und sichtbar angesteuert. Gemeint ist das sogenannte 'Smooth Scrolling', welches der Übersichtlichkeit und besseren Orientierung dient. Man registriert also auch optisch, wohin man gelangt und springt nicht so abrupt wie sonst beim üblichen HTML-Anker.

    Privater Inhalt: Vorlage ist kostenlos
    Kommerzieller Inhalt: einmalig Euro 29,--
 
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 29,--
 
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 29,--
 
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 29,--
 
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 29,--
 
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 29,--
 
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 29,--