diff --git a/web/index.html b/web/index.html
index 95d5a58..8c83129 100644
--- a/web/index.html
+++ b/web/index.html
@@ -3,32 +3,177 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Welcome to Nginx!</title>
+    <title>Apache Server - Welcome</title>
     <style>
-        body {
-            background-color: #222;
-            color: white;
+        /* General Styles */
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
             font-family: Arial, sans-serif;
+        }
+        body {
+            background-color: #1e1e1e;
+            color: white;
             text-align: center;
-            margin-top: 100px;
         }
-        h1 {
-            font-size: 36px;
+
+        /* Navbar */
+        header {
+            background-color: #333;
+            padding: 15px;
+            position: fixed;
+            width: 100%;
+            top: 0;
+            left: 0;
+            z-index: 1000;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            padding: 15px 50px;
         }
-        a {
+        .logo {
+            font-size: 24px;
+            font-weight: bold;
             color: #00aaff;
-            text-decoration: none;
         }
-        a:hover {
-            text-decoration: underline;
+        nav a {
+            color: white;
+            text-decoration: none;
+            margin: 0 15px;
+            font-size: 18px;
+            transition: color 0.3s;
+        }
+        nav a:hover {
+            color: #00aaff;
+        }
+
+        /* Hero Section */
+        .hero {
+            height: 100vh;
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            justify-content: center;
+            padding: 20px;
+            background: linear-gradient(to right, #111, #222);
+        }
+        .hero h1 {
+            font-size: 48px;
+            margin-bottom: 15px;
+        }
+        .hero p {
+            font-size: 20px;
+            max-width: 700px;
+            line-height: 1.6;
+            opacity: 0.8;
+        }
+        .btn {
+            display: inline-block;
+            margin-top: 20px;
+            padding: 12px 25px;
+            font-size: 18px;
+            background-color: #00aaff;
+            color: white;
+            text-decoration: none;
+            border-radius: 5px;
+            transition: background 0.3s;
+        }
+        .btn:hover {
+            background-color: #0088cc;
+        }
+
+        /* Sections */
+        .section {
+            padding: 60px 20px;
+            max-width: 1000px;
+            margin: auto;
+        }
+        .section h2 {
+            font-size: 32px;
+            margin-bottom: 20px;
+            color: #00aaff;
+        }
+        .section p {
+            font-size: 18px;
+            line-height: 1.6;
+            opacity: 0.9;
+        }
+
+        /* Footer */
+        footer {
+            background-color: #333;
+            padding: 20px;
+            margin-top: 50px;
+            font-size: 16px;
+        }
+        .social-icons {
+            margin-top: 10px;
+        }
+        .social-icons a {
+            color: #00aaff;
+            font-size: 24px;
+            margin: 0 10px;
+            transition: color 0.3s;
+        }
+        .social-icons a:hover {
+            color: #0088cc;
         }
     </style>
 </head>
 <body>
-    <h1>Welcome to nginx!</h1>
-    <p>If you see this page, the nginx web server is successfully installed and working. Further configuration is required.</p>
-    <p>For online documentation and support please refer to <a href="https://nginx.org/">nginx.org</a>.</p>
-    <p>Commercial support is available at <a href="https://nginx.com/">nginx.com</a>.</p>
-    <p><em>Thank you for using nginx.</em></p>
+
+<!-- Navbar -->
+<header>
+    <div class="logo">Apache Server</div>
+    <nav>
+        <a href="#about">About</a>
+        <a href="#features">Features</a>
+        <a href="#docs">Documentation</a>
+        <a href="#contact">Contact</a>
+    </nav>
+</header>
+
+<!-- Hero Section -->
+<section class="hero">
+    <h1>Welcome to Apache Server</h1>
+    <p>If you see this page, the Apache web server is successfully installed and working.</p>
+    <a href="#about" class="btn">Learn More</a>
+</section>
+
+<!-- About Section -->
+<section class="section" id="about">
+    <h2>About Apache</h2>
+    <p>Apache is one of the most widely used web servers worldwide, providing a secure, efficient, and extensible platform for web hosting.</p>
+</section>
+
+<!-- Features Section -->
+<section class="section" id="features">
+    <h2>Key Features</h2>
+    <p>- Open-source and free to use.<br>- High performance with advanced security features.<br>- Supports various modules and custom configurations.</p>
+</section>
+
+<!-- Documentation Section -->
+<section class="section" id="docs">
+    <h2>Documentation</h2>
+    <p>Find official guides and documentation at <a href="https://httpd.apache.org/" target="_blank" style="color:#00aaff;">apache.org</a>.</p>
+</section>
+
+<!-- Contact Section -->
+<section class="section" id="contact">
+    <h2>Contact & Support</h2>
+    <p>Need help? Get commercial support at <a href="https://httpd.apache.org/docs/2.4/getting-started.html" target="_blank" style="color:#00aaff;">nginx.com</a>.</p>
+</section>
+
+<!-- Footer -->
+<footer>
+    <p>&copy; 2025 Apache Server | All Rights Reserved.</p>
+    <div class="social-icons">
+        <a href="https://twitter.com" target="_blank">twitter</a>
+        <a href="https://github.com" target="_blank">github</a>
+        <a href="https://linkedin.com" target="_blank">Linkedin</a>
+    </div>
+</footer>
+
 </body>
 </html>
