Homepage Vorlagen - Templates

Schnell-Start. Los geht es!


Sie möchten sofort einen Überblick und wollen nachfolgende Erläuterungen zu Technik oder Nutzungsbedingungen sowie Tipps und Informationen zu unseren Templates weiter unten etwas später lesen, dann nachstehend die wesentlichen Optionen zum Schnell-Start:

  Klicken Sie im Menü auf einen der blauen Zahlen-Kreise. Jeder Kreis enthält 8 Vorlagen.

  Oder schauen Sie die Homepagevorlagen der Reihe nach durch.
Wir starten direkt mit HP 01 (Design: The Art Of Light).

  Im News-Bereich (Neu) sind unsere letzten ca. 20 neuen Vorlagen gelistet.

  Hinweis: Alle Homepage Vorlagen kostenlos für Privat-Nutzung, kostenpflichtig für Kommerzielle-Nutzung.
Info: Responsive Webdesign.


Unsere Vorlagen sind Responsive.
Dank Responsive Webdesign macht Surfen auch auf mobilen Geräten wie Handys oder Tablets Spass: Immer schneller und stärker zunehmend wandelt sich die Größe der Ausgabegeräte. Es gibt mittlerweile sehr viele unterschiedlich große Displays wie Desktop-PCs, Laptops, Notebooks, Tablets, Smartphones, E-Book-Reader. Jedes dieser Geräte gibt es dann zusätzlich noch in vielen Zwischengrößen.

Mit der Responsive-Technik wird versucht für die unterschiedlich großen Displays ein angepaßtes, optimiertes Design für die jeweilige Bildschirmgröße zu gestalten. In der Regel geschieht dies durch Layouts, welche in Prozent statt absoluten Pixelgrößen angelegt sind und insbesondere durch Abfragen von Bildschirmgrößen per CSS Media Queries.

Jedes Gerät erhält also eine optimierte Ansicht - das nervige ' Größer-Ziehen mit 2 Fingern ' bei Smartphone-oder Tablet-Devices (weil Inhalt zu klein und Inhalt ist abgeschnitten) entfällt also endlich. Auch die Drehung der Devices (horizontal/vertikal), also von Portrait in den Landscape-Modus wird hierbei berücksichtigt.
Tipp: Onepager mit CSS-Bilder-Slideshow.


  HP 03 | FOLLOW THE HORIZON

Ein responsive One-Pager. Die ganze Webseite besteht im Prinzip also nur aus einem Webdokument, sprich einer einzigen HTML-Seite. Wichtiger Bestandteil eines One-Pagers ist das 'Smooth-Scroll-To-Sections' (Die Sprungziele zum jeweiligen Abschnitt werden animiert, sprich sichtbar und nachvollziehbar und eben nicht abrupt angesteuert) sowie 'Box-Fenster', die sich per div-Box innerhalb der selben Seite öffnen - nur per CSS realisiert und ganz ohne Javascript!

+ 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




Tipp: 3 x Foto-Show mit Jquery.


  HP 21 | CAKES & COFFEE

Hier haben wir gleich 3 verschiedene Jquery-Foto-Shows für Sie eingebaut. Als Bonus, welcher Ihre Seite dann noch spezieller macht, kombininieren wir zwei der Foto-Shows und erklären Ihnen dieses in einem kleinen Tutorial.

JQUERY
3 x Foto-Show
+ ( Fotorama )
+ ( Lightbox )
+ ( Elastislide )



Homepage Vorlage , templates , Homepage-Vorlagen,  free download
Homepage Vorlage , templates , Homepage-Vorlagen,  free download
Homepage Vorlage , templates , Homepage-Vorlagen,  free download




Info: Kleine Anleitung. So funktioniert es mit den Vorlagen.



Anleitung - So funktioniert es


Tipp: Aufklapp-Menü: Responsive / CSS-Only / No Javascript.


  HP 05 | START A NEW CREATIVE PROJECT

CSS-Only-Responsive-Aufklapp-Menü.
Cooles Menü, denn ein Aufklapp-Menü, welches gleichzeitig folgende Bedingungen erfüllt, nämlich erstens responsive ist und zweitens nur mit CSS und ohne Javascript funktioniert sowie drittens die Aufklapp-Funktion für mobile Geräte (denn diese kennen keine Mausberührung wie beim Desktop-Pc sondern nur Touch) ermöglicht, ist schon etwas besonderes.

