diff --git a/haans/index.html b/haans/index.html
index 462ad50..e435371 100644
--- a/haans/index.html
+++ b/haans/index.html
@@ -1,3 +1,4 @@
+```html
 <!DOCTYPE html>
 <html lang="nl">
 <head>
@@ -20,12 +21,48 @@ background:#1c1c1c;
 padding:40px;
 border-radius:12px;
 }
+.spinner{
+width:60px;
+height:60px;
+border:6px solid #444;
+border-top:6px solid #fff;
+border-radius:50%;
+animation:spin 1s linear infinite;
+margin:20px auto;
+}
+button{
+padding:10px 18px;
+margin-top:15px;
+background:#333;
+color:#fff;
+border:none;
+border-radius:6px;
+cursor:pointer;
+}
+button:hover{
+background:#555;
+}
+@keyframes spin{
+0%{transform:rotate(0deg);}
+100%{transform:rotate(360deg);}
+}
 </style>
 </head>
 <body>
 <div class="box">
 <h1>Pech.</h1>
-<p>De site is momenteel offline.</p>
+<p>De site is offline.</p>
+<div class="spinner"></div>
+<p>Er wordt momenteel aan gewerkt.</p>
+
+<button onclick="doetNiks()">Deze knop doet niks</button>
 </div>
+
+<script>
+function doetNiks(){
+alert("Inderdaad.");
+}
+</script>
 </body>
-</html>
\ No newline at end of file
+</html>
+```
