< w.a

Nike website

IoT >
nike website mockup
Bron mockup: Graphic Shell. (2022, 18 september). Free iPhone 14 Pro Slanting Mockup - Graphic Shell. https://graphicshell.com/download/free-iphone-14-pro-slanting-mockup/

Opdracht:

Werk 2 verschillende pagina’s van een website uit met ‘nette’ vanilla HTML, CSS en Javascript.

Geleerd:

  • logo htmlHTML5
  • logo cssCSS3
  • logo javascriptJavaScript

Beschrijving:

De uitwerking voor deze opdracht bestaat uit de homepagina van Nike en een detailpagina van de Jordan x PSG collectie. Tijdens deze opdracht heb ik extra aandacht besteed aan de surface plane.

Zo kan de gebruiker een dark mode instellen, een product op de detailpagina liken en filteren. Ook speelt het lied van PSG af wanneer de gebruiker op de titel 'Lifestyle Paris Saint-Germain' klikt.

Surface plane

Bron iPhone mockup: Bryant, C. (2023, 13 februari). Free iPhone 14 Pro Mockup (2023) - Graphic Pie. Graphic Pie. https://www.graphicpie.com/iphone-14-pro-mockup/

Let op, er zit geluid bij (:

Bekijk Nike website Bekijk op GitHub