AUFKLAPP-MENÜ:
+ CSS-ONLY
+ RESPONSIVE
+ TOUCH-FRIENDLY
+ KEIN JAVASCRIPT



Homepage Vorlage , templates , Homepage-Vorlagen,  free download
Homepage Vorlage , templates , Homepage-Vorlagen,  free download
Homepage Vorlage , templates , Homepage-Vorlagen,  free download




Tipp: Sommer-Template mit CSS-Beach-Animation


  HP 67 | AT THE BEACH - Am Strand von Summerland

CSS-Keyframes-Animation: Sehen Sie wie die verschiedenen Objekte 'Hund', 'Ball' und 'Schwimmer', welche nur aus der bekannten Font-Icons Schrift 'Font Awesome' bestehen und somit keine Grafiken sind, hier von uns per CSS-Keyframes animiert wurden.

| HP 67 |
+ ONE-PAGER
+ CSS-Beach-Animation
+ Full-Screen-Only-Site
+ 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





Beispiel: Responsive Design für mobile Geräte.

Als Mobile Geräte werden neben dem Smartphone natürlich auch Tablets bezeichnet und es gilt eben sowohl Smartphones als auch Tablets responsive anzupassen. Hier sehen Sie nachfolgend als Slideshow einige Beispiele unserer Vorlagen im angepassten 'Smartphone Design'. Klar, Sie haben es schon erkannt, die Info um jeweils welche HP-Nr. es sich handelt, ist hier jeweils unten rechts in dieser Slidshow mit eingeblendet und verlinkt. Hinweis: Sie können die Slideshow auch unterbrechen und mit Klick auf die vertikal zentrierten Pfeile manuell durchschauen.


Information: Technik & Nutzungbedingungen.


  Technik der Vorlagen


Mühsam eigene Homepages erstellen oder lieber kostenlose Homepagevorlagen nutzen, um sich viel Zeit und Arbeit zu ersparen? Hier gibt es gratis die Vorlagen (bei privater Nutzung) bzw. für ein geringes Entgelt (bei kommerzieller Nutzung).

Inbesondere haben wir viele 'Responsive Vorlagen' mit dabei. Das bedeutet: Es erfolgt nur per CSS über die sog. Media Queries Befehle eine Anpassung oder noch besser gesagt eine Optimierung an all die unterschiedlichen Bildschirmgrößen, wie Smartphone, Tablet, Netbook, Laptop und Desktop.

Unsere Vorlagen sind reine HTML & CSS Templates, Sie benötigen also weder einen sog. Homepage-Generator noch ein zusätzliches Framework, wie z.B. Wordpress, Bootstrap oder Joomla o.ä. zum Anpassen. Genauer: Sie müssen die Vorlage also nicht in ein bestimmtes System integrieren, denn die Basis aller Webseiten ist ja HTML und CSS und funktioniert deshalb auch natürlich ganz alleine.

Zum Bearbeiten braucht es wenig, denn es ist nur ein 'HTML-Editor' (z.B. Phase5, Adobe Brackets oder Blue Griffon) nötig sowie ein 'FTP-Programm' (z.B. Filezilla) zum Hochladen der Seite ins Netz. Mehr nicht! Vorab entpacken Sie die heruntergeladene Datei (.zip) mit einem ZIP-Programm, wie z.b. Winzip, Winrar oder 7zip. Alternativ gibt es viele weitere kostenlose Editoren/Programme für die Bearbeitung im Netz.

Eine ganz besondere Qualität: Sämtliche Navigations-Menüs bei unseren Templates sind ohne Javascript sondern nur per CSS programmiert, d.h. diese funktionieren in jedem Browser, also auch dann, wenn Javascript im Browser vom Kunden bzw. Besucher deaktiviert wurde. Sie dürfen sie Fotos durch Ihre eigenen Fotos ersetzen, Texte, Farben, Schriften ändern. Änderungen am Code sind also gestattet.


  Hinweis zum HTML-Editor


a.)  Allgemein - Für die Responsive Templates gilt:

