De opdracht is het ontwerpen en het maken van een website voor een opdrachtgever. Daarnaats vroeg de klant of de 2 al bestaande websites tot 1 kunnen worden gecombineerd.
Website 1: https://buurtcampus-oost.onrender.com/
Website 2: https://bieb-in-bloei.vercel.app/
Ook was de vraag of Harry de plant een grotere rol in de website kan krijgen en of er meer animaties in de website kunnen komen.
Ik heb de web pagina 'stekjes' herontworpen en gebouwd. Deze pagina is een product pagina met een overzicht van alle stekjes. De kleuren van Bieb in Bloei spraken mij aan, dus die heb ik in mijn website verwerkt. Ook heb ik Harry de plant een vaste plek in de navigatie gegeven, zodat die altijd in beeld is. De navigatie is clickable maar heeft nog geen pagina's gelinkt, omdat die nog niet bestaan. Omdat Bieb in Bloei een bibiotheek is, heb ik afbeeldingen van een boek toegevoegd bij de producten. De footer heb ik de kleur bruin gegeven, omdat het mij aan aarde laat denken. Dit leek mij goed passen bij het eind van de pagina. Waar ik mij het meest op heb gericht is de website responsive maken. Alles past zich aan op verschillende breedtes. Neem hier de navigatie als voorbeeld. Zie hieronder het verschil tussen mobiele en desktop:
Mobiel:
Desktop:
Link website: https://clarice-cod.github.io/the-client-website/
Ik heb gebruik gemaakt van een grid. De website is opgedeeld in verschillende vlaktes namelijk: de navigatie, de header, de main en de footer. ook heb ik gebruik gemaakt van @Media om de website responsive te maken.
This project is licensed under the terms of the MIT license.