## Infos zur Technik

Diese Responsive-Vorlage arbeitet bezüglich der CSS-Media-Queries (Bildschirmabfragen) mit der Mobile-First-Technik. Außerdem nutzen wir bezüglich CSS das Border-Box-Model (box-sizing: border-box) sowie die Maßeinheit für Prozentschrift namens REM. Jquery (Javascript) verwenden wir hier für das Smooth-Scrolling beim Nach-Oben-Pfeil sowie für die Foto-Galerie (Lightbox).

## Bilder & Icons

### Die Bilder

Die Fotos in dieser Vorlage sind vom Foto-Anbieter Picjumbo. Wir haben diese innerhalb unseres Grid-Systems responsive angelegt. Gerne können Sie natürlich auch Ihre eigenen Fotos verwenden.

### Die Font-icons

Icons sind kleine grafische Symbole. Font-Icons sind sozusagen grafisch wirkende Schriftzeichen, die aber wie normaler Text behandelt werden (denn es sind ja Textzeichen) und damit eine schnellere und leichtere Formatierung gegenüber grafischen Icons per Bildformat (z.b. gif, jpg oder png) ermöglichen. Viele weitere Icons sind möglich, denn die sehr verbreitete kostenlose Icon-Schrift vom Anbieter "Fontawesome" wird ja durch einen entsprechenden Link im Kopfbereich des Templates aufgerufen. So fügen Sie ggfls. weitere Icons hinzu oder ersetzen die vorhandenen.
Wir haben die Icons schon für Sie angepasst. Denn ohne weitere Bearbeitung sind die Font-Icons immer genauso groß und erscheinen in gleicher Farbe wie die aktuell verwendete Schrift für den Text.

## Was heisst eigentlich Mobile-First?

Die in Bezug auf das Responsive Webdesign angesagte Mobile-First-Technik (von klein auf groß) bietet eine bessere Performance-Leistung gegenüber der Desktop-First-Technik (von groß auf klein).
Das Coding für die kleinste mobile Bildschirmauflösung, nämlich das Smartphone, steht direkt am Anfang der CSS-Datei und wird somit sofort geladen, erst später im Code werden dann per Media Queries - Abfragen der Bildschirmgröße bezüglich der Mindestbreite (min-width) - andere, abweichende, größere Bildschirmauflösungen, wie Tablet, Notebook, Laptop und schließlich Desktop-PC angesprochen.

## Excelsior documenta es profundis

- Secundus Two Second
- Tertius Three Third
- Quartus The Fourth
- Quintus The Fifth

## Box-Fenster Kontakt

### Formular Demo

Name
Email
Nachricht [0/2000 Zeichen ]

### Adresse

Dr. Michael Christopher Bukowski
Hollywood Downtown-Street No. 10
12345 New Heavenport
United States Of America

## So finden Sie uns

### Anfahrt 1 - Aus Norden

So erreichen Sie uns: Aus dem Norden kommend, orientieren Sie sich an maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt.

### Anfahrt 2 - Aus Süden

So erreichen Sie uns: Aus dem Süden kommend, fahren sie duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.

### Social Media

- Find Us On Facebook
- Tweet Us With Twitter
- Follow Us On Instagram
- Tiktok

### Öffnungszeiten

- MO:Geschlossen
- DI - MI:08.00 - 18.00 Uhr
- DO - FR:10.00 - 20.00 Uhr
- SA:09.00 - 15.00 Uhr