Diese können allgemein und das bezieht sich auf alle Anbieter im Internet ( also nicht nur auf unsere Vorlagen ) nicht so gut mit einem Drag-and Drop- Editor (Grafischer HTML-Editor), auch bezeichnet als WYSIWYG-Editor ( What You See Is What You get ), bearbeitet werden, denn diese Art von Editor kann die Bildschirmabfragen per CSS Media Queries in der Regel nicht richtig auslesen und darstellen. Bitte laden Sie sich eine responsive Vorlage herunter und testen Sie selbst, ob ihr WYSIWYG-Editor in der Lage ist,responsive Seiten zu bearbeiten. Dahingegen können textorientierte Editoren immer responsive Seiten bearbeiten.

b.)  Hilfe für Kunden die keinen textorientierten HTML-Editor verwenden:

01.) Laden Sie eine Vorlager herunter und öffnen diese in ihrem Editor und testen Sie ob dieser responsive Seiten bearbeiten kann. Wenn nicht, so können Sie auch Ihren grafischen HTML-Editor in die Quelltext-Ansicht schalten und dort den Code bearbeiten, die aktualisierte Ansicht nach Änderungen des Codes schecken Sie dann eben nicht in der Editor-Ansicht sondern direkt im jeweiligen Browser, im Prinzip also genau so, wie es die Profis sowieso machen, denn der Browser zeigt ja die endgültige Darstellung an. Das bedeutet dann konsequenterweise, daß Sie zumindest leichte Kenntnisse in HTML und CSS haben müssen.

2.) Nehmen Sie besser einen textorientierten HTML-Editor wie zum Beispiel die Editoren PHASE5 oder ADOBE BRACKETS oder andere.
Phase5: Download bei Chip.de
Adobe Brackets: Download bei Chip.de

3.) Ein kleiner Hoffnungsschimmer bei den WYSIWYG-Editoren scheint der Editor 'Blue Griffon' zu sein. Einige unserer Kunden bestätigten, das dieser auch responsive-fähig ist.
Bue Griffon: Download bei Chip.de


  Die Nutzung


Eine private, d.h. kostenlose Nutzung unserer Vorlagen ist erlaubt. Sie dürfen die Vorlagen bei privater Nutzung anpassen, sprich Grafiken, Texte oder Quellcode anpassen. Je nach dem Inhalt, welcher eingefügt wird kann auch für Privatpersonen eine kommerzielle Nutzung vorliegen, nämlich dann, wenn die Möglichkeit besteht, das Sie damit durch Ihren Inhalt Geld verdienen könnten, z.B. das Anbieten von Tieren gegen Bezahlung bei einer Zucht oder bezahlte Google-Add-Werbung oder Verdienstmöglichkeiten durch Klick auf Link zu bezahlten Partnerschaftsprogrammen wie Amazon & Co. Auch gilt: Alle Vereine mit dem Zusatz "e.V"., also alle eingetragene Vereine sind ebenso als kostenpflichtig zu werten, denn die Grenze zwischen nicht-gewinnorientiert und überschüssigen Geldern bei Vereinen läßt sich von uns kaum prüfen, wir denken, Sie verstehen das. Bei einer kommmerziellen Nutzung müssen Sie die Vorlage bestellen.

Eine kommerzielle Nutzung, d.h. bezahlte Nutzung unserer Vorlagen ist erlaubt. Kommerziell heißt, Sie nutzen das Template zum Zwecke des Geldverdienens, also gewerblich, für Ihre eigene Person oder Firma oder für eine dritte Person, sprich andere gewerblich orientierte Person, Firma oder Organisation. Sie dürfen die Vorlagen bei kommerzieller Nutzung anpassen, sprich Grafiken, Texte oder Quellcode anpassen. Die kommerzielle Nutzung ist jedoch nur gegen Bezahlung gestattet, die Bestellung erfolgt dann über unser Bestell-Formular.

Bestellung
Bei einer Bestellung ist die Vorgehensweise wie folgt: Füllen Sie bitte das Bestell-Formular vollständig aus. Sie erhalten eine ordentliche Rechnung mit ausgewiesener Mehrwertsteuer per Mail sowie per Post in Ihrem Haus-Briefkasten.

Zahlung:
Sie zahlen per Kontoüberweisung innerhalb von Deutschland bzw. kostengünstiger Überweisung aus EU-Ländern - zb. Österreich (über Angabe der IBAN/BIC), bei Nicht-EU-Ländern (z.b. Schweiz) gelten die üblichen Auslandsüberweisungsgebühren Ihrer Bank.

Alternativ können Sie auch per Paypal bezahlen.

