HomeVorlagen(c) NutzungKontakt
ImpressumBestellungWiderrufDatenschutz



Homepage Vorlagen ( Templates )

Alle Homepage Vorlagen kostenlos für Privat, kostenpflichtig für Kommerziell


+ + + Schnell-Start.     


Sie möchten sofort einen Überblick und wollen und nachfolgende wichtige Informationen später lesen:

  Anleitung: Klicken Sie im Menü auf einen der 17 blauen Zahlen-Kreise. Jeder Kreis enthält 8 Vorlagen. Es sind also insgesamt 136 Templates.

  Oder klicken Sie die HOMEPAGEVORLAGEN HIER der Reihe nach durch | Wir starten direkt mit HP 01 (Design: The Art Of Light).

  Im News-Bereich (Neu) finden Sie unsere letzten 20 neuen Vorlagen.



+ + + Ganz Frisch. Unser neustes Template.    


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!

  HP 26 | I´M A ONE-PAGER Veröffentlicht 06.07.18







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





ONE-PAGER Alle Inhalte innerhalb einer HTML-Seite. + Smooth-Scrolling-To-Sections
+ Box-Fenster


+ + + Tipp. Traumhafte Location + CSS-Bildwechsler + CSS-Text-Wechsler    


Was für ein schönes Stück Natur: Ein klarer Gebirgssee in den italienischen Dolomiten. Dieses Template enthält 2 CSS-Wechsler.

  HP 47 | WHAT A NICE LOCATION







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





+ Berühmte Location
+ CSS-Bildwechsler
mit Kamerafahrt
+ CSS-Textwechsler


+ + + Vor kurzem hochgeladen.    


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 optisch sichtbar und nachvollziehbar angesteuert) sowie 'Box-Fenster', die sich per div-Box innerhalb der selben Seite öffnen - nur per CSS realisiert und ganz ohne Javascript!

  HP 35 | UP TO THE TOP Veröffentlicht 02.06.18







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





ONE-PAGER Alle Inhalte innerhalb einer HTML-Seite. + Smooth-Scrolling-To-Sections
+ Box-Fenster


+ + + Vor kurzem hochgeladen.    


  HP 19 | MEINE KLEINE FIRMA IST ONLINE Veröffentlicht 11.05.18




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.    


Hier haben wir gleich 3 verschiedene 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.

  HP 21 | CAKES & COFFEE






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






JQUERY
3 x Foto-Show
+ ( Fotorama )
+ ( Lightbox )
+ ( Elastislide )
+ + + Tipp: Aufklapp-Menü. Responsive. CSS-Only. No Javascript.    


  HP 05 | START A NEW CREATIVE PROJECT

Mit '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 / Hover wie beim Desktop-Pc sondern nur Touch) ermöglicht, ist schon etwas besonderes. ]





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







Aufklapp-Menü
bestehend aus:
+ CSS-ONLY
+ RESPONSIVE
+ TOUCH-FRIENDLY
+ KEIN JAVASCRIPT


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


  HP 55 | Sofa Social Media





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







FLAT +
3D - Perspektive

mit
CSS-Trapez-Form
+ + + Tipp. ONE-PAGER sind voll im Trend.    


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. Wichtiger Bestandteil eines One-Pagers ist das 'Smooth-Scroll-To-Sections'.

  HP 17 | ESCAPE PLUS ZERO





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







ONE-PAGER Alle Inhalte innerhalb einer HTML-Seite. + Smooth-Scrolling-To-Sections
+ + + Tipp: Foto-Präsentation - Direkt am Anfang und ohne Rand platziert.     


  HP 79| Imaginibus-Media




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







+ + + Tipp: Farbharmonie: Weiß, Rot, Schwarz und helles Grau.     


  HP 119| Psychology Of Love

Was wären wir ohne die Liebe:

Die Farben Weiß, Rot, Schwarz und Grau-Töne (hier im Farbverlauf) ergänzen sich traditionell perfekt. (Übrigens analog zum Farbschema der Print-Medien, sprich Tageszeitungen.)

