diff --git a/src/profile.html b/src/profile.html
new file mode 100644
index 0000000000000000000000000000000000000000..69d1f4bcb5efe97c5b3af19eb1b25d8ca35591e0
--- /dev/null
+++ b/src/profile.html
@@ -0,0 +1,80 @@
+<!DOCTYPE html>
+
+<html>
+  <head>
+    <title>Profile</title>
+    <link rel="stylesheet" href="css/fan2.css"/>
+  </head>
+
+  <body>
+    <div class="card mcenter bdrthin">
+
+      <div class="rowflex">
+        <div class="flexone">
+          <div>
+            <span class="font-header" style="color: green;">PR</span>
+            -
+            <span class="font-header" style="color: red;">OJEK</span>
+          </div>
+          <div style="color: green;">
+            wushh... wushh... ngeeeeeeenggg...
+          </div>
+        </div>
+
+        <div class="mtop10 flexone textright">
+          <span>Hi, </span>
+          <span id="username">pikapikachu</span>
+          <br  />
+          <a href="#">Logout</a>
+        </div>
+      </div>
+
+      <div class="mtop10 rowflex">
+            <div class="flexone box font-navbar">ORDER</div>
+            <div class="flexone box font-navbar">HISTORY</div>
+            <div class="flexone box font-navbar selected-navbar">MY PROFILE</div>
+      </div>
+
+      <div class="mtop10">
+        <span class="font-title flexone">MY PROFILE</span>
+        <img class="mtop10 float-right editpic flexone" src="img/pencil.png" />
+      </div>
+
+
+      <div class="mtop30 textcenter" >
+        <img class="profilepic" src="img/foto-profil.jpg" />
+        <div id="username">
+          @pikapikachu
+        </div>
+        <div id="fullname">
+          Pikachu Smith
+        </div>
+        <span id="isdriver">Driver</span>
+        <span >| 4.7 (1,728 votes)</span>
+        <div id="email">
+          pikachu@pokemonworld.net
+        </div>
+        <div id="phone">
+          0899123156123
+        </div>
+      </div>
+
+      <div class="mtop10">
+        <span class="font-header flexone">PREFERRED LOCATIONS</span>
+        <img class="mtop10 float-right editpic flexone" src="img/pencil.png" />
+      </div>
+      <ul>
+        <li>
+          Pewter City
+        </li>
+        <li>
+          Saffron City
+        </li>
+        <li>
+          Skypillar tower
+        </li>
+      </ul>
+
+    </div>
+  </body>
+</html>