Download
Laden Sie sich die Vorlage selber über den jeweiligen Link "Downloaden" herunter. Dieses können bzw. sollten Sie auch tun, bevor Sie die Vorlage bestellen, denn wir möchten Ihnen ja die Möglichkeit geben, das Template ja vorab auf Ihrem heimischen Rechner zu testen. Bestellen müssen Sie, sobald Sie die Vorlage ins Internet hochladen.

Preise und Nutzungsdauer
Unsere Preise sind inklusive Mehrwertsteuer. Selbstverständlich sind unsere Preise in Bezug auf eine Homepagevorlage nicht ständig monatlich oder jährlich zu bezahlen, sondern Sie zahlen für eine Vorlage nur einmalig den genannten Preis. Die zeitliche Nutzung ist unbegrenzt genauso wie die Anzahl von Seiten die Sie mit der Vorlage innerhalb einer Domain erstellen können.

Rechnungsstellung
Die Rechnung geht an die im Bestellformular genannnte Adresse und ist von dieser zu begleichen. Für den Fall, daß Sie die Vorlage also nicht für sich selbst sondern für eine dritte Person nutzen wollen, so können Sie selbst entscheiden, ob die Rechnung und damit die Bezahlpflicht an Sie oder an eine dritte Person (also z.B. Ihr Kunde) geht.

