diff --git a/docs/docroot/index.html b/docs/docroot/index.html
index a4e4d11f560..5bfffc46b2c 100644
--- a/docs/docroot/index.html
+++ b/docs/docroot/index.html
@@ -1,9 +1,50 @@
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
-<html>
 <head>
-<title>It works! Apache httpd</title>
+    <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>It's Work !</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>
-<p>It works!</p>
+    <header>
+        <h1>Apache</h1>
+    </header>
+    <main>
+        <div class="iw">It's Work !</div>
+    
+    </main>
 </body>
 </html>
