diff --git a/debug.log b/debug.log
new file mode 100644
index 0000000..93adcf7
--- /dev/null
+++ b/debug.log
@@ -0,0 +1,47 @@
+[0903/054804.224:ERROR:crash_report_database_win.cc(469)] failed to stat report
+[0903/054804.299:ERROR:crash_report_database_win.cc(469)] failed to stat report
+[0903/054804.299:ERROR:crash_report_database_win.cc(469)] failed to stat report
+[0903/054804.299:ERROR:crash_report_database_win.cc(469)] failed to stat report
+[0903/054804.299:ERROR:crash_report_database_win.cc(469)] failed to stat report
+[0903/054804.299:ERROR:crash_report_database_win.cc(469)] failed to stat report
+[0903/054804.299:ERROR:crash_report_database_win.cc(469)] failed to stat report
+[0903/054804.299:ERROR:crash_report_database_win.cc(469)] failed to stat report
+[0903/054804.299:ERROR:crash_report_database_win.cc(469)] failed to stat report
+[0903/054804.299:ERROR:crash_report_database_win.cc(469)] failed to stat report
+[0903/054804.300:ERROR:crash_report_database_win.cc(469)] failed to stat report
+[0903/054804.300:ERROR:crash_report_database_win.cc(469)] failed to stat report
+[0903/054804.300:ERROR:crash_report_database_win.cc(469)] failed to stat report
+[0903/054804.300:ERROR:crash_report_database_win.cc(469)] failed to stat report
+[0903/054804.300:ERROR:crash_report_database_win.cc(469)] failed to stat report
+[0903/054804.300:ERROR:crash_report_database_win.cc(469)] failed to stat report
+[0903/054804.300:ERROR:crash_report_database_win.cc(469)] failed to stat report
+[0903/054804.300:ERROR:crash_report_database_win.cc(469)] failed to stat report
+[0903/054804.300:ERROR:crash_report_database_win.cc(469)] failed to stat report
+[0903/054804.300:ERROR:crash_report_database_win.cc(469)] failed to stat report
+[0903/054804.300:ERROR:crash_report_database_win.cc(469)] failed to stat report
+[0903/054804.300:ERROR:crash_report_database_win.cc(469)] failed to stat report
+[0903/054804.300:ERROR:crash_report_database_win.cc(469)] failed to stat report
+[0903/054804.300:ERROR:crash_report_database_win.cc(469)] failed to stat report
+[0903/054804.300:ERROR:crash_report_database_win.cc(469)] failed to stat report
+[0903/054804.300:ERROR:crash_report_database_win.cc(469)] failed to stat report
+[0903/054804.301:ERROR:crash_report_database_win.cc(469)] failed to stat report
+[0903/054804.301:ERROR:crash_report_database_win.cc(469)] failed to stat report
+[0903/054804.301:ERROR:crash_report_database_win.cc(469)] failed to stat report
+[0903/054804.301:ERROR:crash_report_database_win.cc(469)] failed to stat report
+[0903/054804.301:ERROR:crash_report_database_win.cc(469)] failed to stat report
+[0903/054804.301:ERROR:crash_report_database_win.cc(469)] failed to stat report
+[0903/054804.301:ERROR:crash_report_database_win.cc(469)] failed to stat report
+[0903/054804.301:ERROR:crash_report_database_win.cc(469)] failed to stat report
+[0903/054804.301:ERROR:crash_report_database_win.cc(469)] failed to stat report
+[0903/054804.301:ERROR:crash_report_database_win.cc(469)] failed to stat report
+[0903/054804.301:ERROR:crash_report_database_win.cc(469)] failed to stat report
+[0903/054804.301:ERROR:crash_report_database_win.cc(469)] failed to stat report
+[0903/054804.301:ERROR:crash_report_database_win.cc(469)] failed to stat report
+[0903/054804.301:ERROR:crash_report_database_win.cc(469)] failed to stat report
+[0903/054804.301:ERROR:crash_report_database_win.cc(469)] failed to stat report
+[0903/054804.301:ERROR:crash_report_database_win.cc(469)] failed to stat report
+[0903/054804.301:ERROR:crash_report_database_win.cc(469)] failed to stat report
+[0903/054804.301:ERROR:crash_report_database_win.cc(469)] failed to stat report
+[0903/054804.301:ERROR:crash_report_database_win.cc(469)] failed to stat report
+[0903/054804.301:ERROR:crash_report_database_win.cc(469)] failed to stat report
+[0903/054804.301:ERROR:crash_report_database_win.cc(469)] failed to stat report
diff --git a/img/shamah.png b/img/shamah.png
new file mode 100644
index 0000000..89ad294
Binary files /dev/null and b/img/shamah.png differ
diff --git a/index.html b/index.html
index 506c3bc..83d9c0b 100644
--- a/index.html
+++ b/index.html
@@ -7,35 +7,30 @@
     <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,700,800&display=swap" rel="stylesheet">
   </head>
   <body>
