homepage-buttons.de
Homepagevorlagen, Buttons und mehr
 
 
 

Responsive Website Vorlagen für Ihren Internetauftritt

Responsive Website Templates

Auf dieser Seite finden Sie eine neue Rubrik: responsive Websitevorlagen für modernes Webdesign. Die Besonderheit hierbei ist, dass diese Art von Vorlagen sich automatisch der Bildschirmgröße des Nutzers anpassen und somit auch auf Tablets und Handys ansprechend aussehen. Möglich wird dies durch moderne HTML5 und CSS3-Auszeichnung.

Immer mehr Menschen surfen mit Handy oder Tablet im Internet. Durch die unterschiedliche Größe der Bildschirme der einzelnen Medien ist eine Umstellung auf responsives (responsiv = reagieren auf) Webdesign durchaus wichtig. Denn wenn die Website nicht responsiv ist, ist die Darstellung auf mobilen Medien höchstwahrscheinlich suboptimal und ein Besucher wird Ihre statische Website möglicherweise ziemlich schnell wieder verlassen.

Die auf dieser Seite angebotenen Templates sind Premium Templates, ein kostenloser Download ist daher nicht möglich. Möchten Sie sich erst einmal mit der Technik vertraut machen, so können Sie in der Rubrik für einfache Templates einige Beispiele zum Testen finden.

 

Template Nr. 30 ansehen

Responsive Website Vorlage / Template Nr. 30

responsives HTML5-Template

Einsatz moderner CSS3-Technik

Das Template ist ein responsives Website Template, das bedeutet, die Ansicht passt sich der unterschiedlichen Auflösung verschiedener Medien wie Desktopcomputer, Tablet und Smartphone automatisch an. Beispiele sehen Sie in obiger Darstellung

Das Template besteht aus 2 HTML-Seiten (index.html und seite2.html), einer Stylesheetdatei (style.css) und 2 Grafiken, die nur für diese Website genutzt werden dürfen.

Die voreingestellte Gesamtbreite beläuft sich auf 1600 px. kann aber über die CSS-Datei angepasst werden.

Die Headergrafik hat die Maße 1600x630px, passt sich aber der Bildschirmbreite an.


Bei dieser Vorlage ist ein kostenloser Download nicht möglich.


»Bestellung«

Kostenpflichtige Nutzung gemäß unseren AGB.
Einmalige Nutzungsgebühr: 25,00 Euro *

 

Template Nr. 31 ansehen

Responsive Website Vorlage / Template Nr. 31

responsives HTML5-Template

Einsatz moderner CSS3-Technik

Das Template ist ein responsives Website Template, das bedeutet, die Ansicht passt sich der unterschiedlichen Auflösung verschiedener Medien wie Desktopcomputer, Tablet und Smartphone automatisch an. Beispiele sehen Sie in obiger Darstellung

Das Template besteht aus 2 HTML-Seiten (index.html und seite1.html), einer Stylesheetdatei (style.css) und 2 Grafiken, die nur für diese Website genutzt werden dürfen.

Die voreingestellte Gesamtbreite beläuft sich auf 100%, der linke Hauptteil ist auf 75% und der rechte Teil (inkl. der Navigation) ist auf 25% voreingestellt, kann aber über die CSS-Datei angepasst werden.

Die Headergrafik hat 1800x1196px, passt sich aber der Bildschirmbreite an. Sie kann problemlos durch Ihr eigenes Foto ersetzt werden.

Toggle-Menü, d.h. bei Hochkantstellung z.B. bei Handys oder Tablets verschwindet die Navigation und es erscheint ein "Hamburger-Button". Sobald darauf geklickt wird, klappt sich die Navigation aus und bei Klicken auf das dann erscheinende X verschwindet sie wieder.


Bei dieser Vorlage ist ein kostenloser Download nicht möglich.


»Bestellung«

Kostenpflichtige Nutzung gemäß unseren AGB.
Einmalige Nutzungsgebühr: 25,00 Euro *

 

Template Nr. 32a ansehen

Responsive Website Vorlage / Template Nr. 32a

responsives HTML5-Template

Einsatz moderner CSS3-Technik

Das Template ist ein responsives Website Template, das bedeutet, die Ansicht passt sich der unterschiedlichen Auflösung verschiedener Medien wie Desktopcomputer, Tablet und Smartphone automatisch an. Beispiele sehen Sie in obiger Darstellung

Das Template besteht aus 2 HTML-Seiten (index.html und seite1.html), einer Stylesheetdatei (style.css) und 2 Grafiken, die nur für diese Website genutzt werden dürfen.

