Ontwerp en maak een website voor een opdrachtgever en bespreek het resultaat tijdens de Sprint Review. De instructie van deze leertaak staan in de INSTRUCTIONS
Bieb in Bloei is een digitaal platform met daarop een overzicht van de duurzame projecten van de Buurtcampus Oost.
De Buurtcampus is een dynamische, laagdrempelige plek waar iedereen zich welkom en uitgenodigd voelt om kennis op te doen, te ontwikkelen en te delen. Met als doel: samen de buurt duurzamer, gezonder en inclusiever maken. Bij de buurtcamus draaien verschillende duurzame projecten; De Stekjes bieb, De Zadenbieb en de Geveltuin.. en er komen nog meer duurzame projecten bij in de toekomst. Op het platform Bieb in Bloei krijgen deze projecten een gezicht.
Ontwerp en ontwikkel het digitale platform voor Bieb in Bloei van Buurtcampus Oost
Op mijn gemaakte webpagina kan je heel makkelijk alle informatie lezen over de Groene Bieb, over de partners van Bieb in Bloei en over het samenwerken met deze organisatie. Dit is gemakkelijk te onderscheiden van elkaar doormiddel van allemaal losse blokken.
Het design van de nieuwe pagina van de Groene Bieb & partners is geïnspireerd door de huidige webpagina en de huisstijl van Bieb in Bloei.
De webpagina hier hij er nu uitziet: https://kimnikitaschijf.github.io/the-client-website/
Mijn gemaakte figma bestand: https://www.figma.com/design/FbHidGhCfMsFMZRuKh2kKr/Bieb-in-Bloei-design-website?node-id=0-1&t=OvP3NCwvzy9YaIZh-1
Mijn HTML structuur is ingedeeld in blokken:
- header
- section (eerste blokje)
- section (tweede blokje)
- section 'samenwerken'
- footer
Mijn CSS is ingedeeld in vlakken. Per onderdeel van mijn HTML is een een CSS stukje gemaakt met de bijbehorende CSS stukjes van onderandere de H1/H2's & de paragrafen. Deze staan genest in de sectie en hebben allemaal een comment erbij staan met uitleg wat het stukje CSS doet. Voor de blokjes van 'de groene bieb' & 'partners' heb ik een flexbox gebruikt. Voor de vierkantjes van de 'logo's' bij het stukje 'partners' heb ik een grid gebruikt. Op deze manier komen ze mooi 3x3 te staan.
Ik heb geen JavaScript gebruikt.
- https://bieb-in-bloei.vercel.app/
- https://www.w3schools.com/
- https://css-tricks.com/
- https://github.com/fdnd-agency/buurtcampus-oost/tree/main/content
- https://buurtcampus-oost.onrender.com/
This project is licensed under the terms of the MIT license.