In this example below you will see how to do a Probeersel with some HTML / CSS and Javascript

This awesome code was written by robinflorindo, you can see more from this user in the personal repository.
You can find the original code on
Copyright robinflorindo ©
  • HTML
  • CSS
<!DOCTYPE html>
<html lang="en" >

  <meta charset="UTF-8">
      <link rel="stylesheet" href="css/style.css">



  <h1> Fietsopa Soundboard </h1>

<div class="container"> 
  <div class="een"> Suck a cock </div>
  <div class="twee"> I'm a virgin</div>
  <div class="drie"> I love old cock</div>
  <div class="vier"> No money </div>
  <div class="vijf"> It's a joke</div>
  <div class="zes"> Look at yourself</div>
  <div class="zeven"> </div>
  <div class="acht"> </div>
  <div class="negen"> </div>



/*Downloaded from */
body {
  text-align: center;
  color: white;
  font-family: helvetica;}

h1 {
  color: black;}

.container {
  margin: 25px auto;
  width: 600px;
  overflow: auto;}

.een, .twee, .drie, .vier, .vijf, .zes, .zeven, .acht, .negen {
  border: 2px solid black;
  height: 95px;
  width: 170px;
  margin: 10px;
  float: left;
  padding-top: 75px;
  font-style: oblique;}

.een, .drie, .vijf, .zeven, .negen {
  background-image: url("");
  background-size: 170px;}

.twee, .vier, .zes, .acht {
  background-image: url("");
  background-size: 170px;

@media (max-width: 800px) {
  .container {
    width: 400px;}

@media (min-width: 1100px) {
  .container {
    width: 800px;}
  .negen {
    margin: 5p auto;