Inklusive "Paper-Like-Cards", "Heartbeat-Animation", "Smooth-Scrolling-To-Top-Button" und einer Foto-Slide-Show in der Seitenleiste, dort sieht man so einen Bildwechsler ja eher selten, da der Einbau nicht 'Standard' ist (es steht merklich weniger Platz zur Verfügung mit dem Ziel es trotzdem responsive zu gestalten).




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: 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 automatisch, läßt sich aber auch manuell über die Pfeile steuern sowie auch 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







+ + + Tipp: Animierter Wasserwellen-Effekt.     


  HP 92 | COUNTDOWN LAUNCHER RIPPLES Veröffentlicht am 01.04.18

Countdown-Timer + animierter Wasserwellen-Effekt!

Der Timer zählt in Tagen, Monaten, Stunden und Sekunden herunter.
Das End-Datum, an welchem der Zähler die Null erreicht, stellen Sie ganz leicht im Kopf-Bereich der HTML-Seite ein. Tipp: Verschiebt sich Ihr Projekt dann doch noch einmal kurzfristig, stellen Sie ganz einfach ein neues End-Datum ein und ändern den Text ('Wir starten demnächst').





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







Jquery
+ Water Ripples Effekt
+ Countdown Timer
+ + + Tipp: Aufklapp-Menü. Responsive. CSS-Only. No Javascript.    


  HP 52 | TECHNICAL SOLUTIONS

Mit '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 / Hover wie beim Desktop-Pc sondern nur Touch) ermöglicht, ist schon etwas besonderes. ]





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







Aufklapp-Menü
bestehend aus:
+ CSS-ONLY
+ RESPONSIVE
+ TOUCH-FRIENDLY
+ KEIN JAVASCRIPT


+ + + 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.





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







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


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



Anleitung - So funktioniert es




+ + + Allgemeine Information.    


Mühsam eigene Homepages erstellen oder lieber kostenlose Homepagevorlagen nutzen, um sich viel Arbeit zu ersparen? Hier gibt es gratis die Vorlagen dafür. Auf dieser Homepage finden Sie zahlreiche Homepage Vorlagen kostenlos zum Ansehen in Originalgrösse und Download. Übrigens werden diese Homepagevorlagen auch templates genannt. Inbesondere haben wir viele Responsive Vorlagen mit dabei. Responsive heißt: Es erfolgt eine Anpassung an unterschiedliche Bildschirmgrößen, wie Smartphone, Tablet, Netbook, Laptop und PC ( Desktop ).

Unsere Vorlagen sind reine HTML und CSS Templates, Sie benötigen also kein zusätzliches Framework, wie z.B. Joomla, Bootstrap oder Wordpress o.ä. zum Anpassen. Sie müssen die Vorlage als 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' nötig sowie ein 'FTP-Programm' zum Hochladen der Seite ins Netz. Mehr nicht. Hierzu gibt es viele kostenlose Editoren/Programme.

Für die Responsive Templates, also solche die sich auch an mobile Geräte wie Smartphone und Tablets anpassen, gilt: Diese können allgemein (das gilt für alle Anbieter, also nicht nur für unsere Vorlagen) nicht so gut mit einem Drag-and Drop Html Editor, auch bezeichnet als WYSIWYG-Editor, bearbeitet werden. Nehmen Sie besser einen textorientierten HTML-Editor wie zum Beispiel die kostenlosen Editoren PHASE5 oder BRACKETS oder andere. Das bedeutet dann konsequenterweise, daß Sie zumindest leichte Kenntnisse in HTML und CSS haben müssen.

- Diese Templates können für den privaten Gebrauch kostenlos heruntergeladen ( download ), angepasst und weiterverwendet werden. Je nach dem Inhalt, welcher eingefügt wird, kann auch für Privatpersonen eine kommerzielle Nutzung vorliegen. Das Anbieten der Templates auf anderen Webseiten, der Weiterverkauf sowie auch die Verwendung als direkter Download ist nicht gestattet.

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 der Vereine läßt sich von uns kaum prüfen, wir denken, Sie verstehen das.

