Homepage Vorlagen ( homepages ) gratis

Webseiten 113- 120  ( frei für privat, kostenpflichtig für kommerziell )

Wie dürfen diese Templates eingesetzt werden?

Bitte lesen Sie vor dem Download einer Homepagevorlage unbedingt unsere Nutzungsbedingungen.
Diese Homepages können für den privaten Gebrauch kostenlos heruntergeladen, angepasst und weiterverwendet werden. Das Anbieten der Templates auf anderen Webseiten, der Weiterverkauf sowie auch die Verwendung als direkter Download ist nicht gestattet. Je nach dem Inhalt, welcher eingefügt wird, kann auch für Privatpersonen eine kommerzielle Nutzung vorliegen.

Eine kommerzielle Nutzung ist erlaubt. Die kommerzielle Nutzung ist jedoch nur gegen Bezahlung gestattet. Für kommerziell gilt: Die Preise finden sie immer direkt neben dem Vorschaubild - als letzte Zeile vom Beschreibungstext.

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.



HomeVorlagen(c) NutzungKontakt
ImpressumBestellungWiderrufDatenschutz



 113 MELANCHOLIA Bestellen Downloaden Anschauen



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







[ Fotos zeigen Auflösungsansicht von TABLET und SMARTPHONE im Portraitmodus sowie Laptop und DESKTOP-PC ]

Besonderheiten

So macht Surfen auch auf mobilen Geräten Spaß! (Dank Responsive Webdesign)
Responsive Webdesign = Anpassung/Optimierung der extrem unterschiedlichen Bildschirmgrößen (nur per CSS) von Smartphone, Tablet, Notebook, Laptop und Desktop-PC innerhalb einer einzigen Webseite.

Technik

Mobile-First-Technik.
Komplette Webseite ohne Javascript.
  • CSS-SLIDESHOW (Bilderwechsel).
  • CSS-Textslider (wechselt reinen Text).
  • CSS-Animation beim Logo (Flug von rechts nach links, dabei 1x im Uhrzeigersinn drehend).
  • CSS-Animation beim Slogan (Flug von rechts nach links, dabei 3x gegen den Uhrzeigersinn drehend).
  • CSS-Animation Zoom (Mouseover: Bei den Links im Hauptmenü).
  • CSS-Animation Verzerrung (Mouseover: Bei den Bildern im Text).
  • CSS Animation Spinning Icons - Auf den Social Media Icons - Dreht bei Mausberührung.


    Privater Inhalt: Vorlage ist kostenlos
    Kommerzieller Inhalt: einmalig Euro 39,--
 
 114 The Beauty In Architecture Bestellen Downloaden Anschauen
Homepage Vorlage , templates , Homepage-Vorlagen,  free download    Homepage Vorlage, templates , Homepage-Vorlagen,  free download

Besonderheiten

Mit transparentem Aufklapp-Menü.

Technik

Flexibles Layout.

    Privater Inhalt: Vorlage ist kostenlos
    Kommerzieller Inhalt: einmalig Euro 29,--
 
 115 Im Juli Bestellen Downloaden Anschauen
Homepage Vorlage , templates , Homepage-Vorlagen,  free download

Besonderheiten

Das Design ist hier auch optisch nett in drei vertikale Haupt-Bereiche aufgeteilt.

Technik

Flexibles Layout.

    Privater Inhalt: Vorlage ist kostenlos
    Kommerzieller Inhalt: einmalig Euro 29,--
 
 116 GERMANY COLOR STYLE Bestellen Downloaden Anschauen



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







[ Fotos zeigen Auflösungsansicht von SMARTPHONE und TABLET im Portraitmodus sowie DESKTOP-PC ]

Besonderheiten / Technik

So macht Surfen auch auf mobilen Geräten Spaß! (Dank Responsive Webdesign)
Responsive Webdesign = Anpassung/Optimierung der extrem unterschiedlichen Bildschirmgrößen (nur per CSS) von Smartphone, Tablet, Notebook, Laptop und Desktop-PC innerhalb einer einzigen Webseite.

Technik