Domains
Bei kommerzieller Nutzung: Eine Vorlage darf für eine Domain genutzt werden. Die Anzahl der Seiten sowie die Nutzungsdauer ist unbegrenzt und nur einmalig zu zahlen.
D.h. entweder Sie nutzen die Vorlage als normale Person für sich selbst oder Ihre eigene Firma - oder sie verwenden die Vorlage für eine dritte Person (also nicht für sich selbst sondern für eine andere Person oder Firma.

Bei zusätzliche Domains gilt:
Domains mit identischem (gleichem) Inhalt = + 5.00 Euro
Domains mit verschiedenem Inhalt = voller Preis

Erklärung zu den zusätzlichen Domains: Wenn Sie die Vorlage auf mehreren Domains (egal welcher Domain-Name) mit identischem Inhalt (z. B. Weiterleitung auf bestehenden Webspace, Domains mit unterschiedlichen Endungen wie z. B. *.net, *.de, *.com) einsetzen möchten, so zahlen Sie für die erste Domain den angegebenen Preis, für jede weitere Domain zahlen Sie kostengünstige 5.00 Euro incl. 19 % Mwst. Wenn Sie die Vorlage für verschiedene Domains bzw. Projekte mit unterschiedlichem Inhalt nutzen möchten, so müssen wir leider den vollen Preis pro Domain/Projekt berechnen.

Nutzungsbedingungen:
Bitte lesen Sie vor dem Download der Homepagevorlage unsere Nutzungsbedingungen.
Tipp: Dekorative Bild-Leiste oben und unten im Fotografen-Setup.


  HP 89 | Gourmet Kitchen

Viele unterschiedliche Fotos auf den einzelnen HTML-Seiten, ermöglicht durch eine Bild-Leiste oben und unten, machen das Template sehr dekorativ. Die dunkelgraue Hintergrundfarbe läßt darüberhinaus Ihre Fotos sehr gut zur Geltung kommen, denn gerne verwenden auch Fotografen ähnliche Farben im Setup.

Bei mobilen Geräten (Smartphone, Tablet) wird hier einmal nicht der bekannte 'Hamburger Button' (3 Striche) benutzt, sondern das Menü wird als willkommene Abwechslung direkt auch dort ohne diesen angezeigt.




Homepage Vorlage , templates , Homepage-Vorlagen,  free download
Homepage Vorlage , templates , Homepage-Vorlagen,  free download
Homepage Vorlage , templates , Homepage-Vorlagen,  free download




Tipp: Responsive Jquery-Foto-Slider mit vielen Funktionen.


  HP 44| BED AND BREAKFAST

Responsive Template inklusive responsive Slider (Bildwechsler) mit automatischer sowie alternativer manueller Steuerung per Pfeile und Thumbnails: Die animierte Slideshow startet also zunächst automatisch, läßt sich aber auch manuell über die Pfeile steuern sowie zudem auch noch per Klick bzw. Touch auf die Thumbnails, also die kleinen Vorschau-Bilder.




Homepage Vorlage , templates , Homepage-Vorlagen,  free download
Homepage Vorlage , templates , Homepage-Vorlagen,  free download
Homepage Vorlage , templates , Homepage-Vorlagen,  free download



Info: Alles einfacher. Sofort Herunterladen und schauen ob es paßt.


Liebe Besucher, auf vielen anderen Vorlagen-Seiten bekommen Sie nur ein kleines Vorschaubild der Vorlage zu sehen oder Sie müssen sich erst registrieren, der Download ist kostenpflichtig, in den Vorlagen sind Mustergrafiken, welche Sie nicht verwenden dürfen, Werbung ist in Form von Bannern oder Links enthalten usw.

" Bei uns ist das alles einfacher.
Sie sollen direkt sehen, ob die Vorlage Ihnen gefällt. "


Wir bieten einen besonderen Service:

Anschauen der Vorlagen in Originalgrösse und sofortiger Download aller Templates zum Testen ohne vorherige Registration/Anmeldung. Klicken Sie einfach auf den Link namens "Download" bei der jeweiligen Vorlage. Sowie keine offensichtliche Werbung in den Vorlagen. Einzig unser sehr kurzer, unsichtbarer und einzeiliger Copyright-Kommentar:

(c) Copyright by S.I.S.Papenburg /
www.on-mouseover.de/templates/

welcher nur im HTML-Quelltext und nicht innerhalb der Webseiten-Ansicht im Browser sichtbar ist- darf nicht gelöscht werden. Sie müssen keine zusätzlichen Angaben in Bezug auf uns in Ihrem "Impressum" machen, dürfen es aber.

Die Templates sind kostenlos bei Inhalt von privater Natur. Geringe Preise bei kommerziellem Inhalt. (Diejenigen, die eine Vorlage kommerziell nutzen wollen, sollen nicht die "Katze im Sack kaufen", sondern die Vorlage in aller Ruhe vorab am heimischen PC testen können)
"Ja...spinnen die denn ?"
Nein. Wir setzen auf den "Fairness"-Gedanken und ehrliche Besucher. Das kann aber nur solange funktionieren, wie unsere Besucher auch in diesem Sinne denken. Bitte halten Sie sich deshalb an unsere Nutzungsbedingungen, damit wir dieses Angebot nicht irgendwann einstellen müssen.

Grundsätzlich darf eine Vorlage nur für eine Domain genutzt werden. Innerhalb einer Domain aber können Sie jedoch eine ungegrenzte Anzahl von Seiten anlegen und auch der Zeitraum der Nutzung ist nicht begrenzt. Wenn Sie die Vorlage auf mehreren Domains (egal welcher Domain-Name) mit identischem Inhalt (z. B. Weiterleitung auf bestehenden Webspace, Domains mit unterschiedlichen Endungen wie z. B. *.net, *.de, *.com) einsetzen möchten, so zahlen Sie für die erste Domain den angegebenen Preis, für jede weitere Domain zahlen Sie kostengünstige 5.00 Euro incl. 19 % Mwst.
Wenn Sie die Vorlage für verschiedene Domains bzw. Projekte mit unterschiedlichem Inhalt nutzen möchten, so müssen wir leider den vollen Preis pro Domain/Projekt berechnen.
Thema Urheberrecht:
Würden Sie in der realen Welt auf die Idee kommen, Komplettes oder Teile von Film, Buch, Lied, Video, Stream oder sonstigen Medien zu kopiereren/abzuschreiben und dieses als Ihr geistiges Eigentum zu veröffentlichen?
Ganz ehrlich: Wohl kaum.
Fazit: Im Internet und bei Webseiten gelten gleiche Rechtsbestimmungen wie sonst auch, normal halt.

Übrigens: Wir sind offen, aber nicht naiv. Auch das Internet ist kein "Gesetz-freier Raum". Allen unehrlichen Besuchern - welche so ein freies Angebot zum Nachteil der ehrlichen Allgemeinheit ausnutzen - sei gesagt: "Schwarze Schafe" entdecken wir früher oder später aufgrund unsererer langjährigen Internet-Erfahrung sowie auch durch hilfreiche Hinweise per Mail seitens unserer Besucher. Aber nun ab dafür und viel Spaß ...
Tipp: Spektakuläre CSS-ANIMATION: " KREISEN AUF RUNDEN HAARLINIEN".


  HP 06 | Astronaut To Ground Control

+ ONE-PAGER
+ CSS-ANIMATION:
" KREISEN AUF RUNDEN HAARLINIEN "
+ Full-Screen-Only-Site
+ 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





Objekte (Font-Icons) kreisen mit versch. Geschwindigkeiten und Richtungen um einen Mittelpunkt - und zwar spektakulär, weil nicht irgendwo im freien Raum, sondern exakt dünnen kreisförmigen Haarlinien folgend. Diese CSS-Animaton ist ganz ohne Grafiken erstellt.
  1. Äußerer Kreis: Ein Rakete-Icon.
  2. Mittlerer Kreis: Ein Satellit-Icon.
  3. Innerer Kreis: 8 x Icons, aufgeteilt wie folgt:
    1. ) Vier Stück Social Media Icons = verlinkt zum jeweiligen Social-Media-Anbieter.
    2. ) Vier Stück diverse Icons = öffnen Boxfenster innerhalb der eigenen Seite.
