diff --git a/testpage/index.html b/testpage/index.html
index 162c9fa..94cdb4d 100644
--- a/testpage/index.html
+++ b/testpage/index.html
@@ -7,32 +7,40 @@
 		<style type="text/css">
 			/*<![CDATA[*/
 			body {
-				background-color: #FAF5F5;
+				background-color: #fff;
 				color: #000;
-				font-size: 0.9em;
-				font-family: sans-serif,helvetica;
+				font-size: 1.1em;
+				font-family: "Red Hat Text", Helvetica, Tahoma, sans-serif;
 				margin: 0;
 				padding: 0;
+                border-bottom: 30px solid #082336;
+				min-height: 100vh;
+				box-sizing: border-box;
 			}
 			:link {
-				color: #082336;;
+				color: #304B5E;
 			}
 			:visited {
-				color: #082336;;
+				color: #304B5E;
 			}
 			a:hover {
 				color: #0069DA;
 			}
 			h1 {
-				text-align: center;
+				text-align: left;
 				margin: 0;
-				padding: 0.6em 2em 0.4em;
+				margin-bottom: .6em;
+				padding: 1em 2em 1.5em 2em;
 				background-color: #082336;
 				color: #fff;
 				font-weight: normal;
-				font-size: 1.75em;
+				font-size: 2.5em;
 				border-bottom: 2px solid #000;
 			}
+            h1 img {
+                border: none;
+                margin-bottom: .4em;
+            }
 			h1 strong {
 				font-weight: bold;
 			}
@@ -51,13 +59,17 @@
 				absolute positioning for sub-classes */
 				position: relative;
 				padding-top: 1em;
+                display: flex;
+				flex-wrap: wrap;
 			}
 			.content-column-left {
 				/* Value for IE/Win; will be overwritten for other browsers */
 				width: 47%;
-				padding-right: 3%;
-				float: left;
+				padding: 15px 30px;
+				margin-right: 30px;
 				padding-bottom: 2em;
+				margin-bottom: 1em;
+				flex: 1;
 			}
 			.content-column-left hr {
 				display: none;
@@ -65,36 +77,56 @@
 			.content-column-right {
 				/* Values for IE/Win; will be overwritten for other browsers */
 				width: 47%;
-				padding-left: 3%;
-				float: left;
+				padding: 15px 30px;
 				padding-bottom: 2em;
+                margin-right: 30px;
+				margin-bottom: 1em;
+				flex: 1;
 			}
 			.content-columns>.content-column-left, .content-columns>.content-column-right {
 				/* Non-IE/Win */
+                border: 1px solid #d2d2d2;
+				border-radius: 3px;
+				box-sizing: border-box;
 			}
 			.logos {
-				text-align: center;
+				text-align: left;
 				margin-top: 2em;
 			}
+            .logos a img {
+                padding-right: 1.5em;
+                margin-right: 1.5em;
+                border-right: 1px solid #d2d2d2;
+            }
 			img {
-				border: 2px solid #FAF5F5;
+				border: 2px solid #fff;
 				padding: 2px;
 				margin: 2px;
 			}
 			a:hover img {
-				border: 2px solid #FF4649;
+				border: 2px solid #f50;
 			}
 			.footer {
-				clear: both;
-				text-align: center;
-				font-size: xx-small;
+			    font-size: xx-small;
+                padding: 0 10em;
+			    padding-bottom: 5em;
 			}
+
+            /* Responsive layout */
+            @media (max-width: 800px) {
+                .content-column-right, .content-column-left {
+                flex: 100%;
+                }
+            }
 			/*]]>*/
 		</style>
 	</head>
 
 	<body>
-		<h1><strong>AlmaLinux</strong> Test Page</h1>
+		<h1>
+            <img src="system_noindex_logo.png" alt="AlmaLinux Logo" /><br />
+            Web Server <strong>Test Page</strong>
+        </h1>
 
 		<div class="content">
 			<div class="content-middle">
@@ -112,7 +144,7 @@
 
 					<p>For example, if you experienced problems while visiting www.example.com, you should send e-mail to "webmaster@example.com".</p>
 
-					<p>For information on AlmaLinux, please visit the <a href="http://www.almalinux.org/">AlmaLinux website</a>.</p>
+					<p>For information on AlmaLinux, please visit the <a href="https://almalinux.org">AlmaLinux website</a>. The documentation for AlmaLinux is <a href="https://wiki.almalinux.org">available in AlmaLinux wiki</a>.</p>
 					<hr />
 				</div>
 
@@ -133,15 +165,16 @@
 					<code>/etc/nginx/nginx.conf</code>.</p>
 
 					<div class="logos">
-						<a href="http://www.almalinux.org"><img src= "/icons/poweredby.png" alt="[ Powered by AlmaLinux ]" /></a>
+						<a href="https://almalinux.org"><img src= "/icons/poweredby.png" alt="[ Powered by AlmaLinux ]" /></a>
 						<img src= "poweredby.png" alt="[ Powered by AlmaLinux ]" />
 					</div>
 				</div>
 			</div>
 		</div>
-		<div class="footer">
-			<a href="https://apache.org">Apache&trade;</a> is a registered trademark of <a href="https://apache.org">the Apache Software Foundation</a> in the United States and/or other countries.<br />
-			<a href="https://nginx.com">NGINX&trade;</a> is a registered trademark of <a href="https://www.f5.com">F5 Networks, Inc.</a>.
-	        </div>
+	<div class="footer">
+		<a href="https://apache.org">Apache&trade;</a> is a registered trademark of <a href="https://apache.org">the Apache Software Foundation</a> in the United States and/or other countries.
+        <br />
+		<a href="https://nginx.com">NGINX&trade;</a> is a registered trademark of <a href="https://www.f5.com">F5 Networks, Inc.</a>.
+	</div>
 	</body>
 </html>
