Erstellen Sie Layoutskizzen für eine Webseite, die vom Aufbau her ähnlich zu den beiden Screenshots aussieht. Details - insbesondere Bilder - sind nicht relevant.
Leiten Sie daraus die HTML-Struktur für die Webseite ab.
Setzen Sie die Webseite mit HTML und CSS als eine responsive Webseite um, die sich an verschiedene Bildschirmgrößen anpasst. Verwenden Sie dabei den Mobile-First-Ansatz und gehen von der mobilen Sicht bis zur Desktopsicht (ab einer Fensterbreite von 768px) vor.