In dieser Aufgabe soll eine vordesignte Webseite anhand eines vorgegebenen Layouts umgesetzt werden. Dabei wird erwartet, dass die Seite mithilfe von HTML und CSS nach den Designvorgaben erstellt wird. Die exakte Darstellung der Seite sowie eine saubere Programmierung der Struktur stehen im Fokus.
Zunächst soll das Layout genau analysiert werden. Es ist auf verschiedene Bereiche wie Header, Navigation, Inhalte und Footer zu achten. Ebenso müssen die verwendeten Schriftarten, Farben und Abstände zwischen den Elementen beachtet werden.
Daraufhin wird die Struktur der Seite in HTML umgesetzt.
Screendesign Desktop: https://xd.adobe.com/view/1caa7ca6-8a5f-4a4a-8c2f-00b4ae4ef0f9-49f9/
Screendesign Mobile: https://xd.adobe.com/view/1caa7ca6-8a5f-4a4a-8c2f-00b4ae4ef0f9-49f9/screen/46b3c87c-6673-4995-b440-0c570ff7209b
Google Font «Inter»: https://fonts.google.com/specimen/Inter
H1: 70px, mobile 40px
H2: 52px, mobile 32px
H3: 28px, mobile 24px
Laufschrift: 20px, mobile 16px
Lead: 24px, mobile 16px
Hintergrund: #0A0A17
Farbe Dunkel: #1D1D3E
Farbe Hell: #AD5CA0
Schriftfarbe: #FFFFFF