diff --git a/static-html-directory/index.html b/static-html-directory/index.html
index 3c4bd93..2a43b57 100644
--- a/static-html-directory/index.html
+++ b/static-html-directory/index.html
@@ -1,46 +1,31 @@
 <!DOCTYPE html>
-<html>
+<html lang="en">
 <head>
-  <title>Latest Commit</title>
-  <style>
-    body {
-      font-family: Arial, sans-serif;
-    }
-    .container {
-      max-width: 800px;
-      margin: 0 auto;
-      padding: 20px;
-    }
-    h1 {
-      font-size: 24px;
-      margin-bottom: 20px;
-    }
-    .commit-details {
-      background-color: #f5f5f5;
-      padding: 20px;
-      border-radius: 5px;
-      border: 1px solid #ddd;
-    }
-    .commit-details h2 {
-      font-size: 18px;
-      margin-bottom: 10px;
-    }
-    .commit-details p {
-      margin: 5px 0;
-    }
-  </style>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>My Profile</title>
+  <link rel="stylesheet" href="styles.css">
 </head>
 <body>
-  <div class="container">
-    <h1>Latest Commit</h1>
-    <div class="commit-details">
-      <h2>Repository: ghndrx/docker-test-image</h2>
-      <p><strong>Commit:</strong> abcdef1234567890</p>
-      <p><strong>Author:</strong> John Doe</p>
-      <p><strong>Date:</strong> June 1, 2023</p>
-      <p><strong>Message:</strong> Added new feature</p>
-      <p><strong>Files Changed:</strong> 3</p>
-    </div>
-  </div>
+  <header>
+    <h1>My Profile</h1>
+    <nav>
+      <ul>
+        <li><a href="#">Home</a></li>
+        <li><a href="#">About</a></li>
+        <li><a href="#">Projects</a></li>
+        <li><a href="#">Contact</a></li>
+      </ul>
+    </nav>
+  </header>
+
+  <main>
+    <section id="latest-commits">
+      <h2>Latest Commits</h2>
+      <div id="commit-list"></div>
+    </section>
+  </main>
+
+  <script src="script.js"></script>
 </body>
 </html>
diff --git a/static-html-directory/styles.css b/static-html-directory/styles.css
new file mode 100644
index 0000000..9123186
--- /dev/null
+++ b/static-html-directory/styles.css
@@ -0,0 +1,59 @@
+body {
+    font-family: Arial, sans-serif;
+    margin: 0;
+    padding: 0;
+  }
+  
+  header {
+    background-color: #333;
+    color: #fff;
+    padding: 20px;
+  }
+  
+  h1 {
+    margin: 0;
+  }
+  
+  nav ul {
+    list-style-type: none;
+    padding: 0;
+    margin: 0;
+  }
+  
+  nav ul li {
+    display: inline;
+    margin-right: 10px;
+  }
+  
+  nav ul li a {
+    color: #fff;
+    text-decoration: none;
+  }
+  
+  main {
+    padding: 20px;
+  }
+  
+  #latest-commits {
+    margin-bottom: 20px;
+  }
+  
+  .commit {
+    background-color: #f1f1f1;
+    border-radius: 5px;
+    padding: 10px;
+    margin-bottom: 10px;
+  }
+  
+  .commit p {
+    margin: 0;
+  }
+  
+  .commit p strong {
+    font-weight: bold;
+  }
+  
+  .commit p:not(:last-child) {
+    margin-bottom: 5px;
+  }
+  
\ No newline at end of file
