Homepagevorlagen ( Templates ) zum Download

Webseiten 65 - 72  ( frei für privat, kostenpflichtig für kommerziell )


HomeVorlagen(c) NutzungKontakt
ImpressumBestellungWiderrufDatenschutz



 65 In Arbeit - Noch kein Titel Bestellen Downloaden Anschauen


+ + + GANZ NEU + + + In Arbeit + + + HP 65 erhältlich im  Jannuar 2019




    Privater Inhalt: Vorlage ist kostenlos
    Kommerzieller Inhalt: einmalig Euro 39,--
 
 66 Launcher Soon 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: Countdown-Zähler
  • Launcher Site 1. Mit Countdown-Zähler und Button (Toggle-Switch), der ein Info-Fenster öffnet.
  • Font-Icons ( Icon-Schrift bereits installiert, somit Icons tauschbar/erweiterbar ) .
  • Google-Webfonts ( Schrift 'Open Sans' bereits installiert ). Schriftschnitt:Light.
  • Toggle-Schalter. 2 Button-Schalter: An/Aus (Öffnen/Schließen).
  • CSS-Animation: Fade-In: Fenster blendet sich horizontal und vertikal zentriert in die Seite hinein.
  • CSS-Animation: Pop-Up-Effekt (mit CSS transform:scale) auf Social Media Icons.

1= Launcher:
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').

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

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

Besonderheiten

Dezente, aber edle Wirkung durch sehr dunkle Grautöne. Denn damit kommen die Schrift-und Linkfarben besonders gut zum Tragen

Technik

Flexibles Layout.

    Privater Inhalt: Vorlage ist kostenlos
    Kommerzieller Inhalt: einmalig Euro 29,--
 
 68 ON THE ROAD AGAIN 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.
Komplette Webseite ohne Javascript.
  • CSS-Autobahn-Animation (Zweispurig, entgegenkommender Verkehr)1
  • CSS-Bildwechsler (Im Inhaltsbereich)
  • Multipler CSS-Background
  • Transparenz ( mit CSS-rgba)
  • Mit Toggle-Menü. ( Bei mobilen Geräten erscheint platzsparendes Menü (Menü-Button An/Aus)
  • Font-Icons (Icon-Schrift bereits installiert, somit Icons tauschbar/erweiterbar).
  • Google-Webfonts (Schrift bereits installiert).
  • Pseudoelement ":after" und ":before". Angewandt bei Listen-Font-Icons.
  • Verschiedene ANIMATIONEN per CSS gestaltet.
1= Autobahn-Animation: Auf einer von Wäldern begrenzten Autobahnstrecke fahren Autos von rechts nach links, ihnen kommen auf der Gegenfahrbahn andere Autos entgegen, die natürlich von links nach rechts fahren.

    Privater Inhalt: Vorlage ist kostenlos
    Kommerzieller Inhalt: einmalig Euro 39,--
 
 69 COOL WATER Bestellen Downloaden Anschauen

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.
Komplette Webseite ohne Javascript.
  • Transparenz (mit CSS-Opacity).
  • Transparenz (mit CSS-rgba).
  • Fixierter Background (auch bei mobilen Geräten). Seite scrollt also über den feststehenden Hintergrund.
  • Font-Icons (Icon-Schrift bereits installiert, somit Icons tauschbar/erweiterbar).
  • Linearer Farbverlauf ohne Grafik (mit CSS-linear-gradient).
  • Streifen-Hintergrund ohne Grafik (CSS-linear-gradient).
  • CSS-Animationen: Hoch-Schrauben (= Drehen + Slide-Top - bei Mouseover auf den Icons)
    Privater Inhalt: Vorlage ist kostenlos
    Kommerzieller Inhalt: einmalig Euro 39,--
 
 70 Success In Job Bestellen Downloaden Anschauen

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.
Komplette Webseite ohne Javascript.
  • CSS-Animation: Slideshow (Bildwechsler).
  • Mit Toggle-Menü. (Bei mobilen Geräten wird ein platzsparendes Menü aktiviert (Button An/Aus)
  • Runde Fotos. ( mit CSS-border-radius)
  • Font-Icons (Icon-Schrift bereits installiert, somit Icons tauschbar/erweiterbar).
  • CSS-Animation: Drehen (bei Mouseover auf den Fotos im Inhaltsbereich)
  • CSS-Animation: Schweben (automatisch bei Seitenstart auf den Social-Median-Icons)
  • CSS-Animation: Slide-Left (bei Mouseover auf den Social-Median-Icons)
    Privater Inhalt: Vorlage ist kostenlos
    Kommerzieller Inhalt: einmalig Euro 39,--
 
 71 BUSINESS PRESENTATION 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.
Komplette Webseite ohne Javascript.
  • Buchdruck (Inset)- Einstanz-Effekt beim Homepagenamen (mit CSS-textshadow)
  • Mit Toggle-Menü. ( Bei mobilen Geräten erscheint platzsparendes Menü (Menü-Button An/Aus)
  • PERSPEKTIVISCHE ROTATION , hier Schrägstellung (mit CSS-perspective/rotate)
  • Schrägen ohne Grafik: (mit CSS-linear-gradient).
  • Font-Icons (Icon-Schrift bereits installiert, somit Icons tauschbar/erweiterbar).
  • Pseudoelement ":first-letter". Erster Buchstabe anders formatiert.
  • Pseudoelement ":first-line". Erste Zeile anders formatiert.
  • Pseudoelement ":after" und ":before". Angewandt bei Listen-Font-Icons.
  • Animation SMOOTH-MENÜ; Toggle-Menü gleitet von links nach rechts hinein
  • Animation GLEITEN, Foto von links nach rechts |startet automatisch
  • Animation SCALE, vergrössern
  • Animation SLIDE-RIGHT + FARBÄNDERUNG ICON
  • Animation GUMMIBAND
  • Animation ZOOM-IN, in Foto-Box hinein zoomen
  • Animation PERSPEKTIVISCHES WENDEN auf Y-Ebene
  • Animation PERSPEKTIVISCHES WENDEN auf X-Ebene
  • Animation PERSPEKTIVISCHES SCHRÄG VERGRÖSSERN
  • Animation DREHEN, schnell
  • Animation DREHEN, langsam
  • Animation DREHEN + VERKLEINERN
  • Animation WAEHLSCHEIBE
    Privater Inhalt: Vorlage ist kostenlos
    Kommerzieller Inhalt: einmalig Euro 39,--
 
 72 Weites Land Bestellen Downloaden Anschauen
Homepage Vorlage , templates , Homepage-Vorlagen,  free download    Homepage Vorlage, templates , Homepage-Vorlagen,  free download

Besonderheiten

Während das große Hauptbild (als Hintergrundgrafik) oben über eine Breite von 1600 Pixel geht, ist der Inhaltsbereich ca. 900 Pixel breit. Somit erfolgt eine interessante Anpassung an verschiedene Monitorauflösungen.

Technik

Flexibles Layout.

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