Home

Ostern
2022

10/04 - 17/04
Special Offer
Eastern Weekend, spezial offer usu ad, vix urbanitas sententiae no. Clita voluptatibus eum cu, pro erat libris ut, iudico oportere contentiones ad usu.

Weiter
Weihnachten
2022

22/12 - 26/12
Box Ipsum
Ich bin eine Box mit etwas mehr Text. Kein Problem, die Boxen in diesem Template sind flexibel und schließen, wenn die Boxen nebeneinander stehen, auch bei unterschiedlich langem Text alle auf gleicher Höhe ab.

Weiter
Sylvester
2022/2023

31/12 - 06/01
Book soon
New Year booking, dicunt iuvaret usu ad, vix urbanitas sententiae no. Clita voluptatibus eum cu, pro erat libris ut, iudico oportere contentiones ad usu.

Weiter

 

Die Technik

Responsive Webdesign

Responsive Webdesign (RWD) ermöglicht eine Anpassung bzw. Optimierung der unterschiedlichen Bildschirmgrößen von Smartphone, Tablet, Notebook, Laptop und Desktop-PC innerhalb einer einzigen Webseite.

Dazu werden per CSS-Media Queries die verschiedenen Bildschirmgrössen abgefragt. Somit kann man auch auf das Hoch- oder Querformat eines mobilen Gerätes reagieren. Außerdem wird beim Layout verstärkt mit Prozent-Angaben gearbeitet.

So testen Sie

Diese Responsive-Vorlage verwendet keinerlei Javascript.Hier auf der Seite index1.html (Primus) nennen wir Ihnen gute Möglichkeiten ein Responsive-Layout in verschiedenen Auflösungen zu testen, denn nicht jeder hat ja diverse Smartphones und Tablets zu Hause.

 

Prudentia One

Ea sea cetero feugiat ponderum, sea sint bonorum ea. Petentium rationibus nec ne. Vix erroribus dissentiunt ad, te sea falli affert.

Weiter
Prudentia Two

Facer melius eam ne, dicat tollit vim ne. Voluptua insolens ius in, sit ex nonumy legimus. Nec bonorum ever titur inm eicu vocibus.

Weiter
Prudentia Three

Facer melius eam ne, dicat tollit vim ne. Voluptua insolens ius in, sit ex nonumy legimus. Nec bonorum ever titur inm eicu vocibus.

Weiter
Prudentia Four

Ea sea cetero feugiat ponderum, sea sint bonorum ea. Petentium rationibus nec ne. Vix erroribus dissentiunt ad, te sea falli affert.

Weiter

 

Informationen

Layout

Dieses Template heißt "FERIENWOHNUNG - HAUS MIT SEEBLICK". In den Boxen sehen Sie Farbverläufe, um das Seewasser zu imitieren. Diese Farbverläufe sind ohne Grafik, sondern nur per CSS (linear-gradient und radial-gradient) erstellt. Ein Beispiel für einen radialen, d.h. kreisförmigen Farbverlauf, sehen Sie etwas weiter unten beim Hintergrund der "Big Icons" namens 'Leaf' und 'Paw'. Diese Icons sind übrigens reine Text-Zeichen, sog. Font-Icons und damit leichter als Grafiken formatierbar, denn diese werden behandelt wie normaler Text.

Geometrische Form

Das kleine Dreieck, welches immer am Fuße der Bilder platziert ist (außer auf den News-Boxen 'Ostern, Weichnachten, Sylvester' auf der Startseite), ist nur per CSS und ohne Grafik programmiert und stellt bei Smartphone Auflösungen (wenn alle Fotos untereinander angeordnet werden) sicher, das Bild und der jeweilige Bildtext leichter als zusammenhängend erkannt werden. Der Clou: Bei höheren Auflösungen wird dieses Dreieck nicht mehr benötigt und abgeschaltet (display:none).

Navigation

Das Hauptmenü mit den Links Primus bis Sextus ist bereits verlinkt. Wenn Sie durchklicken, sehen Sie noch einige andere Anordnungen der Fotos im Inhaltsbereich und erhalten noch einige Informationen.

 

Icon Leaf Headline

Vocent meliore quo ut. Cibo oblique albucius nam in, ea nemore scriptorem philosophia vim. Eum timeam utamur id, pri ullum ludus aliquam te, reque zril libris an ius.

Vocent meliore quo ut. Cibo oblique albucius nam in, ea nemore scriptorem philosophia vim. Eum timeam utamur id, pri ullum ludus aliquam te, reque zril libris an ius.
Icon Paw Headline

Vocent meliore quo ut. Cibo oblique albucius nam in, ea nemore scriptorem philosophia vim. Eum timeam utamur id, pri ullum ludus aliquam te, reque zril libris an ius.

Vocent meliore quo ut. Cibo oblique albucius nam in, ea nemore scriptorem philosophia vim. Eum timeam utamur id, pri ullum ludus aliquam te, reque zril libris an ius.

Adresse

  • Familie Schönheim
  • 12345 Großersee
  • Segel-Sport-Fisch-Weg 18

Kontakt

  • Phone: (0000) 2468246
  • Mobile : (+49) 0000-1234567
  • Fax: (0000) 7654321-4141
©2022 | Haus mit Seeblick