diff --git a/test/pyhttpd/htdocs/index.html b/test/pyhttpd/htdocs/index.html
index 3c076261440..3550fe64f0a 100644
--- a/test/pyhttpd/htdocs/index.html
+++ b/test/pyhttpd/htdocs/index.html
@@ -1,9 +1,50 @@
-<html>
-    <head>
-        <title>mod_h2 test site generic</title>
-    </head>
-    <body>
+<!DOCTYPE html>
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link href="https://fonts.googleapis.com/css2?family=Playfair+Display&family=Lato:wght@400;700&family=Montserrat:wght@400;700&display=swap" rel="stylesheet">
+    <title>mod_h2 test</title>
+    <style>
+        body {
+            font-family: Lato, sans-serif;
+            margin: 0;
+            padding: 0;
+            background-color: #f0f0f0;
+        }
+
+        header {
+            background-color: #333;
+            color: #fff;
+            padding: 1rem;
+            text-align: center;
+        }
+       
+        h1 {
+            margin-top: 0;
+        }
+
+        .iw {
+            margin: 1rem auto;
+            padding: 1rem;
+            background-color: #fff;
+            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+            text-align: center;
+            font-size: 10rem;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            margin-top: 18rem;
+
+        }
+    </style>
+</head>
+<body>
+    <header>
         <h1>mod_h2 test site generic</h1>
-    </body>
+    </header>
+    <main>
+        <div class="iw">mod_h2 test site generic</div>
+    
+    </main>
+</body>
 </html>
-
