## 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

Mehr Erfahren

## Our Latest Projects

#### Gloria Magnifica

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

#### Lorem Ipsum Professional

Tacimates consetetur definitiones id vim. Cum eu impetus maiorum. Mehr Erfahren

#### Sky Demensions

Tacimates consetetur definitiones id vim. Cum eu impetus maiorum. Mehr Erfahren

#### Mega Dome Astronomy

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

## 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

More Team

## 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

Mehr Erfahren

## 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

- Home zero start
- Primus one first
- Secundus two second
- Tertius three third

## 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

- Quality in vino veritas
- Vamos a la playa, que hora es, no tengo dinero en espana
- Nothing but thieves, call the police

## 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!