Die voreingestellte Gesamtbreite beläuft sich auf 95%, der linke Hauptteil ist auf 75% und der rechte Teil (inkl. der Navigation) ist auf 25% voreingestellt, kann aber über die CSS-Datei angepasst werden.

Die Headergrafik hat 1800x896px, passt sich aber der Bildschirmbreite an. Sie kann problemlos durch Ihr eigenes Foto ersetzt werden.

Toggle-Menü, d.h. bei Hochkantstellung z.B. bei Handys oder Tablets verschwindet die Navigation und es erscheint ein "Hamburger-Button". Sobald darauf geklickt wird, klappt sich die Navigation aus und bei Klicken auf das dann erscheinende X verschwindet sie wieder.


Bei dieser Vorlage ist ein kostenloser Download nicht möglich.


»Bestellung«

Kostenpflichtige Nutzung gemäß unseren AGB.
Einmalige Nutzungsgebühr: 25,00 Euro *

 

Template Nr. 32b ansehen

Responsive Website Vorlage / Template Nr. 32b

responsives HTML5-Template

Einsatz moderner CSS3-Technik

Das Template ist ein responsives Website Template, das bedeutet, die Ansicht passt sich der unterschiedlichen Auflösung verschiedener Medien wie Desktopcomputer, Tablet und Smartphone automatisch an. Beispiele sehen Sie in obiger Darstellung

Das Template besteht aus 2 HTML-Seiten (index.html und seite2.html), einer Stylesheetdatei (style.css) und 2 Grafiken, die nur für diese Website genutzt werden dürfen.

Die voreingestellte Gesamtbreite beläuft sich auf max. 1800 px., darunter ist rechts und links jeweils ein Abstand von 30px voreingestellt, kann aber über die CSS-Datei angepasst werden.

Die Headergrafik hat die Maße 1800x869px, passt sich aber der Bildschirmbreite an. Es kann problemlos durch Ihr eigenes Foto in diesem Größenverhältnis ersetzt werden.

Einbindung von modernen kostenlosen Google Fonts.


Bei dieser Vorlage ist ein kostenloser Download nicht möglich.


»Bestellung«

Kostenpflichtige Nutzung gemäß unseren AGB.
Einmalige Nutzungsgebühr: 25,00 Euro *

 


 

Template Nr. 33a ansehen

Responsive Website Vorlage / Template Nr. 33a

responsives HTML5-Template

Einsatz moderner CSS3-Technik

Das Template ist ein responsives Website Template, das bedeutet, die Ansicht passt sich der unterschiedlichen Auflösung verschiedener Medien wie Desktopcomputer, Tablet und Smartphone automatisch an. Beispiele sehen Sie in obiger Darstellung

Das Template besteht aus 2 HTML-Seiten (index.html und seite1.html), einer Stylesheetdatei (style.css) und 1 Grafiken, die nur für diese Website genutzt werden dürfen.

Die voreingestellte Gesamtbreite beläuft sich auf 95%, die Navigation links ist in der Vollansicht auf 350px voreingestellt und passt sich je nach Bildschirmauflösung bzw. Medium an. Die Voreinstellungen können von geübten Usern geändet werden

Die Headergrafik, die nur für dieses Template genutzt werden darf, ist voreingestellt mit einer Höhe von 600px, die Breite passt sich dem Bildschirm an. Sie kann problemlos durch Ihr eigenes Foto ersetzt werden.

Toggle-Menü, d.h. bei Hochkantstellung z.B. bei Handys oder Tablets verschwindet die Navigation und es erscheint ein "Hamburger-Button". Sobald darauf geklickt wird, klappt sich die Navigation aus und bei Klicken auf das dann erscheinende X verschwindet sie wieder.

Die Farben sind rein über CSS definiert und können in der Datei style.css bei Bedarf geändert werden.


Bei dieser Vorlage ist ein kostenloser Download nicht möglich.


»Bestellung«

Kostenpflichtige Nutzung gemäß unseren AGB.
Einmalige Nutzungsgebühr: 25,00 Euro *

 

Template Nr. 35b ansehen

Responsive Website Vorlage / Template Nr. 35b

responsives HTML5-Template

Einsatz moderner CSS3-Technik

Das Template ist ein responsives Website Template, das bedeutet, die Ansicht passt sich der unterschiedlichen Auflösung verschiedener Medien wie Desktopcomputer, Tablet und Smartphone automatisch an. Beispiele sehen Sie in obiger Darstellung

Das Template besteht aus 2 HTML-Seiten (index.html und seite1.html), einer Stylesheetdatei (style.css) und mehreren Grafiken, die nur für diese Website genutzt werden dürfen.