Mobile-First-Technik.
Komplette Webseite ohne Javascript.
  • Germany Design ( Schwarz, Rot, Gold )
  • Kreisförmige Anpassung der Links im Hauptmenü. Jeder Link muss anders eingerückt und damit innerhalb der Liste separat 1 angesprochen werden.
  • Anordnung der Bilder im Inhaltsbereich wie folgt:
    - Bild ist links platziert und der Text fließt rechts herum.
    - Bild ist rechts platziert und der Text fließt links herum.
    - Bild ist zentriert und ohne Textfluß arrangiert.
  • CSS-Animation: Drehen (Automatisch startend): Rechtsdrehung bei den Social Media Icons, wobei jedes zweite Icon (also jedes ungerade Element 2) davon links herum dreht.
  • Flaggen-SPEZIAL (Alle Flaggen nur mit CSS gestaltet, einfacher Code, hier in der Regel mit CSS-linear-gradient).
    Beispiele mit 8 Flaggen anbei plus Code-Schnipsel.
    Viele weitere Flaggen3 nach diesem Prinzip möglich.
  • CSS-Animation: Flaggen-Kugel rollt nach links und wieder zurück (Automatisch startend).
  • Google-Webfonts (Schrift 'Roboto' und 'Open Sans' bereits installiert). Schriftschnitt:Light.
  • Font-Icons (Icon-Schrift bereits installiert, somit Icons tauschbar/erweiterbar )

1= Ansprechen jedes einzelnen Elements einer Liste.
Mit Pseudoelement ':nth-child(Zahl).

2= Ansprechen jedes ungeraden Elements einer Liste
Dies geschieht hier durch das Pseudoelement ':nth-child(odd)'.

3= Weitere Flaggen.
Nach diesem Prinzip lassen sich andere Flaggen erstellen, z.B. Niederlande, Belgien, Luxemburg, Ungarn, Finnland, Rumänien, Lettland, Bulgarien, Russland, Littauen, Monaco, Ukraine, Irland, Estland, Armenien, Bolivien, Costa Rica, Elfenbeinküste, Gabun, Gambia, Guinea, Indonesien, Jemen, Kolumbien, Mali, Mauritius, Nigeria, Peru, Sierra Leone, Thailand, Tschad. Eine Übersicht von National-Flaggen finden sie hier.

    Privater Inhalt: Vorlage ist kostenlos
    Kommerzieller Inhalt: einmalig Euro 39,--
 
 117 Articles Bestellen Downloaden Anschauen
Homepage Vorlage , templates , Homepage-Vorlagen,  free download

Besonderheiten

Gut für textlastige Seiten. Blogs, News, Abi-Zeitung.
Aufklapp-Menü, mit extra breiten Links beim Unter-Menü, um z.B. längere (Artikel-) Überschriften angemessen zu präsentieren

Technik

Flexibles Layout.

    Privater Inhalt: Vorlage ist kostenlos
    Kommerzieller Inhalt: einmalig Euro 29,--
 
 118 Gentle Look Bestellen Downloaden Anschauen
Homepage Vorlage , templates , Homepage-Vorlagen,  free download

Besonderheiten

Das Foto gibt es mit und ohne die Sterne. Natürlich können Sie wie immer auch ihr eigenes Foto verwenden.

Technik

Flexibles Layout.

    Privater Inhalt: Vorlage ist kostenlos
    Kommerzieller Inhalt: einmalig Euro 29,--
 
 119 PSYCHOLOGY OF LOVE Bestellen Downloaden Anschauen



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







[ Fotos zeigen Auflösungsansicht von SMARTPHONE und TABLET im Portraitmodus sowie DESKTOP-PC ]

Besonderheiten

So macht Surfen auch auf mobilen Geräten Spaß! (Dank Responsive Webdesign)
Responsive Webdesign = Anpassung/Optimierung der extrem unterschiedlichen Bildschirmgrößen (nur per CSS) von Smartphone, Tablet, Notebook, Laptop und Desktop-PC innerhalb einer einzigen Webseite.

Technik

