Probeersel

Tutorials of (Probeersel) by Robin florindo

<!DOCTYPE html>
<html >
<head>
  <meta charset="UTF-8">
  <title>Probeersel</title>
  
  
  
      <link rel="stylesheet" href="css/style.css">

  
</head>

<body>
  <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>
</div>
  
  
</body>
</html>
/* Downloaded from https://www.codeseek.co/ */
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("https://lh4.ggpht.com/819w6KvCVrmlNhBk9fE_JbX0VmjtgqXg129kfFbWIMrhucnsH5ao-qTZ7CN0WiT1qc0=w300");
  background-size: 170px;}

.twee, .vier, .zes, .acht {
  background-image: url("https://lh6.googleusercontent.com/-ldyi1LhMnPc/AAAAAAAAAAI/AAAAAAAAAA0/ODVttz8FD0E/photo.jpg");
  background-size: 170px;
}

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

@media (min-width: 1100px) {
  .container {
    width: 800px;}
  
  .negen {
    margin: 5p auto;
  }
}
/* Downloaded from https://www.codeseek.co/ */

This awesome code ( Probeersel ) is write by Robin Florindo, you can se more from this user in the personal repository

You can find the original code on Codepen.io

2018 © Robin Florindo