Die voreingestellte Gesamtbreite beläuft sich auf 100% des Bildschirmes, die Navigation befindet sich waagerecht im Kopfteil. In dieser Einstellung ist sie für ca. 8 Links geeignet. Sie ist feststehend am oberen Bildschirmrand positioniert. Die Voreinstellungen können von geübten Usern geändet werden

Die Headergrafik, die nur für dieses Template genutzt werden darf, hat eine Breite von 1800 px. sie passt sich aber der vorgegebenen Bildschirmbreite des Besuchers an. Sie kann problemlos durch Ihr eigenes Foto ersetzt werden. Die Höhe kann in der style.css im Eintrag #bild geändert werden.

Toggle-Menü, d.h. bei Hochkantstellung z.B. bei Handys oder Tablets verschwindet die Navigation und es erscheint ein "Hamburger-Button". Sobald darauf geklickt wird, klappt sich die Navigation aus und bei Klicken auf das dann erscheinende X verschwindet sie wieder.

Die Farben sind rein über CSS definiert und können in der Datei style.css bei Bedarf geändert werden.


Bei dieser Vorlage ist ein kostenloser Download nicht möglich.


»Bestellung«

Kostenpflichtige Nutzung gemäß unseren AGB.
Einmalige Nutzungsgebühr: 25,00 Euro *

 

Template Nr. 45 ansehen

Responsive Website Vorlage / Template Nr. 45

responsives HTML5-Template

Einsatz moderner CSS3-Technik

Das Template ist ein responsives Website Template, das bedeutet, die Ansicht passt sich der unterschiedlichen Auflösung verschiedener Medien wie Desktopcomputer, Tablet und Smartphone automatisch an. Beispiele sehen Sie in obiger Darstellung

Das Template besteht aus 2 HTML-Seiten (index.html und seite2.html), einer Stylesheetdatei (style.css) und 2 Grafiken, die nur für diese Website genutzt werden dürfen.

Die voreingestellte Gesamtbreite beläuft sich auf 1600 px. kann aber über die CSS-Datei angepasst werden.

Die Headergrafik hat die Maße 1600x630px, passt sich aber der Bildschirmbreite an.

Bei diesem Template wurden bewusst ausgefallene Schriftarten eingesetzt, die zur Stimmung des Templates passen. Sie werden extern zugeschaltet, Sie müssen diese daher nicht auf Ihrem Rechner vorinstalliert haben.


Bei dieser Vorlage ist ein kostenloser Download nicht möglich.


»Bestellung«

Kostenpflichtige Nutzung gemäß unseren AGB.
Einmalige Nutzungsgebühr: 25,00 Euro *

 

Template Nr. 46 ansehen

Responsive Website Vorlage / Template Nr. 46

responsives HTML5-Template

Einsatz moderner CSS3-Technik

Das Template ist ein responsives Website Template, das bedeutet, die Ansicht passt sich der unterschiedlichen Auflösung verschiedener Medien wie Desktopcomputer, Tablet und Smartphone automatisch an. Beispiele sehen Sie in obiger Darstellung

Die Indexseite beinhaltet ein paar Teaserboxen, um einen Überblick über einzelne Themen der Website zu ermöglichen. Eine weitere Unterseite ist beigefügt, bei der dann auf der linken Seite eine vertikale Navigation eingebaut ist.

Die voreingestellte Gesamtbreite beläuft sich auf 1024 px. kann aber über die CSS-Datei angepasst werden.

Die Headergrafik hat die Maße 1024x559px, passt sich aber der Bildschirmbreite an.

Die Schatten und Rahmen werden durch CSS-Technik erzeugt. Somit ist im Bedarfsfall der Austausch der Bilder einfach möglich. Die Schatten und Rahmen passen sich automatisch an.


Bei dieser Vorlage ist ein kostenloser Download nicht möglich.


»Bestellung«

Kostenpflichtige Nutzung gemäß unseren AGB.
Einmalige Nutzungsgebühr: 25,00 Euro *

 

Template Nr. 50 ansehen

Responsive Website Vorlage / Template Nr. 50

responsives HTML5-Template

Einsatz moderner CSS3-Technik

Das Template ist ein responsives Website Template, das bedeutet, die Ansicht passt sich der unterschiedlichen Auflösung verschiedener Medien wie Desktopcomputer, Tablet und Smartphone automatisch an. Beispiele sehen Sie in obiger Darstellung

Die Indexseite beinhaltet ein paar Teaserboxen, um einen Überblick über einzelne Themen der Website zu ermöglichen. Eine weitere Unterseite ist beigefügt, bei der dann auf der linken Seite eine vertikale Navigation eingebaut ist.

