## Information

1

### Quantum Media

Lorem ipsum dolor sit amet, meliore consectetuer definitiones in per. Eu suas vituperata ius, errem legendos. Vis dicant principes. Magna nusquam et ius, at habeo conclusionemque nec. Nibh viris recteque ad vix, eu minimum facilisi comprehensam nec.
Weiter
2

### Lorem Ipsum

Mea culpa dolor sit amet, meliore consectetuer definitiones in per. Eu suas vituperata ius, errem legendos. Vis dicant principes.Ad labore possim antiopam ius, id eam etiam eleifend abhorreant. Scripta invenire vis te, vis ea doctus instructior. Scripta laboramus eum eu, id cum omnium iuvaret pertinax. Nibh viris recteque ad vix, eu minimum.
Weiter
3

### Sinfonia Sanctus

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

## Slider Impressions

## About Us

Einen tollen Jquery-Slider sehen Sie hier auf der Startseite bei 'Impressions' und 'Das sagen unsere Kunden'. Da nicht nur Bilder sondern auch Text oder andere Elemente responsive aufgenommen werden, gehört dieser zu den Besten, insbesondere auch weil die Einstellungsmöglichkeiten vielfältig sind. Wir möchten Ihnen die Demos und vielfältigen Möglichkeiten ans Herz legen, diese finden Sie bei 'Quartus' (index4.html). Übrigens: Einen reinen CSS-Slider, also ohne Jquery (Javascript), sehen Sie am Ende des Inhaltbereiches - und der kann sich doch auch sehen lassen, oder?
Das Hauptmenü (Home bis Sextus) haben wir bereits beispielhaft verlinkt. Klicken Sie die Links um zu sehen, wie die Unterseiten gestaltet sind. Hier auf der Startseite sehen Sie verschiedene Abschnitte, welche jeweils unterschiedlich formatiert sind. Wie man diese strukturierten Abschnitte per CSS 'nth-child' anlegt und erweitert lesen Sie bitte in unserem Tutorial hier.
Boxfenster: Einige Buttons, wie z.B. der nachstehende, ö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.
Mehr Lesen

## Gallery Media

## Das sagen unsere Kunden

### Der ehrenwerte Prof. John Steinmeier

Preis-Leistung ist top. Ich bin total begeistert und kann es nur weiterempfehlen. Schnelle Lieferung und guter Service. Erwartungen wurden übertroffen.

### Katja Kandinski, Krankenschwester

Ich bin Katja und habe schon viele änliche Produkte probiert. Mir hat hier besonders die gute Verträglichkeit gefallen. Auch alle meine Freundinnen lieben es.

### Hi, hier ist Elias Noah

Ey Digga, was geht? Ja, Moin...das Teil ist krass cool. Geht fit. Kein Lost. Ich küss dein Auge, TSCHAUKAKAO.

### Vorsitzender, 'Alles wird gut e.V.'

Wir haben es für unseren Verein gekauft. Ausgepackt, gesehen und für gut befunden. Unsere jüngeren Mitglieder lieben es auch. Also alles richtig gemacht.

### Sam Secret, Euer Trendsetter

Psst. Geheim-Tipp. Gesucht und gefunden! Bei mir haben Sie es zuerst gesehen. Ich war schon immer einer, der Trends erkennen kann.

### Norman Normalo

Hallo Leute. Bin ein ganz normaler Typ. Mag keinen Schicki-Micki. Was soll ich sagen: Das Produkt erfüllt seinen Zweck. Bisher funktioniert alles so wie gedacht. Nix zu meckern also.

### Melanie Spiegelstern, Journalistin

Ein Meisterwerk! Aber was sagt die allgemeine Presse?
Presse

### Boris, Doktor in Berlin

Nach der intensiven Arbeit auf der Station hilft mir das Produkt sehr gut zu entspannen. Vielen Dank dafür. Gerne mehr davon!

## Leistungen

### The Sun

### Coffee Espresso

### Venecian Masks

### Ice Cream

More Leistungen

## Eine kleine Notiz

### Noch ein Hinweis

In pertinax patrioque vel, eum everti detracto no, partem delectus eum in. Mea primis fuisset instructior an, mel quaestio abhorreant cu, ea esse velit ius. Cu malis definitionem per, unum definitiones ad sit.

Dictas persius cu vix, error nominati platonem ea has, te ius appareat vivendum pertinacia.

Mehr Lesen
Italian Life Style
Pure CSS Slideshow
Living Mediterranean

## Box-Fenster About

### Fenster öffnen auf der selben Seite

Per div-Box (deshalb nennen wir es Boxfenster) öffnen sich Fenster direkt innerhalb der selben Seite bei Klick auf den Buttons 'Mehr-Lesen' bzw. 'More' o.ä. Dieses Öffnen der Fenster per Toggle-Schalter (An/Aus) funktioniert ganz ohne Javascript, wir haben es per CSS angelegt.

### Fenster Abdunklung

Ab einer gewissen Breite des Displays bzw. Bildschirms sind die Boxfenster nicht mehr füllend in der Breite und Höhe, sondern wir haben diese horizontal und vertikal mittig zentriert. Als kleinen Hingucker haben wir mit einem Abstand zum Rand den Hintergrund der Seite abgedunkelt, damit die Fenster sich noch mehr abheben.
Die vorstehend genannte Abdunklung erfolgt per CSS-rgba und ist deshalb in Transparenz-Stärke (Deckung) und Transparenz-Farbe beliebig einstellbar.

## Box-Fenster Testimonials-Plus

### Das meint die Presse

- In der Presse 1
  01.01 2050
  Presse 1 meint:
  Sensationell. Spektakulär. Einzigartig. Das ist der neue Trend. Ein absolutes Must-See.
  Hier lesen Sie den gesamten Artikel.
- In der Presse 2
  04.04 2050
  Das sagt die renomierte Presse 2:
  Sensationell. Spektakulär. Einzigartig. Das ist der neue Trend. Ein absolutes Must-See.
- In der Presse 3
  07.07 2050
  Presse 3 meint:
  Sensationell. Spektakulär. Einzigartig. Das ist der neue Trend. Ein absolutes Must-See. Der gesamte Artikel erschien in Presse 3.
- Noch mehr Presse
  Wir starten durch. Nomen est omen.

## Boxfenster Leistungen

### More Leistungen

### Anchor

### Guitar

### Fish

### Dove

### Other Leistungen

### Umbrella-Beach

### Volleyball

### Church

### Utensils

### Pizza-Slice

### Pepper-Hot

### Lemon

### Car

### Font Awesome

Viele weitere Icons sind in diesem Template möglich, denn die sehr verbreitete Icon-Schrift vom Anbieter "Fontawesome" ist ja bereits in dieser Vorlage installiert. So fügen Sie ggfls. weitere Icons hinzu oder ersetzen die vorhandenen.

## Box-Fenster Notiz

### Noch ein Hinweis

Zwei flinke Boxer jagen die quirlige Eva und ihren Mops durch Sylt. Franz jagt im komplett verwahrlosten Taxi quer durch Bayern. Zwölf Boxkämpfer jagen Viktor quer über den großen Sylter Deich. Vogel Quax zwickt Johnys Pferd Bim.
Sylvia wagt quick den Jux bei Pforzheim. Polyfon zwitschernd aßen Mäxchens Vögel Rüben, Joghurt und Quark. "Fix, Schwyz! " quäkt Jürgen blöd vom Paß. Victor jagt zwölf Boxkämpfer quer über den großen Sylter Deich.