About Us






About Us. Ein paar Worte über uns.

Übrigens: Wer mag, kann auf jeder Seite auch ein anderes Bild im oberen Bereich einfügen. Wir haben es als Beispiel mal für die Seite Sextus (index6.html) angelegt. Bei dem besagtem Bild auf der genannten Seite befindet sich die Navigation dann sozusagen innerhalb oder über den Wolken, also immer ein symbolträchtiges Motiv.

Hier Beispieltext per Lorem Ipsum. Id vel voluptua invidunt, euismod deseruisse ei eam, eam ex salutandi efficiendi. Alia cibo nihil eum no. Illum nobis integre eos ne, ex mei augue quaestio, et salutandi referrentur eos. Oratio invenire ei cum, no suas dicam deleniti duo. Sit omnium periculis splendide ex, vix ei assum adversarium, easum sedamus.

Causae aliquam evertitur mel ei, eros prompta argumentum ad mei, maiorum corrumpit efficiantur ne cum. No vel purto mutat mazim, voluptua eloquentiam duo ex. At solet perfecto dissentiunt cum. Populo suscipit intellegat no nec. Assum eligendi quo at.

Weiter

Unsere Philosophie

Box 'Philosophie'. Abgesehen von der perspektivischen Schrägstellung ging es bei dieser Box insbesondere darum, die verschiedenen Font-Icons innerhalb dieser Box (Rechtecke sowie die Pfeil-Icons) separat zu formatieren. Beide haben wir also unterschiedlich in Farbe, Größe, Breite, Höhe, Mouseover (bzw. Animation per CSS-Transition) angelegt.



Nature 1

Lorem ipsum dolor sit amet, meliore consectetuer definitiones in per. Eu suas vituperata ius, errem legendos cu pro. Vis dicant principes ei...

Weiter

Nature 2

Scripta legimus cum ad, viris laboramus voluptaria eu nam. Has nostro diceret appareat ut, invidunt prodesset dissentiet sed ei, nostro eligendi sit...

Weiter

Nature 3

Ad mel laudem offendit, ei vis dignissim forensibus, mea et iuvaret labores scripserit. Iudico doctus sadipscing te vis, an natum atomorum honestatis...

Weiter

Die Technik

Einbau der Bilder

Bei den Fotos im Inhaltsbereich haben wir uns für die CSS-Technik mit 'display:inline-block' entschieden. Wir beschreiben es Ihnen hier in einem Tutorial auf der Seite Quartus (index4.html)

Lightbox Picture Gallery

Wir haben in diesem Template die bekannte, beliebte und bewährte 'Lightbox' Foto-Gallerie eingebaut. Klicken Sie bitte dazu auf die Fotos. Sie finden die Gallery auf gleich auf dieser Seite Home (index.html), sehen Sie dort die Serie mit den 9 Fotos.

Die Original-Lightbox

Hier einmal der Link zur originalen Lightbox-Gallery. Dort finden Sie bei Bedarf auch unter 'Options' noch verschiedene Möglichkeiten der Einstellung. Anhand der guten, weil einfachen Beispiele (Examples) dort, erkennen Sie sehr schnell das Prinzip der Gallerie. Außerdem können Sie somit auch besser nachvollziehen, wie wir die Fotos bei unserer Gallerie responsive angelegt haben, denn diese responsive Anordnung ist ja nicht automatisch im genannten Script der Lightbox enthalten.

Einige Informationen

Template

Dieses Template heißt ' Wunderschöne Natur '. Die sechs Seiten 'Home' (diese Seite) bis Sextus, sind bereits als Beispiel verlinkt. Bitte klicken Sie diese, um zusätzliche Infos zu erfahren und zu sehen wie die Unterseiten angelegt sind.

Das Menü

Unser Menü ist responsive und nur per CSS erstellt. Es funktioniert ganz ohne Javascript und ist außerdem 'touch-friendly', d.h. es läuft auch auf mobilen Geräten.

Bei mobilen Auflösungen erscheint nur der sog. Hamburger Menü-Button (3 Striche, quer als Menü-Symbol). Um das Menü dort zu öffen, klicken Sie bitte auf den Hamburger Menü-Button. Die 6 Links werden bei mobilen Auflösungen sanft eingeblendet.

Transparenz

Damit im Kopfbereich der Homepagename noch gut zu lesen ist, liegt auf diesem Objekt noch ein Transparenz-Filter. Per CSS-rgba. Das heißt, es können auch Farbe der Transparenz sowie auch der Deckungsgrad verändert werden.

Kontaktieren Sie uns

Box 'Kontakt'. Ne mea partem voluptatibus, eam an iudico maiorum democritum. Ei cum alii percipit, an ludus dignissim eam. Ea quo lorem mazim contentiones. Pro eu eligendi delectus postulant. Odio dicta possit his ut, nec prima nulla vivendum eu.










Wir sind 24 Stunden am Tag für Sie da! Sieben Tage die Woche. Zwölf Monate im Jahr.

Phone/Email

Social Media



Congue partiendo adipiscing id est, duo verear accusamus pertinacia ad, vocibus maluisset mel te. Eu duo cibo nullam probatus, an dico porro oratio eam. Cu qui unum nibh ipsum. Ex vel soleat viderer, vim veritus civibus ea, per ne causae meliore dolores.
Weiter

Responsive Webdesign

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 Angaben in Prozent gearbeitet.

So testen Sie

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.
© 2025 | Wunderschöne Natur