diff --git a/index.html b/index.html
index a21050e..4b810d9 100644
--- a/index.html
+++ b/index.html
@@ -2,10 +2,65 @@
 <html lang="en">
 <head>
     <title>Exercise 1</title>
+    <style>
+        * {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+.biodata {
+    background-color: white;
+}
+
+.nama {
+    margin: auto;
+    width: 50%;
+    border: 2px red dotted;
+    display: flex;
+    
+}
+.aja {
+    margin: auto;
+    display: flex;
+}
+
+.satu{
+    margin-left: 100px;
+    width: 40%;
+    height: 100px;
+    margin: auto;
+    padding: 10px;
+}
+.satu p {
+
+}
+.dua {
+    width: 400px;
+    height: 100px;
+    margin: auto;
+    padding: 10px;
+}
+        <style/>
 </head>
 <body>
     <center>
-        <h1>Biodata</h1>
+        <h1 class="biodata">Biodata</h1>
     </center>
+        <div class="nama">
+            <div class="aja">
+                <div class="satu">
+                    <p><b>Nama</b></p>
+                    <p><b>Alamat</b></p>
+                    <p><b>No. Kontak</b></p>
+                    <p><b>Email</b></p>
+                </div>
+                <div class="dua">
+                    <p>:   Sahlan Haryono</p>
+                    <p>:   Gamping, Bodeh, Yogyakarta</p>
+                    <p>:   08562613560</p>
+                    <p>:   <em>sahlanh@outlook.com</em>/p>
+                </div>
+            </div>
+        </div>
 </body>
 </html>
