diff --git a/tabs.html b/tabs.html index 715808a..4e6b6ce 100644 --- a/tabs.html +++ b/tabs.html @@ -9,9 +9,83 @@ /* Schrijf hier gewoon je CSS voor dit component */ /* Hint: kijk eens naar de :target selector */ + * { + margin: 0; + padding: 0; + box-sizing: border-box; + } + body { + padding: 2rem 1rem; + } + h1 { + margin-bottom: 2rem; + } + + ul.tabs { + list-style: none; + display: flex; + flex-direction: row; + } + ul.tabs li { + padding: 1rem 0; + } + .tabs a { + background-color: #fff; + text-decoration: none; + font-weight: bold; + padding: 1.15rem; + border: unset; + } + .tabs a:hover { + text-decoration: underline; + } + + .tabs a.active { + background-color: #fff; + border: 1px solid var(--blue); + border-bottom: 0; + border-radius: 10px 10px 0px 0px; + padding-bottom: 19.1px; + } + + + + div { + width: 100%; + padding: 2rem 2.5rem; + + border: 1px solid; + border-radius: 0px 0px 10px 10px; + + display: none; + } + div:target { + display: block; + } @@ -19,98 +93,110 @@

Tabbladen

- - -
+ + + +
+
    +
  1. Berat Zekaj
    2. +
  2. Charley Muhren
    3. +
  3. Cyd Stumpel
    4. +
  4. Dorien Drees
    5. +
  5. Joost Faber
    6. +
  6. Justus Sturkenboom
    7. +
  7. Koop Reijnders
    8. +
  8. Krijn Hoetmer
    9. +
  9. Sanne 't Hooft
    10. +
  10. Suus ten Voorde
    11. +
+
+ +
+
    +
  1. Your Tribe
    2. +
  2. The Client
    3. +
  3. All Human
    4. +
  4. Look and Feel
    5. +
  5. Fix the Flow
    6. +
  6. The Startup
    7. +
  7. Connect Your Tribe
    8. +
  8. Server-Side Rendering
    9. +
  9. The Web is for Everyone
    10. +
  10. Performance Matters
    11. +
  11. Connecting People
    12. +
  12. Proof of Concept
    13. +
  13. Your Tribe for Life
    14. +
  14. Lose Your Head
    15. +
  15. Choices, Choices
    16. +
  16. Don't Repeat Yourself
    17. +
  17. Back to Static
    18. +
  18. Let's JAM
    19. +
  19. Free Space
    20. +
  20. Final Sprint
    21. +
+
+ + +
+
    +
  1. Methodisch handelen +
      +
    1. Kiest binnen projecten passende fases van de development-lifecycle.
      2. +
    2. Combineert aangeboden principes en conventies op het gebied van frontend design en development.
      3. +
    3. Houdt in beginnende mate rekening met de belangen van de eindgebruiker bij het realiseren van een oplossing voor een opdrachtgever.
      4. +
    +
    2. +
  2. Samenwerken +
      +
    1. Werkt in teams, vraagt begeleiding waar nodig en geeft feedback aan teamleden.
      2. +
    2. Draagt verantwoording voor eigen resultaten, verwerkt ontvangen feedback en wijst teamleden op hun verantwoording.
      3. +
    3. Identificeert diversiteit binnen teams en handelt respectvol naar anderen.
      4. +
    +
    3. +
  3. Communiceren +
      +
    1. Luistert en vraagt door, neemt wat een ander zegt serieus.
      2. +
    2. Kan ontwerpkeuzes, eigen ideeën en producten begrijpelijk overbrengen aan belanghebbenden.
      3. +
    3. Documenteert op professionele wijze en houdt voortgang bij.
      4. +
    +
    4. +
  4. Probleemoplossend vermogen +
      +
    1. Analyseert een vraag, signaleert knelpunten en volgt de aangeboden oplossingsrichting.
      2. +
    2. Schetst om gedachten en processen te verkennen en abstracte begrippen over te brengen.
      3. +
    3. Bedenkt en implementeert complexere frontend code en gebruikt daarbij API's en databases.
      4. +
    +
    5. +
  5. Lerend vermogen +
      +
    1. Volgt aangeboden internationale ontwikkelingen in het vakgebied.
      2. +
    2. Maakt aangeboden en zelf gevonden materie eigen en gebruikt dit bij leertaken, deelt ervaring binnen de squad.
      3. +
    3. Kent eigen capaciteiten en beperkingen, vergelijkt dit met het vermogen van anderen en maakt dit bespreekbaar.
      4. +
    +
    6. +
+
+ + +
+

Open avond 16 april

+

Op de open dag proef je de sfeer en ontdek je hoe het is om aan de HvA te studeren. Je maakt kennis met studenten en docenten van de opleiding.

+

Stel je vragen over studiekeuze, studeren met een functiebeperking en toelating op het studiekeuzeplein. Heb je nog vragen over de opleiding? We staan tijdens de open dag/avond klaar om al jouw vragen te beantwoorden.

+
+ + + + + \ No newline at end of file