Uhobisun architects + engineers

Introduction - Very Warme Welcome

Boxfenster: Einige Buttons oder Links, wie bei den Abschnitten ABOUT, PROJECTS, TEAM und SERVICE öffnen eine Box mit weiteren Inhalt. Dies ist eine Javascript-freie Lösung, welche Fenster als div-Box per CSS innerhalb der selben Seite öffnet. Nach diesem Schema könnten auch weitere Boxfenster angelegt werden.

Es läßt sich aber auch statt der Boxfenster ganz normal verlinken, wie im Beispiel ganz unten zu sehen beim Abschnitt INFORMATION. Nice Template for you! Terra magna gloria, at animal vivendo has. Id mutat commune suscipit ius, hinc deterruisset ad vel. Cum et insolens oportere periculis, tota vidisse vix ex. Mei no quas pertinax comprehensam, voluptua erroribus et eam, vix laboramus adversarium no.

About Us - Unsere Leistungen

  • Quality in vino veritas
  • Vamos a la playa, que hora es, no tengo dinero
  • Nothing but thieves, call the police
  • El mar es azul
  • Liberty, equality, fraternity

Our Latest Projects

Gloria Magnifica

Eum putant tractatos eu, est etiam congue ad, usu in accumsan delectus tractatos. Brute fuisset recteque ea eos.

Lorem Ipsum Professional

Tacimates consetetur definitiones id vim. Cum eu impetus maiorum.

Sky Demensions

Tacimates consetetur definitiones id vim. Cum eu impetus maiorum.

Mega Dome Astronomy

Eum putant tractatos eu, est etiam congue ad, usu in accumsan delectus tractatos. Brute fuisset recteque ea eos.

This Is Our Professional Team

Michael Jean Palisander

Chief Executive Officer

Peter Aldrich

Chief Information Officer

Chung Yamaguchi

Chief Financial Officer

Diana Helena Youngblood

Public Relations

Service - Wir sind 24/7 für Sie da

We want satisfied customers

  • Everything you can imagine is real
  • Be the change that you wish to see in the world
  • The supreme happiness in life is the conviction that we are loved
  • The very essence of romance is uncertainty
  • You never fail until you stop trying

Information - Ipsum lobortis mollis

Wir sind stolz Ihnen unsere Produkte anbieten zu können. Insbesondere freuen wir uns moderatius no est, modus senserit efficiendi sed ex, ad vide nostrud maluisset ius. Blandit tacimates abhorreant ea quo. Duis ornare, est at lorem ipsum lobortis mollis, felis libero mollis orci, vitae congue neque lectus vel neque.

No ius consul dolores erroribus, malorum postulant omittantur ex quo. Pri ei essent quodsi diceret, suas tincidunt accommodare nam ut. Ne omnes homero vis, an ubique honestatis per.

Mehr Erfahren

Box-Fenster Primus

Box-Fenster öffnen auf der selben Seite

Per div-Box öffnen sich Fenster direkt innerhalb der selben Seite bei Klick auf den Links im Navigation-Menü sowie bei den Links im Fussbereich. Gerne legen Sie nach diesem Prinzip nur bei Bedarf weitere neue Fenster an bzw. löschen Sie auch nicht benötigte.


Neue Fenster anlegen

Hinweis: Der fettgedruckte Teil bei den nachfolgenden Code-Beispielen soll Ihnen bereits zeigen, wie Sie ein neues Fenster anlegen bzw. zum vorhandenen Code hinzufügen!

So sieht die Verlinkung bei den Buttons/Links 'Primus', 'Secundus' und 'Tertius' in der HTML-Datei aus. 
HTML
<label for="open-primus"><a>Weiter</a></label>
<label for="open-secundus"><a>Weiter</a></label>
<label for="open-tertius"><a>Weiter</a></label>
<label for="open-ihr-fenster"><a>Ihr Fenster</a></label>
So sieht also ein einzelner Text-Link zum Fenser öffnen aus: 
HTML
<label for="open-ihr-fenster"><a>Ihr Fenster</a></label>
Dieser Text-Link funktioniert schon prima und würde auch reichen, aber um gfls. je nach Situation daraus einen Button zu machen, haben wir für die diesbezügliche Formatierung noch unsere CSS-Klassen 'button' und 'mehr_lesen' darum herum gelegt: 
HTML
<div class="button"><span class="mehr_lesen">
<label for="open-ihr-fenster"><a>Ihr Fenster</a></label>
</span></div>
Und hier ist die dazugehörige Einschalt-Funktion dieser Fenster in der CSS-Datei ('boxfenster.css): 
CSS
/* schaltfunktion AN / AUS */
input#open-primus:checked ~ .boxfenster,
input#open-secundus:checked ~ .boxfenster,
input#open-tertius:checked ~ .boxfenster ,
input#open-ihr-fenster:checked ~ .boxfenster {
margin:0;
background:rgba(0,0,0,.7);
opacity:1;
}
Das eigentliche Fenster ist in der HTML-Datei dann wie folgt unter Einbindung eines Fenster-Schließen-Buttons gestaltet, hier am Beispiel des 'Primus-Links': 
HTML
<div class="schalter">
<input type="checkbox" id="open-primus">
<div class="boxfenster">
<div class="boxinhalt">
<label class="button-close" for="open-primus"><i class="far fa-window-close"></i></label>
. . . Hier steht der Primus Text . . .
</div></div></div>
Und so würde es entsprechend für ihr neu anzulegendes Fenster aussehen: 
HTML
<div class="schalter">
<input type="checkbox" id="open-ihr-fenster">
<div class="boxfenster">
<div class="boxinhalt">
<label class="button-close" for="open-ihr-fenster"><i class="far fa-window-close"></i></label>
. . . Hier steht der Text fuer ihr neues Fenster . . .
</div></div></div>

 