Eine kommerzielle Nutzung ist erlaubt. Die kommerzielle Nutzung ist jedoch nur gegen Bezahlung gestattet. Auch wenn Sie die Vorlagen anpassen, bleibt das Copyright für das Design beim Autor der Vorlagen. Für Ihren eingefügten Inhalt, sei es Text, spezielle Grafiken o.a., haben Sie dann selbstverständlich Ihr Copyright.



+ + + Responsive Webdesign.    

Wir haben viele Responsive Vorlagen mit an Bord. Worum geht es?

Nun, so macht Surfen auch auf mobilen Geräten Spass. Responsive Webdesign (RWD), erklärend wie folgt:

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.

Gerade Tablets und Smartphones verändern heutzutage extrem das Surf-Verhalten. Mit der RWD-Technik wird versucht für die unterschiedlich großen Displays angepaßte, optimierte Designs 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.

Gleichwohl haben wir aber auch für weniger Fortgeschrittene viele "Nicht-Responsive-Vorlagen" anbei.




+ + + Responsive Design im Beispiel 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 unser Vorlagen im angepassten 'Smartphone Design'. Klar, Sie haben es schon erkannt, die Info um jeweils welche HP-Nr. es sich handelt, ist hier jeweils eingeblendet.






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


Liebe Besucher,

hier nachstehend einige wertvolle Informationen für Sie - oder wenn Sie es gar nicht erwarten können, klicken Sie im vorstehenden Menü den Button "Vorlagen" bzw. die kreisrunden "Zahlen-Buttons" und Sie gelangen zu unseren Vorlagen.
... 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...Klicken Sie dazu auf den Link nammens "Downloaden" 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. Für Ihren eingefügten Inhalt, sei es Text, spezielle Grafiken o.a., haben Sie dann selbstverständlich Ihr Copyright. Sie müssen keine zusätzlichen Angaben in Bezug auf uns in Ihrem "Impressum" machen, dürfen es aber. 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.
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 sich alle daran halten. Bitte halten Sie sich deshalb an unsere Nutzungsbedingungen, damit wir dieses Angebot nicht irgendwann einstellen müssen.


Thema Urheberrecht:
Würden Sie auf die Idee kommen, Komplettes oder Teile eines Buches oder Gedichtes abzuschreiben oder ein komplettes Lied oder Teile eines Liedes als Ihres zu veröffentlichen? Wohl kaum. Im Internet und bei Webseiten gelten gleiche Rechtsbestimmungen wie sonst auch.

+ + + Übrigens: Wir sind offen, aber nicht naiv. Auch das Internet ist kein "Gesetzfreier Raum".
Allen unehrlichen Besuchern - welche so ein freies Angebot zum Nachteil der ehrlichen Allgemeinheit ausnutzen - sei gesagt: + + +


Viele "schwarze Schafe" entdecken wir früher oder später aufgrund unsererer langjährigen
Internet-Erfahrung sowie auch, wie es die Praxis gezeigt hat, durch hilfreiche Hinweise per Mail seitens unserer Besucher.


Allen ehrlichen Besuchern wünschen wir viel Spass auf unserer Seite.






+ + + Tipp: Luftig und leichte CSS-Transparenz im 2-Spalten-Layout.    


  HP 02 | PIER WITH A LIGHTHOUSE




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







+ + + Beispiele für das optimierte Smartphone Layout (verlinkt).    



  No. 02
Pier with a Lighthouse

  No. 03
Brücken - Ponts - Bridges

  No. 10
Above The Clouds

  No. 14
Fresh Food For You

  No. 16
La Bella Vita

  No. 25
Classic Style Trend

  No. 30
KANZLEI RA LAWYER

  No. 44
Bed And Breakfast




+ + + Nutzungsbedingungen.     


Bitte lesen Sie vor dem Download einer Homepagevorlage unbedingt unsere Nutzungsbedingungen.