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.
Da diesbezüglich gelegentlich Überschneidungen vorkommen könnten, führen wir es weiter unten bei 'Nutzung' detaillierter aus.
Tipp: Ganz aktuell unser CORONA-Template.

+ + + GANZ NEU + + + CORONA-Template + + + TOP Aktuell + + +



  HP 20 | CORONA Covid-19

SONDER-HINWEIS | Für dieses CORONA-Template gilt:
  • Komplett kostenlos für Ärzte, Krankenhausmitarbeiter, Pfleger, Altenpfleger sowie generell für alle medizinischen Berufe. (Bitte in diesem Fall trotzdem bestellen mit entsprechendem Hinweis).
  • Für private Nutzung, öffentliche Schulen und freiwillige Feuerwehren sind unsere Templates ja sowieso kostenfrei.
  • Preis aus Solidaritätsgründen in diesen emotionalen Zeiten für alle Anderen bei
    kommerzieller Nutzung nur 29,- (statt 39,-)
  • Der Inhalt des Templates ist frei wählbar und muß nicht zwingend mit dem Thema 'Corona' zu tun haben.

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




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. kostenlos: Phase5, Adobe Brackets, Blue Griffon oder andere) nötig sowie ein 'FTP-Programm' (z.B. Filezilla oder andere) zum Hochladen der Seite ins Netz. Mehr nicht! Vorab entpacken Sie bitte die heruntergeladene komprimierte Datei (.zip), wie es allgeimein üblich ist, mit einem ZIP-Programm, wie z.b. Winzip, Winrar oder 7zip. Alternativ gibt es im Netz viele weitere kostenlose Editoren/Programme für die Bearbeitung.

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

Im Gegensatz zu einem grafischen Editor macht ein textorientierter HTML-Editor keine Probleme, da hier ja insbesondere direkt im Quelltext gearbeitet wird.

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

1.) Laden Sie eine Vorlage 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,aktuelle Darstellung der Webseite 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 PHASE 5 oder ADOBE BRACKETS oder andere nach Ihrem Geschmack.

HTML-Editor 'Phase 5', kostenlos: Download bei Chip.de

HTML-Editor' Adobe Brackets', kostenlos: 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.

HTML-Editor 'Bue Griffon', kostenlos: 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 ( kommerziell ) zu werten, denn die Grenze zwischen nicht-gewinnorientiert und überschüssigen Geldern bei Vereinen läßt sich von uns kaum prüfen, wir hoffen und 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

Hinweis zum identischen Inhalt bei zusätzlichen Domains: Hier stellt sich eventuell die Frage nach leichten Abweichungen bzw. ab wann gilt eine Webseite als identisch, sprich im wesentlichen gleicher Inhalt und ab wann nicht.
Antwort: Klar soll es im in erster Linie um das Prinzip als solches gehen. Wir sind also nicht päpstlicher als der Papst und werden hier keine Wörter oder Absätze zählen. Wir geben also somit nachstehend einen großzügigen Basis-Richtwert vor: Ein Wert von 100% bis 80% gilt trotzdem noch als 'identischer Inhalt'. Ein Wert von unterhalb von 80% hingegen wird als Domain mit unterschiedlichem Inhalt gewertet.

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



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.


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.

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




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



Anleitung - So funktioniert es


Tipp: Bildwechsler (Slideshows).


Wir haben CSS-Bildwechsler und Jquery-Bildwechsler, beide sind responsive, 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 oder löschen Die nachstehend dort beim jeweiligen Template genannte Foto-Anzahl ist eben für das Jquery-Script im Template nur beispielhaft, da ja beliebig viele Fotos hinzugefügt bzw. entfernt werden können.

CSS-BILDWECHSLER, responsive.

HP03 / Follow The Horizon = 5 Fotos. Horizontaler Tausch, von rechts nach links. One-Pager-Konstruktion
HP06 / Italian Life Style = 10 Fotos. Slideshow unten auf der Seite. Horizontaler Tausch, von rechts nach links.
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.
HP10 / Above The Clouds = 8 Fotos. Horizontaler Tausch, von rechts nach links.
HP47 / What A Nice Location = 5 Fotos. Horizontaler Tausch, von rechts nach links mit gleichzeitiger CSS-Kamerafahrt (Abfahren der Fotos).
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'.
HP59 / Sunny Side Of Life = 10 Fotos. Horizontaler Tausch, von rechts nach links.
HP61 / Pension In Traumlage = 5 Fotos. Vertikaler Tausch, von unten nach oben. One-Pager-Konstruktion .
HP74 / Big City Walk = 4 Fotos. Tausch per Überblend-Effekt.
HP81 / La Bella Vita = 4 Fotos. Tausch per Überblend-Effekt. Kein Bildanzeiger. Menü liegt als Halbkreis über der Slideshow.
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.


JQUERY BILDWECHSLER, responsive.

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

HP06 / Italian Life Style = Jquery-Script. 2 x Im Inhaltsbereich. Tauscht nicht nur Bilder, sondern auch andere Objekte, wie Text, Icons o.ä. Verschiebt Bilder/Objekte einzel noder gleich ganze Reihen.
HP11 / Metropolis City = Jquery-Script. Hier als sog. ONEPAGER. Zu sehen 2 x Im Inhaltsbereich. Tauscht nicht nur Bilder, sondern auch andere Objekte, wie Text, Icons o.ä. Verschiebt Bilder/Objekte einzel noder gleich ganze Reihen.
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.
HP33 / Smartsurfgo Webhosting = Jquery-Script. Fullscreen-Bildwechsler.
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.
HP54 / Sunny Dreams In July = Jquery-Script. Simpler Bildwechsler imm Inhaltsbereich.
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.
HP105 / 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.
HP20 / Corona Template = Jquery-Script. Im Inhaltsbereich. Tauscht nicht nur Bilder, sondern auch andere Objekte, wie Text, Icons o.ä. Horizontaler Tausch, von rechts nach links. Verschiebt Bilder/Objekte einzelnoder gleich ganze Reihen.
Tipp: Winter-Template mit CSS-Ski-Rennen-Animation + Jquery-Schneefall-Animation


  HP 46 | Skiing Race With Falling Snow

CSS-Keyframes-Animation: Vier Ski-Rennläufer, welche nur aus der bekannten Font-Icons Schrift 'Font Awesome' bestehen und somit keine Grafiken sind, wurden hier von uns per CSS-Keyframes animiert.
Jquery-Animation: Realistischer Schneefall macht die Atmosphäre des Ski-Rennens komplett und hat gleichzeitig eine beruhigende Wirkung.

+ 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





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





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