Box-Fenster Secundus

Project No. 01

Eum ne omittam imperdiet comprehensam, wisi numquam copiosae duo at. Facilisi nominati ne duo. Delectus partiendo ut nec. In dico sint eos, nec ad noster iriure mandamus. Expetenda definiebas repudiandae ius cu. Eu mea case veritus, usu ullum tempor ea. Pro ei natum vulputate, ne atqui timeam eos.

Tantas audire insolens pro ex, alienum principes ullamcorper ad has. Vis ea commune facilisis, ut vim vocibus eleifend. Cum magna idque noster ea. Cu wisi omittam vis, agam nominavi invenire ex vim, dolores copiosae sea eu. Usu ut adhuc novum mnesarchum, sed ut posse dolore. Modo principes vim ad, quis invidunt repudiandae ne pri.


General Information

Vel ad aeterno integre. Discere alterum insolens te his, nam vero quodsi vocent eu, brute solet mel cu. Cu eam partem detracto senserit. Ea vix quodsi iudicabit, vidit malorum has te, his illum nostrud antiopam eu.

Essent oblique placerat vix in, patrioque pertinacia deterruisset pri in. Eros feugait accusam his ei, laudem scriptorem sit te. In sed dictas dissentiet, mel at quando doming. Atqui munere efficiantur vis ex, prima congue ei has.

Dies ist eine Liste mit Aufzählungszeichen

  • Vamos a la playa
  • Que hora es
  • No tengo dinero
  • El mar es azul

 

Box-Fenster Secundus 2

Project No. 02

Eum ne omittam imperdiet comprehensam, wisi numquam copiosae duo at. Facilisi nominati ne duo. Delectus partiendo ut nec. In dico sint eos, nec ad noster iriure mandamus. Expetenda definiebas repudiandae ius cu. Eu mea case veritus, usu ullum tempor ea. Pro ei natum vulputate, ne atqui timeam eos.

Tantas audire insolens pro ex, alienum principes ullamcorper ad has. Vis ea commune facilisis, ut vim vocibus eleifend. Cum magna idque noster ea. Cu wisi omittam vis, agam nominavi invenire ex vim, dolores copiosae sea eu. Usu ut adhuc novum mnesarchum, sed ut posse dolore. Modo principes vim ad, quis invidunt repudiandae ne pri.


General Information

Vel ad aeterno integre. Discere alterum insolens te his, nam vero quodsi vocent eu, brute solet mel cu. Cu eam partem detracto senserit. Ea vix quodsi iudicabit, vidit malorum has te, his illum nostrud antiopam eu.

Essent oblique placerat vix in, patrioque pertinacia deterruisset pri in. Eros feugait accusam his ei, laudem scriptorem sit te. In sed dictas dissentiet, mel at quando doming. Atqui munere efficiantur vis ex, prima congue ei has.

Numerische Liste mit Dezimalzahlen

  1. Quality in vino veritas
  2. Vamos a la playa, que hora es, no tengo dinero
  3. Nothing but thieves, call the police
  4. Liberty, equality, fraternity

 

Box-Fenster Secundus 3

Project No. 03

Eum ne omittam imperdiet comprehensam, wisi numquam copiosae duo at. Facilisi nominati ne duo. Delectus partiendo ut nec. In dico sint eos, nec ad noster iriure mandamus. Expetenda definiebas repudiandae ius cu. Eu mea case veritus, usu ullum tempor ea. Pro ei natum vulputate, ne atqui timeam eos.

Tantas audire insolens pro ex, alienum principes ullamcorper ad has. Vis ea commune facilisis, ut vim vocibus eleifend. Cum magna idque noster ea. Cu wisi omittam vis, agam nominavi invenire ex vim, dolores copiosae sea eu. Usu ut adhuc novum mnesarchum, sed ut posse dolore. Modo principes vim ad, quis invidunt repudiandae ne pri.


