Diese Aufgaben wurden für eine Bewerbung an FLYACTS bearbeited. Ich würde bei erneuter Bearbeitung einige Äbderungen vornegmen (z. B. prototype als javascript-Objekt, eine übergeordnete <section>
für die Slideshow, etc.) CSS und JS wurden selbstständig erarbeitet.
==============================================
Um mehr über deine Fähigkeiten zu erfahren, haben wir zwei Aufgaben für dich vorbereitet, die als Ergänzung deiner Bewerbung dienen.
Aufgabe 1 (CSS)
---------------
**Aufgabenstellung:**
Anbei findest du ein HTML-Gerüst. Dieses soll mittels CSS gestylt werden.
**Anmerkungen:**
- Die Zielplattformen sind moderne Browser auf Basis von **Webkit-/Blink** (Chrome/Safari/Opera)
- Besonderes Augenmerk sollte auf **Responsive Design** liegen
- Es darf lediglich **CSS** verwendet werden
- Beim Stylen kann ausdrücklich **CSS3** verwendet werden
- Das HTML-Gerüst und die dazugehörigen Klassen/ID's dürfen **nicht** verändert werden
Optisch sollte sich das Ergebnis an http://flyacts.com orientieren, gern aber auch an den Design Guides der drei führenden mobilen Platformen:
- **iOS** https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/MobileHIG/
- **Android** https://developer.android.com/design/index.html
- **Windows** https://dev.windows.com/en-us/design
Aufgabe 2 (JS)
--------------
**Aufgabenstellung:**
In der zweiten Aufgabe hauchen wir der frisch gestalteten Seite etwas Leben ein.
Die vier Inhaltspunkte ("Dafür stehen wir!", "Entwicklung!", "Marketing!", "Unser Team!") sollen in einer horizontalen **Slideshow** automatisch durchgeblättert werden.
Zusätzlich sollen die Punkte um ein aussagekräftiges Bild angereichert werden, welches per **"Lazy-Loading"** nach der abgeschlossenen Slide-Animation nachgeladen und eingeblendet wird.
Anmerkungen:
- Es soll ausschließlich pures JavaScript verwendet werden (Kein jQuery oder Ähnliches)```