Modernes Toggle-Menü

Die voreingestellte Gesamtbreite beläuft sich auf max. 1800 px, dabei immer 95% der Bildschirmbreite. Dies kann aber über die CSS-Datei angepasst werden.

Die Headergrafik hat ebenfalls eine max. Breite von 1800 px, darunter passt sie sich aber der Bildschirmbreite an.

Die Schatten und Rahmen werden durch CSS-Technik erzeugt. Somit ist im Bedarfsfall der Austausch der Bilder einfach möglich. Die Schatten und Rahmen passen sich automatisch an.


Bei dieser Vorlage ist ein kostenloser Download nicht möglich.


»Bestellung«

Kostenpflichtige Nutzung gemäß unseren AGB.
Einmalige Nutzungsgebühr: 25,00 Euro *

 


 

Template Nr. 54 ansehen

Responsive Website Vorlage / Template Nr. 54

responsives HTML5-Template

Einsatz moderner CSS3-Technik

Das Template ist ein responsives Website Template, das bedeutet, die Ansicht passt sich der unterschiedlichen Auflösung verschiedener Medien wie Desktopcomputer, Tablet und Smartphone automatisch an. Beispiele sehen Sie in obiger Darstellung

Zuschaltung externer Google-Fonts für interessante Schriftgestaltung

Modernes Toggle-Menü

Gesamtbreite des Templates ist 100% der Bildschirmbreite.

Die Headergrafik darf nur für dieses Template genutzt werden, kann aber problemlos durch Ihr eigenes Foto ersetzt werden. Die Größe passt sich automatisch an.

Die Schatten und Rahmen werden durch CSS-Technik erzeugt.


Bei dieser Vorlage ist ein kostenloser Download nicht möglich.


»Bestellung«

Kostenpflichtige Nutzung gemäß unseren AGB.
Einmalige Nutzungsgebühr: 25,00 Euro *

 

Template Nr. 60 ansehen

Responsive Website Vorlage / Template Nr. 60

responsives HTML5-Template

Einsatz moderner CSS3-Technik

Das Template ist ein responsives Website Template, das bedeutet, die Ansicht passt sich der unterschiedlichen Auflösung verschiedener Medien wie Desktopcomputer, Tablet und Smartphone automatisch an. Beispiele sehen Sie in obiger Darstellung

Das Template besteht aus 2 HTML-Seiten (index.html und seite2.html), einer Stylesheetdatei (style.css) und 2 Grafiken, die nur für diese Website genutzt werden dürfen.

Die voreingestellte Gesamtbreite beläuft sich auf max. 1800 px., darunter ist rechts und links jeweils ein Abstand von 30px voreingestellt, kann aber über die CSS-Datei angepasst werden.

Die Headergrafik hat die Maße 1800x884px, passt sich aber der Bildschirmbreite an. Es kann problemlos durch Ihr eigenes Foto in diesem Größenverhältnis ersetzt werden.

Einbindung von modernen kostenlosen Google Fonts.


Bei dieser Vorlage ist ein kostenloser Download nicht möglich.


»Bestellung«

Kostenpflichtige Nutzung gemäß unseren AGB.
Einmalige Nutzungsgebühr: 25,00 Euro *

 

 

Template Nr. 64 ansehen

Responsive Website Vorlage / Template Nr. 64

responsives HTML5-Template

Einsatz moderner CSS3-Technik

Das Template ist ein responsives Website Template, das bedeutet, die Ansicht passt sich der unterschiedlichen Auflösung verschiedener Medien wie Desktopcomputer, Tablet und Smartphone automatisch an. Beispiele sehen Sie in obiger Darstellung

Die voreingestellte Gesamtbreite beläuft sich auf 100%. kann aber über die CSS-Datei angepasst werden.


Bei dieser Vorlage ist ein kostenloser Download nicht möglich.


»Bestellung«

Kostenpflichtige Nutzung gemäß unseren AGB.
Einmalige Nutzungsgebühr: 25,00 Euro *

 

Template Nr. 66 ansehen

Responsive Website Vorlage / Template Nr. 66

responsives HTML5-Template

Einsatz moderner CSS3-Technik

Das Template ist ein responsives Website Template, das bedeutet, die Ansicht passt sich der unterschiedlichen Auflösung verschiedener Medien wie Desktopcomputer, Tablet und Smartphone automatisch an. Beispiele sehen Sie in obiger Darstellung

Die voreingestellte Gesamtbreite beläuft sich auf 100%. kann aber über die CSS-Datei angepasst werden.


Bei dieser Vorlage ist ein kostenloser Download nicht möglich.


»Bestellung«

