121 Documents & Files



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





Technik

  • Responsive Webdesign: Anpassung/Optimierung der unterschiedlichen Bildschirmgrößen von Smartphone, Tablet, Notebook, Laptop und Desktop-PC.
  • Mobile-First-Technik.
  • Icon-Font: Font Awesome.
  • CSS-Only-Menü mit Toggle-Schalter. Eine Javascript-freie Lösung, welche eine Funktion per Schalter (an/aus) ermöglicht um das Menü auf mobilen Geräten zunächst zu verstecken.
  • CSS-Menü-Animation: Hineingleiten des Menüs.

Besonderheiten

  • Akten-Ordner im Original-Maßstab zur Beschriftung mit Ihrem Homepagenamen.
  • Mehrere Fotos zum Beschriften der Aktenordner anbei - Bis zu 12 Buchstaben (=12 Ordner) sind möglich.1
  • Zusätzlich kann der Hintergrund der Aktenordner geändert werden. (Beispiele u. Quellcode anbei)
  • Fade-In-Effekt: Jede Seite wird sanft eingeblendet.
  • Fest am oberen Rand positionierte Menü-Leiste (Scrollt nicht mit).
  • CSS-Animationen: Schwingen, Drehen, Gummiband, Umkippen, Beben, Slide-Top, Slide-Right.
  • CSS-Animation: Menü-Button gleitet nach rechts raus, Schliess-Button von oben hinein.
1= Beschriftung der Aktenordner: Beschriftet man zudem die zweite Reihe der Etiketten, dann bis zu 24 Buchstaben pro gesamter Ordner-Gruppe und bei Beschriftung der dritten Reihe der Etiketten je 36 Buchstaben pro gesamter Ordner-Gruppe.


    Privater Inhalt: Vorlage ist kostenlos
    Kommerzieller Inhalt: einmalig Euro 39,--
 
122 Brushed Metal

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


Technik

  • Flexibles Layout, d.h. die Breite ist in Prozent oder Pixel einstellbar.

Besonderheiten

  • Menü und Rahmen mit Streifen-Textur.
  • CSS3-Effekte (Textschatten, Boxschatten, Abrundung = Schattenwurf und Abrundungsgrad individuell und flexibel einstellbar, da ohne Grafiken realisiert).

    Privater Inhalt: Vorlage ist kostenlos
    Kommerzieller Inhalt: einmalig Euro 29,--
 
123 ALL THE TIME OF THE WORLD



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





Technik

  • Responsive Webdesign: Anpassung/Optimierung der unterschiedlichen Bildschirmgrößen von Smartphone, Tablet, Notebook, Laptop und Desktop-PC.
  • Mobile-First-Technik.
  • Icon-Font: Font Awesome.
  • Google-Webfonts: Schrift 'Open Sans' und 'Roboto Light'.

Besonderheiten

  • Menü bei allen Auflösungen immer sichtbar: Also ohne den sog. Hamburger Button.
  • CSS-Animation: Klapp-Mechanismus beim Menü (Mausberührung: Von minus-45-Grad-Schräge zu 0-Grad).
  • Komplett-Transparenz-Layout. Mit CSS-rgba (Farbe und Deckungsgrad somit gfls. anders einstellbar).
    Nett: Auch die Bilderrahmen sind transparent und heben sich trotzdem (dank CSS-box-shadow) ab.
  • Festgesetzte Hintergrund-Grafik, der Inhalt scrollt also darüber hinweg.
  • CSS-Animation: Dreh-Effekt plus Move-Effekt auf den Social Media Icons im Inhaltsbereich (Startet automatisch).
    - Jedes zweite1 Icon dreht sich dabei andersherum und bewegt sich in entgegengesetzter Richtung.
    - Jedes Icon innerhalb der Liste hat eine andere Farbe.2
  • CSS-Animation Wobble-Effekt (Auf den Fotos im Inhaltsbereich).
  • CSS-Animation: Drehen-Effekt (Auf den Icons im Kopfbereich).
  • Effektvolle CSS-Schräg-Stellung von Objekten: Mit 'transform:rotate'.
    Hier war es wichtig mit 'CSS-transform-origin' den richtigen Drehpunkt zu setzen sowie auch
    mit 'CSS-overflow:hidden' den Platz der Box zu beschränken (damit keine unschönen zusätzlichen Scroll-Balken erscheinen).