Noch eine Besonderheit: Die 8 Font-Icons des inneren Rings bleiben beim Kreisen immer in waagerechter Position. Das ist nicht selbstverständlich, denn bei einem einfachen Kreisen per CSS-Animation um einen Mittelpunkt herum würde ja das oberste Icon, wenn es sich an unterer Position befindet, auf dem Kopf stehen.
Unsere Lösung dafür ist es, alle 8 Icons mit gleicher Geschwindigkeit per Block rechts herum und jedes einzelne Icon mit einer zweiten Animation links herum drehen zu lassen.
Man kann es also physikalisch vergleichen mit einem Riesenrad, welches ja auch technisch dafür sorgt, das die einzelnen Gondeln mitsamt der Menschen darin trotz des Kreisens niemals Kopf stehen müssen.
Tipp: Bildwechsler (Slideshows).


Wir haben CSS-Bildwechsler und Jquery-Bildwechsler, nutzen sie diese je nach Vorliebe, hier nachstehend eine Übersicht. CSS-Slider funktionieren auch, wenn Javascript im Browser deaktiviert wurde, aber bei Jquery-Slidern lassen sich leichter Bilder mit untersch. Anzahl hinzufügen.

CSS-BILDWECHSLER

HP10 / Above The Clouds = 8 Fotos. Horizontaler Tausch, von rechts nach links.
HP61 / Pension In Traumlage = 5 Fotos. Vertikaler Tausch, von unten nach oben. One-Pager-Konstruktion .
HP94 / Travel On Highway = 4 Fotos. Horizontaler Tausch, von rechts nach links mit gleichzeitiger CSS-Kamerafahrt (Abfahren der Fotos) plus eine Bildtext-Animation. Außerdem gibt es hier auf jeder Seite andere Fotos beim Bildertausch. Und als Bildanzeiger haben wir ein Batterie-Icon mit verschiedenen Ladezyklus-Anzeigen.
HP74 / Big City Walk = 4 Fotos. Tausch per Überblend-Effekt.
HP59 / Sunny Side Of Life = 10 Fotos. Horizontaler Tausch, von rechts nach links.
HP49 / Wide Open Country = 7 Fotos. Horizontaler Tausch, von rechts nach links. Inklusive CSS-Pause-Schalter (ON/OFF), welcher die Slideshow pausiert und bei Bedarf wieder startet.One-Pager-Konstruktion. Spezieller Bildanzeiger mit 'Mann/Frau-Icons'.
HP03 / Follow The Horizon = 5 Fotos. Horizontaler Tausch, von rechts nach links. One-Pager-Konstruktion
HP47 / What A Nice Location = 5 Fotos. Horizontaler Tausch, von rechts nach links mit gleichzeitiger CSS-Kamerafahrt (Abfahren der Fotos).
HP81 / La Bella Vita = 4 Fotos. Tausch per Überblend-Effekt. Kein Bildanzeiger. Menü liegt als Halbkreis über der Slideshow.
HP99 / Sur La Plage = 2 Fotos. Tausch per Überblend-Effekt mit Bildtext-Änderung.
NEU / 25.08.2019 - HP09 / A Guide To Be Happy = 8 Fotos. Horizontaler Tausch, von rechts nach links.
Webseite mit Sidebar (Seitenleiste) für PLUS-Info, bei welcher Sie die Auswahl von 2, 4, 6 oder 8 Boxen als Inhalt zur Auswahl haben.


