## Welcome World

About Us 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 anlegt und erweitert lesen Sie bitte in unserem Tutorial hier. Desweiteren erklären wir dort auch die Jquery SCROLL-IN-Animation namens Animate It. Elemente werden erst animiert, wenn diese durch Scrollen im Viewport sichtbar werden. Also erst wenn man in einen bestimmten Abschnitt hineinscrollt, wird die Animation für diesen Bereich ausgelöst. About

## Information

#### The Swimmer

Lorem ipsum dolor sit amet, meliore consectetuer definitiones in per. Eu suas vituperata ius, errem legendos. Vis dicant principes ...
Weiter

#### The Sun

Scripta legimus cum ad, viris laboramus voluptaria. Has nostro diceret invidunt sit...
Weiter

#### Umbrella-Beach

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

## Our Service 24/7

#### Responsive Webdesign

Responsive Webdesign (RWD) ermöglicht eine Anpassung bzw. Optimierung der unterschiedlichen Bildschirmgrößen von Smartphone, Tablet, Notebook, Laptop und Desktop-PC innerhalb einer einzigen Webseite. Dazu werden per CSS-Media Queries die verschiedenen Bildschirmgrössen abgefragt. Außerdem wird beim Layout verstärkt mit Prozent-Angaben gearbeitet.

#### Test It The Easy Way

Hier auf der Seite index1.html (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.

#### Lightbox Picture Gallery

Auf dieser Startseite index.html und auf der Seite Quartus haben wir für Sie eine Bilder-Gallerie eingebaut. Nach Klick auf einem Foto öffnet sich ein neues Fenster mit dem Foto sowie einer Bildunterschrift und einer Anzeige (Bild X von Anzahl X), gleichzeitig dunkelt sich die komplette Webseite im Hintergrund ab.

#### Lightbox auf allen Fotos

Sie könnten das Lightbox-Script auch auf alle Fotos anwenden, wenn Sie möchten. Die entsprechenden Änderungen dazu sind nur in der HTML-Datei zu tätigen, denn das Script ist ja bereits eingebaut. Mehr Infos dazu auch hier bei Quartus

## Unsere Leistungen

#### Sport Volleyball

#### Klima-Anlage

#### Romantic Moonlight

#### Tauchen im Meer

#### Rent Bicycles

#### Sport Table-Tennis

## Our Philosophy

### Smooth-Scroll-Effekt

Beispiel-Link für Smooth-Scroll hier , scrollt ans Ende der Seite zum Fussbereich. Sie können überall in den einzelnen HTML-Seiten so einen Smooth-Scroll-Link setzen, egal ob dieser nach oben oder nach unten scrollt. Der entsprechende Link muß nur auf eine CSS-ID verweisen. Es ist also im Prinzip der gute alte HTML-Anker, welcher hier durch das eingebaute Jquery (Javascript), welches die Animation vollzieht, sehr aufgewertet wird und eben so zu Recht immens beliebt ist.

Kleine Notiz 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.

Weiter

Klicken Sie diesen Link für Smooth-Scroll, hier im Beispiel nach oben an den Seitenanfang. Ex eos tale dolor, volumus theophrastus ea ius. Qui animal expetenda no, natum forensibus pri in. Ne mei justo lorem nonumy, eripuit oportere adversarium et pri, putent disputando ne vim. Virtute appetere in eam, pro dicit timeam impetus ut.

## More Information

#### Ice Cream

Lorem ipsum dolor sit amet, meliore consectetuer definitiones in per. Eu suas vituperata ius, errem legendos cu pro. Vis dicant principes ei...
Weiter

#### Temperature High

Et nec facer detracto quaestio, ius saepe tation munere te, ea mel iisque graecis forensibus. Voluptua sententiae at vel. Ius officiis pertinacia Pro assum nostro definitionem ad....
Weiter

#### Cocktail

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