Kostenpflichtige Nutzung gemäß unseren AGB.
Einmalige Nutzungsgebühr: 25,00 Euro *

 

Template Nr. 70 ansehen

Responsive Website Vorlage / Template Nr. 70

responsives HTML5-Template

Einsatz moderner CSS3-Technik

Toggle-Menü

Einsatz von Google-Fonts

Das Template ist eine Neuauflage des beliebten Gartentemplate's nun als responsives Website Template, das bedeutet, die Ansicht passt sich der unterschiedlichen Auflösung verschiedener Medien wie Desktopcomputer, Tablet und Smartphone automatisch an. Beispiele sehen Sie in obiger Darstellung

Die voreingestellte Gesamtbreite beläuft sich auf 95%, max 1800 PX.


Bei dieser Vorlage ist ein kostenloser Download nicht möglich.


»Bestellung«

Kostenpflichtige Nutzung gemäß unseren AGB.
Einmalige Nutzungsgebühr: 25,00 Euro *

 

Template Nr. 77 ansehen

Responsive Website Vorlage / Template Nr. 77

responsives HTML5-Template

Einsatz moderner CSS3-Technik

Das Template ist ein responsives Website Template, das bedeutet, die Ansicht passt sich der unterschiedlichen Auflösung verschiedener Medien wie Desktopcomputer, Tablet und Smartphone automatisch an. Beispiele sehen Sie in obiger Darstellung

Die voreingestellte Gesamtbreite beläuft sich auf 1024 px. kann aber über die CSS-Datei angepasst werden.

Die Headergrafik hat die Maße 1024x516px, die kleinen Beispielgrafiken 300x200px

Die Schatten und Rahmen werden durch CSS-Technik erzeugt. Somit ist im Bedarfsfall der Austausch der Bilder einfach möglich. Die Schatten und Rahmen passen sich automatisch an.


Bei dieser Vorlage ist ein kostenloser Download nicht möglich.


»Bestellung«

Kostenpflichtige Nutzung gemäß unseren AGB.
Einmalige Nutzungsgebühr: 25,00 Euro *

 

Template Nr. 78a ansehen

Responsive Website Vorlage / Template Nr. 78a

responsives HTML5-Template

Einsatz moderner CSS3-Technik

Das Template ist ein responsives Website Template, das bedeutet, die Ansicht passt sich der unterschiedlichen Auflösung verschiedener Medien wie Desktopcomputer, Tablet und Smartphone automatisch an. Beispiele sehen Sie in obiger Darstellung

Die voreingestellte Gesamtbreite beläuft sich auf 1024 px. kann aber über die CSS-Datei angepasst werden. Die max. Breite des Hauptfensters ist auf 750 px voreingestellt, die der rechten Seite auf 274 px. Auch dies kann angepasst werden.

Die Headergrafik hat eine Breite von 750px, wobei die "Löcher" des Filmstreifens transparent sind.

Die Schatten und Rahmen werden durch CSS-Technik erzeugt, ebenso die Hintergrundfarben und Farbverläufe, sind also Ihren Wünschen entsprechend anpassbar.


Bei dieser Vorlage ist ein kostenloser Download nicht möglich.


»Bestellung«

Kostenpflichtige Nutzung gemäß unseren AGB.
Einmalige Nutzungsgebühr: 25,00 Euro *

 

Template Nr. 95 ansehen

Responsive Website Vorlage / Template Nr. 95

responsives HTML5-Template

Einsatz moderner CSS3-Technik

Das Template ist ein responsives Website Template, das bedeutet, die Ansicht passt sich der unterschiedlichen Auflösung verschiedener Medien wie Desktopcomputer, Tablet und Smartphone automatisch an. Beispiele sehen Sie in obiger Darstellung

Die Gesamtbreite beläuft sich auf 100% der Monitorbreite, egal welche Auflösung. Die max. Breite des Hauptfensters ist auf 80% voreingestellt, die der rechten Seite auf 20%. Diese kann angepasst werden.

Die Headergrafik hat eine Breite von 750px, wobei die "Löcher" des Filmstreifens transparent sind.

Die Schatten und Rahmen werden durch CSS-Technik erzeugt, ebenso die Hintergrundfarben und Farbverläufe, sind also Ihren Wünschen entsprechend anpassbar.


Bei dieser Vorlage ist ein kostenloser Download nicht möglich.


»Bestellung«

Kostenpflichtige Nutzung gemäß unseren AGB.
Einmalige Nutzungsgebühr: 25,00 Euro *

 

*Endpreis; ein Ausweis der MwSt. erfolgt als Kleinunternehmer gem. § 19(1) UStG nicht!