JQUERY BILDWECHSLER

Wenn Sie statt CSS-Slideshows mehr die Jquery (Javascript) Slideshows favorisieren, so schauen Sie sich unsere folgenden Templates an:

HP11 / An Der Küste = 20 Fotos. Jquery-Script. Horizontaler Tausch, von rechts nach links. Full-Screen-Site als One-Pager-Konstruktion. Plus Bildtext sowie 'Thumbnails' und 'Pfeile', welche die automatisch ablaufende Slideshow unterbrechen und ein manuelles Durchklicken ermöglichen.
HP21 / Cakes & Coffee = Auf jeder Seite unterschiedliche Anzahl von Fotos. Jquery-Script. Horizontaler Tausch, von rechts nach links. Hier als hälftiger, sprich 50% breiter Slider eingebaut. Plus 'Pfeile', welche die automatisch ablaufende Slideshow unterbrechen und ein manuelles Durchklicken ermöglichen.
HP44 / Bed And Breakfast = 19 Fotos. Jquery-Script. Horizontaler Tausch, von rechts nach links. Plus 'Thumbnails' und 'Pfeile', welche die automatisch ablaufende Slideshow unterbrechen und ein manuelles Durchklicken ermöglichen.
HP72 / Some Nice Places = 12 Fotos. Jquery-Script. Tausch per Überblend-Effekt. Vollbildschirm-Slideshow. Als Besonderheit haben wir noch einen CSS-Schalter eingebaut, welcher die Inhaltsleiste (mitsamt Homepagenamen, Hauptmenü und Fussmenü) komplett verschwinden läßt und so eine Vollansicht garantiert. Full-Screen-Site als One-Pager-Konstruktion. Plus 'Pfeile', welche die automatisch ablaufende Slideshow unterbrechen und ein manuelles Durchklicken ermöglichen.



Tipp: Flat-Design (2D) PLUS 3D-Perspective - A Nice Combination.


  HP 55 | SOFA SOCIAL MEDIA

2D MEETS 3D
+ 3D - Perspektive
im Flat-Design
+ CSS-Trapez-Form



Homepage Vorlage , templates , Homepage-Vorlagen,  free download
Homepage Vorlage , templates , Homepage-Vorlagen,  free download
Homepage Vorlage , templates , Homepage-Vorlagen,  free download




Tipp: Onepager mit Full-Screen-Menü-Seitenleiste.


  HP 35 | UP TO THE TOP

Ein responsive One-Pager. Hier ausgearbeitet mit einer Seitenleiste, welche das Menü enthält und dieses îmmer über die volle Bildschirmhöhe geht.

+ 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




Tipp: Meditation - Lila / Purple als spirituelle Farbe.


  HP 45| WELLNESS RELAXATION

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.




Homepage Vorlage , templates , Homepage-Vorlagen,  free download
Homepage Vorlage , templates , Homepage-Vorlagen,  free download
Homepage Vorlage , templates , Homepage-Vorlagen,  free download




Tipp: Special-Template für Responsive Anfänger.


  HP 22 | RESPONSIVE BEGINNERS

Template für Responsive Anfänger. Denn es gibt eine Reduzierung auf das Wesentliche:

Es gibt in dieser Vorlage keine Font-Icons, keine Animationen, keine Google Webfonts, kein Grid-System für die Anordnung von Spalten oder horizontalen Bildreihen. Es wurde außerdem verzichtet auf ein Toggle-Menü und ein Aufklapp-Menü. Weggelassen haben wir auch Transparenzen per CSS oder per PNG-Grafiken sowie auch Farbverläufe per CSS.

Auch nicht zum Einsatz kamen hier unterschiedlich formatierte Abschnitte im Inhaltsbereich. Schatten-Effekte auf Boxen oder Texte per CSS wurden hier ebenfalls nicht getätigt. Auch nicht dabei ist die Lightbox Fotogallerie.

Somit mag die Konzentrierung auf die Responsive-Technik sehr viel angenehmer und hoffentlich leichter zu verstehen sein.

Template für RESPONSIVE ANFÄNGER
+ Reduzierter Code
+ Leichteres Verständnis



Homepage Vorlage , templates , Homepage-Vorlagen,  free download
Homepage Vorlage , templates , Homepage-Vorlagen,  free download
Homepage Vorlage , templates , Homepage-Vorlagen,  free download