General Information

Vel ad aeterno integre. Discere alterum insolens te his, nam vero quodsi vocent eu, brute solet mel cu. Cu eam partem detracto senserit. Ea vix quodsi iudicabit, vidit malorum has te, his illum nostrud antiopam eu.

Essent oblique placerat vix in, patrioque pertinacia deterruisset pri in. Eros feugait accusam his ei, laudem scriptorem sit te. In sed dictas dissentiet, mel at quando doming. Atqui munere efficiantur vis ex, prima congue ei has.

Liste mit Aufzählungszeichen, verlinkt

 

Box-Fenster Secundus 4

Project No. 04

Eum ne omittam imperdiet comprehensam, wisi numquam copiosae duo at. Facilisi nominati ne duo. Delectus partiendo ut nec. In dico sint eos, nec ad noster iriure mandamus. Expetenda definiebas repudiandae ius cu. Eu mea case veritus, usu ullum tempor ea. Pro ei natum vulputate, ne atqui timeam eos.

Tantas audire insolens pro ex, alienum principes ullamcorper ad has. Vis ea commune facilisis, ut vim vocibus eleifend. Cum magna idque noster ea. Cu wisi omittam vis, agam nominavi invenire ex vim, dolores copiosae sea eu. Usu ut adhuc novum mnesarchum, sed ut posse dolore. Modo principes vim ad, quis invidunt repudiandae ne pri.


General Information

Vel ad aeterno integre. Discere alterum insolens te his, nam vero quodsi vocent eu, brute solet mel cu. Cu eam partem detracto senserit. Ea vix quodsi iudicabit, vidit malorum has te, his illum nostrud antiopam eu.

Essent oblique placerat vix in, patrioque pertinacia deterruisset pri in. Eros feugait accusam his ei, laudem scriptorem sit te. In sed dictas dissentiet, mel at quando doming. Atqui munere efficiantur vis ex, prima congue ei has.

Liste mit Font-Icons, verlinkt

 

Box-Fenster Tertius

More Team

Tony Scarino

Chief Marketing Officer

Dennis Watson

Chief Financial Officer

Emma Jane Stapleton

Chief Operating Officer

Richard Moffet

Associate

What Is More To Say?

Die Minions meninen: Jeje chasy tank yuuu! Pepete poulet tikka masala baboiii. Daa jeje chasy daa jeje bee do bee do bee do gelatooo uuuhhh tatata bala tu daa. Underweaaar pepete jeje jiji. Tatata bala tu bappleees pepete potatoooo hahaha jiji bee do bee do bee do jiji jiji me want bananaaa! Ti aamoo! Hana dul sae poopayee tatata bala tu para tú bee do bee do bee do jeje. Jeje chasy tank yuuu! Butt me want bananaaa! Gelatooo la bodaaa tatata bala tu ti aamoo! Baboiii butt.

 

Box-Fenster Quartus

Information Service 01

Eine wunderbare Heiterkeit hat meine ganze Seele eingenommen, gleich den süßen Frühlingsmorgen, die ich mit ganzem Herzen genieße. Ich bin allein und freue mich meines Lebens in dieser Gegend, die für solche Seelen geschaffen ist wie die meine.

Ich bin so glücklich, mein Bester, so ganz in dem Gefühle von ruhigem Dasein versunken, daß meine Kunst darunter leidet. Ich könnte jetzt nicht zeichnen, nicht einen Strich, und bin nie ein größerer Maler gewesen als in diesen Augenblicken.

Information Service 02

Wenn das liebe Tal um mich dampft, und die hohe Sonne an der Oberfläche der undurchdringlichen Finsternis meines Waldes ruht, und nur einzelne Strahlen sich in das innere Heiligtum stehlen, ich dann im hohen Grase am fallenden Bache liege, und näher an der Erde tausend mannigfaltige Gräschen mir merkwürdig werden; wenn ich das Wimmeln der kleinen Welt zwischen Halmen, die unzähligen, unergründlichen Gestalten der Würmchen, der Mückchen näher an meinem Herzen fühle, und fühle die Gegenwart des Allmächtigen, der uns nach seinem Bilde schuf, das Wehen des Alliebenden, der uns in ewiger Wonne schwebend trägt und erhält; mein Freund!

Information Service 03

Wenn's dann um meine Augen dämmert, und die Welt um mich her und der Himmel ganz in meiner Seele ruhn wie die Gestalt einer Geliebten - dann sehne ich mich oft und denke : ach könntest du das wieder ausdrücken, könntest du dem Papiere das einhauchen, was so voll, so warm in dir lebt, daß es würde der Spiegel deiner Seele, wie deine Seele ist der Spiegel des unendlichen Gottes!