Um mehr über deine Fähigkeiten zu erfahren, haben wir zwei Aufgaben für dich vorbereitet, die als Ergänzung deiner Bewerbung dienen.
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 https://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
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)