Design & styling - svennijhuis/Blok-tech GitHub Wiki

Ontwerp gebruikers kaart

Ik heb bij dit onderdeel mij vooral gefocust om het simpel te houden. Zo bleef het overzichtelijk maar liet ik wel zien welke informatie er aanwezig is. Als je op de mail button drukt opent die automatisch je mailbox. Als je de gebruiker wilt verwijderen druk je op de verwijder button, zodat die niet meer zichtbaar is en uit de database wordt verwijderd.

Schets / ontwerp

uiteindelijke resultaat

Ontwerp formulier

Dit formulier is bedoeld om zich aan te melden als nieuwe oppas. Alle informatie die hij invult wordt opgeslagen in de database.

Schets / ontwerp

Uiteindelijke resultaat

Font Family

Ik heb gebruik gemaakt van de font Newsreader dit font laad ik in via Google Fonts. Ik maak gebruik van Google Fonts, omdat het gratis is en makkelijk te verwerken is in je applicatie.

Om het te gebruiken heb je deze gegevens nodig: Zet je in je head

  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Newsreader:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap" rel="stylesheet">

Zet je in je css

 * {
     font-family: 'Newsreader', serif;
   }