diff --git a/foto.jpg b/foto.jpg
new file mode 100644
index 0000000..d1b27b5
Binary files /dev/null and b/foto.jpg differ
diff --git a/index.html b/index.html
index a21050e..987bf1e 100644
--- a/index.html
+++ b/index.html
@@ -1,11 +1,64 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
     <title>Exercise 1</title>
+    <link rel="stylesheet" href="style.css" type="text/css">
 </head>
+
 <body>
     <center>
         <h1>Biodata</h1>
+        <h2>Yufi Ariftiyo Sidi</h2>
+        <hr color="gold">
+        <img src="foto.jpg" class="foto" alt="foto">
     </center>
+    <br>
+
+    <h2>Profile</h2>
+    <p>
+        Hello, my name is Yufi Ariftiyo Sidi. My friends and my family call me yupi. I’m a fresh graduate student from
+        Mercu Buana University. I love to learn something new, I can work in team and
+        individual as well.
+    </p>
+
+    <h2>Address</h2>
+    <p>
+        Pondok Pakulonan Blok H2/17 RT 03/04 Kel. Pakualam Kec. Serpong Utara Tangerang Selatan
+    </p>
+
+    <h2>Contact</h2>
+    <p>
+        PHONE: 0857-1630-5228 <br>
+        EMAIL: yupi41@gmail.com
+    </p>
+
+    <h2>Education</h2>
+    <p>
+        Mercu Buana University 2015 - 2019 | Bachelor Degree of Information System with GPA 3.71 <br>
+        SMA Yuppentek 1 Tangerang 2013 - 2015 | IPA
+    </p>
+
+    <h2>Work Experience</h2>
+    <p>
+        PT. Paragon Technology Innovation - ETL Internship | March 2018 – June 2018 | Working with Pentaho Data
+        Integration and PostgreSQL. <br>
+
+        PT. Jagat Genta Teknologi - Programmer | June 2018 – November 2018 | Develop a web application to benchmark
+        smartphone battery for JagatReview
+    </p>
+
+    <h2>Skills</h2>
+    <ul>
+        <li>PHP</li>
+        <li>SQL</li>
+        <li>CSS</li>
+        <li>CodeIgniter</li>
+        <li>JavaScript</li>
+        <li>Java</li>
+        <li>C++</li>
+        <li>Microsoft Office</li>
+    </ul>
 </body>
+
 </html>
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..c57f09f
--- /dev/null
+++ b/style.css
@@ -0,0 +1,36 @@
+body{
+    background: linear-gradient(94deg, rgba(11,9,43,1) 0%, rgba(17,17,139,1) 43%, rgba(2,18,80,0.6138830532212884) 100%);
+}
+
+h1{
+    color: gold;
+}
+
+h2{
+    color: gold;
+    font: 22px arial, sans-serif;
+    font-weight: bold;
+}
+
+.foto{
+  float: center;
+  width: 180px;
+}
+
+p{
+    color: whitesmoke;
+    font-family: arial;
+    font-size: 16px;
+    padding: 0px;
+    margin:5px;
+    text-align: justify;
+}
+
+li{
+    color: whitesmoke;
+    font-family: arial;
+    font-size: 16px;
+    padding: 0px;
+    margin:5px;
+    text-align: justify;
+}
\ No newline at end of file
