diff --git a/css/dashboard.css b/css/dashboard.css
new file mode 100644
index 0000000000000000000000000000000000000000..c4a687e39d253ec93c1dcd12f386a448e691f838
--- /dev/null
+++ b/css/dashboard.css
@@ -0,0 +1,53 @@
+.header {
+ font-size: 0;
+}
+.logo, .logout-panel {
+ width: 50%;
+ display: inline-block;
+ vertical-align: top;
+}
+
+.logout-panel {
+ font-size: initial;
+ text-align: right;
+}
+
+.menu {
+ width: 100%;
+ font-size: 0;
+}
+
+.submenu {
+ padding: 15px;
+ text-align: center;
+ display: inline-block;
+ box-sizing: border-box;
+ width: 33.33%;
+ border: 1px solid #000;
+ font-size: 2rem;
+ font-weight: bold;
+}
+
+.selected {
+ background-color: #215118;
+ color: #FFF;
+}
+
+.sub-header {
+ font-size: 0;
+}
+
+.sub-header-heading, .edit-icon {
+ display: inline-block;
+ font-size: initial;
+ width: 50%;
+}
+
+.edit-icon {
+ text-align: right;
+}
+
+.user-profile {
+ width: 100%;
+ text-align: center;
+}
\ No newline at end of file
diff --git a/view/dashboard.php b/view/dashboard.php
new file mode 100644
index 0000000000000000000000000000000000000000..95fbbb82ebed2622a50861d8b9e7fa54702beba5
--- /dev/null
+++ b/view/dashboard.php
@@ -0,0 +1,44 @@
+<html>
+<head>
+ <title>User Dashboard</title>
+ <link href="../css/primary.css" type="text/css" rel="stylesheet" />
+ <link href="../css/dashboard.css" type="text/css" rel="stylesheet" />
+</head>
+<body>
+ <div class="header">
+ <div class="logo"><img src="../img/logo.png" /></div>
+ <div class="logout-panel">
+ <div id="username"></div>
+ <a href="index.html">Logout</a>
+ </div>
+ </div>
+ <div class="menu">
+ <div class="submenu">ORDER</div>
+ <div class="submenu">HISTORY</div>
+ <div class="submenu selected">PROFILE</div>
+ </div>
+ <div class="sub-header">
+ <div class="sub-header-heading"><h1>MY PROFILE</h1></div>
+ <div class="edit-icon"><img src="../img/pencil.png" /></div>
+ </div>
+ <div class="user-profile">
+ <div id="user-image">a</div>
+ <h1 id="username">a</h1>
+ <div id="name">a</div>
+ <div id="driver-stats">a</div>
+ <img src="../img/mail.png" /><div id="email">a@gmail</div>
+ <img src="../img/phone.png" /><div id="phone">08080</div>
+ </div>
+ <div class="sub-header">
+ <div class="sub-header-heading"><h1>PREFERRED LOCATION</h1></div>
+ <div class="edit-icon"><img src="../img/pencil.png" /></div>
+ </div>
+ <div class="user-location">
+ <ul type="square" id="user-location">
+ <li>a</li>
+ <li>b</li>
+ <li>c</li>
+ </ul>
+ </div>
+</body>
+</html>
\ No newline at end of file