-    <nav class="py-4 px-8">
-      <div class="flex flex-row">
-        <div class="font-extrabold text-2xl mr-auto">
-          <span>SDRC</span>
-        </div>
-        <ul class="flex my-auto font-light">
-          <li class="mr-6">
-            <a class="text-dark hover:text-gray-600" href="#">Alvin</a> <!-- alvin.html -->
-          </li>
-          <li class="mr-6">
-            <a class="text-dark hover:text-gray-600" href="#">Shaddam</a> <!-- shaddam.html -->
-          </li>
-          <li class="mr-6">
-            <a class="text-dark hover:text-gray-600" href="#">Rifki</a> <!-- rifki.html -->
-          </li>
-          <li class="mr-6">
-            <a class="text-dark hover:text-gray-600" href="#">Natasya</a> <!-- natasya.html -->
-          </li>
-          <li class="mr-6">
-            <a class="text-dark hover:text-gray-600" href="#">Wulan</a> <!-- wulan.html -->
-          </li>
-          <li class="mr-6">
-            <a class="text-dark hover:text-gray-600" href="#">Septian</a> <!-- septian.html -->
-          </li>
-          <li class="">
-            <a class="text-dark hover:text-gray-600" href="#">Adam</a> <!-- adam.html -->
-          </li>
-        </ul>
-      </div>
+    <nav class="p-4">
+      <ul class="flex">
+        <li class="mr-6">
+          <a class="text-blue-500 hover:text-blue-800" href="#">Alvin</a> <!-- alvin.html -->
+        </li>
+        <li class="mr-6">
+          <a class="text-blue-500 hover:text-blue-800" href="shaddam.html">Shaddam</a> <!-- shaddam.html -->
+        </li>
+        <li class="mr-6">
+          <a class="text-blue-500 hover:text-blue-800" href="#">Rifki</a> <!-- rifki.html -->
+        </li>
+        <li class="mr-6">
+          <a class="text-blue-500 hover:text-blue-800" href="#">Natasya</a> <!-- natasya.html -->
+        </li>
+        <li class="mr-6">
+          <a class="text-blue-500 hover:text-blue-800" href="#">Wulan</a> <!-- wulan.html -->
+        </li>
+        <li class="mr-6">
+          <a class="text-blue-500 hover:text-blue-800" href="#">Septian</a> <!-- septian.html -->
+        </li>
+        <li class="mr-6">
+          <a class="text-blue-500 hover:text-blue-800" href="#">Adam</a> <!-- adam.html -->
+        </li>
+      </ul>
     </nav>
   </body>
 </html>
diff --git a/shaddam.html b/shaddam.html
new file mode 100644
index 0000000..9d88f09
--- /dev/null
+++ b/shaddam.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset='utf-8'>
+    <meta http-equiv='X-UA-Compatible' content='IE=edge'>
+    <title>Shaddam</title>
+    <meta name='viewport' content='width=device-width, initial-scale=1'>
+    <link rel='stylesheet' type='text/css' media='screen' href='css/master.css'>
+    <script src='main.js'></script>
+</head>
+<body>
+    <nav class="flex w-full fixed bg-white p-6 shadow-md border-l-8 border-blue-600 z-10">
+      <ul class="flex font-medium text-black-600">
+        <li class="flex-1 mr-12">
+          <a class="hover:text-blue-600" href="#">Home</a>
+        </li>
+        <li class="flex-1 mr-12">
+          <a class="hover:text-blue-600" href="#">About</a>
+        </li>
+        <li class="flex-1 mr-12">
+          <a class="hover:text-blue-600" href="#">Skill</a>
+        </li>
+        <li class="flex-1 mr-12">
+          <a class="hover:text-blue-600" href="#">Experience</a>
+        </li>
+        <li class="flex-1 mr-12">
+          <a class="hover:text-blue-600" href="#">Blog</a>
+        </li>
+        <li class="flex-1 mr-12">
+          <a class="hover:text-blue-600" href="#">Contact</a>
+        </li>
+      </ul>
+    </nav>
+    <section id="title">
+      <div class="flex mb-4">
+        <div class="container w-1/2 bg-white">
+          <div class="text-right mx-auto px-5 pt-64">
+            <div class="text-black font-bold">
+              <div class="absolute pl-64 text-6xl text-blue-600">SHADDAM</div>
+              <p class="text-black text-5xl font-medium pt-16 pr-10">AMRU H.</p>
+              <p class="text-black text-2xl font-bold pt-16 pr-10">I'm a <span class="bg-black p-2 text-white">Front-End Developer</span></p>
+              <p class="text-black text-1xl font-medium pr-10 pt-2">live on Cimahi</p>
+            </div>
+          </div>
+        </div>
+        <div class="container w-1/2 bg-blue-600">
+          <div class="flex">
+            <img class="" src="img/shamah.png">
+          </div>
+        </div>
+      </div>
+    </section>
+</body>
+</html>
\ No newline at end of file