Mobile-First-Technik.
Jquery: Foto-Slideshow (Fotorama)
Jquery: Lightbox-Foto-Gallerie
Jquery: Smooth-Scroll-To-Top
  • Jquery: Foto-Slideshow.1 In Seitenleiste eingebaut.
  • Paper-Like-Cards.2
  • Jquery: Smooth-Scrolling-To-Top.3
  • Paginierung. Im Fussbereich.
  • Font-Icons ( Icon-Schrift bereits installiert, somit Icons tauschbar/erweiterbar ) .
  • Mit 'Lightbox Picture Gallery'.4 ( Die bekannte und beliebte Foto-Gallerie-Schau ).
  • Google-Webfonts ( Schrift 'Open Sans' bereits installiert ). Schriftschnitt:Light.
  • Toggle-Schalter. 5 Menü-Button-Schalter: An/Aus.
  • CSS-Animation: Heartbeat (Herzschlag).
  • CSS-Animation: Toggle-Menü schiebt sich von links nach rechts in die Seite hinein.
  • CSS-Animation beim Toogle-Schalter 6.

1= Foto-Slideshow:
Oft sieht man eine Foto-Slideshow nur im Kopf-Bereich der Webseite. Wir haben hier die Slideshow mal in die Seitenleiste eingebaut. Die Schwierigkeit die sich dabei immmer stellt ist, das sowohl das Slideshow-Script als auch die eigene Webseiten-Konstruktion responsive sein sollte. Aber ja, wir haben es diesbezüglich responsive anlegen können und wünschen viel Spaß mit diesem Template.

2= Paper-Like-Cards:
Die Paper-Like-Card besteht hier jeweils aus einem Foto mit dazugehörigem Textfeld. Wir haben es jedoch auf der Startseite im Inhaltsbereich besonders spannend angelegt, das heißt, bei den 3 Cards wurde jedes der drei Textfelder separat farblich an das jeweilige Foto angepaßt, sprich es handelt sich dabei um die Hintergrund-und Textfarbe, die Überschrift, die Linkfarbe sowie die Icon-Farbe.

3= Smooth-Scrolling-To-Top:
Wenn man ein wenig scrollt, blendet sich ein kleiner Button (mit Pfeil-nach-oben) ein. Ein Klick oder Touch auf diesen Button fährt die Seite sanft scrollend nach oben an den Anfang der Seite. Es ist also kein plötzlicher Sprung sondern ein animiertes Hinaufgleiten.

4= Lightbox Picture Gallery: So funktioniert diese Foto-Schau:
Nach Klick auf ein Foto öffnet sich ein neues Fenster mit dem Foto sowie einer Bildunterschrift und einer Anzeige (Bild X von Anzahl X), gleichzeitig dunkelt sich die komplette Webseite im Hintergrund ab. Wenn mehrere Fotos in einer Gruppe zusammengefaßt sind, ergibt sich folgendes tolle Feature: Fahren Sie mit der Maus über die rechte Fotohälfte. Es erscheint dann ein Pfeil, welcher Sie durch Klick auf diesen immer weiter zum nächsten Foto führt. In diesem Fenster lässt sich also eine ganze Bildkollektion durchsehen. Übrigens erscheint bei Mausberührung auch ein Pfeil nach links um die Fotos wieder in anderer Richtung zu betrachten .

5= Toggle Schalter:
Eine Javascript-freie Lösung, welche auf mobilen Geräten eine Funktion per Schalter (an/aus) ermöglicht.

6= Toggle-Schalter-Animation:
Der Hamburger-Button (drei Striche = Button für mobile Auflösungen) dreht sich, wird ausgeblendet und gibt dann ein 'X' frei, also einem Schließen-Button.

    Privater Inhalt: Vorlage ist kostenlos
    Kommerzieller Inhalt: einmalig Euro 39,--
 
 120 DJ At Work Bestellen Downloaden Anschauen
Homepage Vorlage , templates , Homepage-Vorlagen,  free download    Homepage Vorlage, templates , Homepage-Vorlagen,  free download

Besonderheiten

Transparenz-Layout. Verschiedene Design anbei. Transparentes Halbkreis-Menü.

Technik

Flexibles Layout.
+ CSS3-Effekte (Textschatten, Boxschatten, Abrundung = Schattenwurf und Abrundungsgrad individuell und flexibel einstellbar, da ohne Grafiken realisiert).
++ CSS3 Animation-Rotation (Ganze Konstruktion dreht 2x im Kreis = 720 Grad)- nur auf Startseite.
+++ CSS3 Schrägstellung Objekte (Winkelgrade einstellbar.)

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