Web äbe.ch

Die Seite Home📌 (Titelseite)

Informationen

Layout


Dieses Template heisst 'Brücken - Ponts - Bridges '. Brücken sind nicht nur erhabene, monumentale Verbindungen um von einem Ort zum Anderen zu gelangen, sondern gelten auch als eine Metapher.

Eine Brücke schlagen. Grenzen überwinden. über den Abgrund gehen. Ein Lied kann eine Brücke sein. über Sieben Brücken musst du gehen. Ein überqueren von Brücken trennt auch zunächst immer -oft unbewusst-, da das überqueren immer eine Trennung mit einschliesst. Denn wird die Brücke zerstört, gibt es kein Zurück. Brücken können also nicht nur verbinden, sondern auch trennen.

Viel stärker ist aber die Symbolkraft des Verbindens und überschreitens als positives Element vorhanden, mit Freude, Neugier, Mut und Hoffnung den Weg in eine neue, unbekannte Welt zu wagen, um Altes hinter sich zu lassen und neue Einflüsse zu integrieren. Transformation.

Auf jeder Seite im oberen Bereich gibt es daher einen anderen Spruch innerhalb des blauen Kreises, wobei die erste Zeile in Grossbuchstaben sowie in der Farbe Gold gehalten ist. Gerne ersetzen Sie natürlich den Spruch, denn so ist es gedacht.

 

♫♫ über sieben Brücken musst du gehen  ♫♫

Bereits verlinkt

Klicken Sie auf die Links im Menü und Sie sehen wie die Seiten verlinkt sind und erfahren noch einige Informationen bzw. sehen auch wie jeweils eine unterschiedliche Anzahl an Fotos im Inhaltsbereich angeordnet wird.
äbe.ch äbe.ch äbe.ch äbe.ch äbe.ch äbe.ch

Die Technik

Responsive Webdesign

Responsive Webdesign (RWD) ermöglicht eine Anpassung bzw. Optimierung der unterschiedlichen Bildschirmgrössen 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. Ausserdem wird beim Layout verstärkt mit Prozent-Angaben gearbeitet.

So testen Sie

Diese Responsive-Vorlage verwendet keinerlei Javascript.Hier auf der Seite index1.php (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.
⏫