vakken.html

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>

<link rel="stylesheet" type="text/css" href="vakken.css">
<div class="container">
  <div style="text-align:center">
    <h2>Algemeen</h2>
    <p>Algemene vragen over de gevolgde lessen </p>
  </div>
  <div class="row">
    <div class="column">
      <img src="./resources/yc-logo.png" style="width:100%">
    </div>
    <div class="column">
      <form action="/action_page.php">
        <label for="fname">Naam</label>
        <input type="text" id="fname" name="firstname" placeholder="Voer je naam in..">
        
        <label for="vak">Welk vak heb je gevolgd?</label>
        <select id="vak" name="vak">
          <option value="OOP">OOP</option>
          <option value="Python">Python</option>
          <option value="React">React</option>
          <option value="WebOntwikkeling">Web Ontwikkeling</option>
        </select>

        <label for="stof">Stof module voldoet aan verwachtingen</label>
        <select id="stof" name="stof">
          <option value="ZeerEens">Zeer Eens</option>
          <option value="Eens">Eens</option>
          <option value="IDK">Weet ik niet</option>
          <option value="Oneens">Oneens</option>
          <option value="ZeerOneens">Zeer Oneens</option>
        </select>

        <label for="kwaliteit">Inhoudelijke kwaliteit	van	de lesstof</label>
        <select id="kwaliteit" name="kwaliteit">
          <option value="ZeerGoed">Zeer Goed</option>
          <option value="Goed">Goed</option>
          <option value="Gemiddeld">Gemiddeld</option>
          <option value="Slecht">Slecht</option>
          <option value="ZeerSlecht">Zeer Slecht</option>
        </select>

        <label for="subject">Overige opmerkingen</label>	
        <textarea id="subject" name="subject" placeholder="Write something.." style="height:170px"></textarea>
        <input class="nav-link "type="submit" value="Opslaan" href="bedankt.html">
      </form>
    </div>
  </div>
</div>