1= Ansprechen jedes geraden oder ungeraden Elements einer Liste.
Dies geschieht hier durch das Pseudoelement ':nth-child(even)' bzw. ':nth-child(odd)'.

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


    Privater Inhalt: Vorlage ist kostenlos
    Kommerzieller Inhalt: einmalig Euro 39,--
 
124 LEGATUS DOMINUS



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





Technik

  • Responsive Webdesign: Anpassung/Optimierung der unterschiedlichen Bildschirmgrößen von Smartphone, Tablet, Notebook, Laptop und Desktop-PC.
  • Mobile-First-Technik.
  • Icon-Font: Font Awesome.

Besonderheiten

  • Menü bei allen Auflösungen immer sichtbar: Also ohne den sog. Hamburger Button.
  • Almost Flat-Design (mit minimalen , dezenten Schatteneinsatz bei einigen Objekten). Denn: Die Mischung macht´s !
  • CSS-Animation: Bildwechsler (Slideshow) tauscht Fotos.
  • CSS-Animation: Der Bildwechsler tauscht dabei gleichzeitig auch Textfeld plus Weiterlesen-Button.

    Privater Inhalt: Vorlage ist kostenlos
    Kommerzieller Inhalt: einmalig Euro 39,--
 
125 (W)hat a (W)onderful (W)orld

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


Technik

  • Flexibles Layout, d.h. die Breite ist in Prozent oder Pixel einstellbar.

Besonderheiten

  • Spezielle Startseite plus zwei verschiedene Unterseiten anbei.
  • In den Menüs erscheint ein Pfeil im vorangestellten leerem Quadrat.

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

Homepage Vorlage , templates , Homepage-Vorlagen,  free download


Technik

  • Flexibles Layout, d.h. die Breite ist in Prozent oder Pixel einstellbar.

Besonderheiten

  • Inklusive Schwarz-Weiss-Version.
  • Film-Abspann am Ende der Seite.
  • CSS3-Effekte (Textschatten, Boxschatten, Abrundung = Schattenwurf und Abrundungsgrad individuell und flexibel einstellbar, da ohne Grafiken realisiert).
  • CSS3 Rotation-Animation (Ihr Logo dreht und bewegt sich nach rechts)
  • CSS3 Fade-In-Animation (Homepagename wird eingeblendet)

    Privater Inhalt: Vorlage ist kostenlos
    Kommerzieller Inhalt: einmalig Euro 29,--
 
127 DAS BLAUE HAUS



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





Technik

  • Responsive Webdesign: Anpassung/Optimierung der unterschiedlichen Bildschirmgrößen von Smartphone, Tablet, Notebook, Laptop und Desktop-PC.
  • Mobile-First-Technik.
  • Icon-Font: Font Awesome.
  • Google-Webfonts: Schrift 'Open Sans' im Schriftschnitt 'Light'.

Besonderheiten

  • Menü bei allen Auflösungen immer sichtbar: Also ohne den sog. Hamburger Button.
  • Pattern-Hintergrund: Streifen-Background - ohne Graifk ( mit CSS-linear-gradient )
  • CSS-Animation: DREHEN.

    Privater Inhalt: Vorlage ist kostenlos
    Kommerzieller Inhalt: einmalig Euro 39,--
 
128 TAKE A RIDE



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





Technik

  • Responsive Webdesign: Anpassung/Optimierung der unterschiedlichen Bildschirmgrößen von Smartphone, Tablet, Notebook, Laptop und Desktop-PC.
  • Mobile-First-Technik.
  • Icon-Font: Font Awesome.

Besonderheiten

  • Menü bei allen Auflösungen immer sichtbar: Also ohne den sog. Hamburger Button.
  • Transparenz (mit CSS-Opacity und mit CSS-rgba).
  • CSS-Animationen: Schwingen, Hoch-Schrauben (= Drehen + Slide-Top - bei Mouseover auf den Fuss-Icons)

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