diff --git a/src/components/Profile.vue b/src/components/Profile.vue
new file mode 100644
index 0000000..a041ccd
--- /dev/null
+++ b/src/components/Profile.vue
@@ -0,0 +1,123 @@
+<template>
+  <main class="landing-page">
+    
+
+    
+      <div class="container-fluid inner-wrp">
+
+      
+      <nav class="navbar navbar-expand-sm spotLight-nav">
+        <a class="navbar-brand" href="#"><img src="../assets/images/logo.png" /></a>
+        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExample03" aria-controls="navbarsExample03" aria-expanded="false" aria-label="Toggle navigation">
+          <span class="navbar-toggler-icon"></span>
+          <span class="navbar-toggler-icon"></span>
+          <span class="navbar-toggler-icon"></span>
+        </button>
+      
+        <div class="collapse navbar-collapse" id="navbarsExample03">
+          <ul class="navbar-nav mr-auto">
+            <li class="nav-item active">
+              <a class="nav-link" href="#">About</a>
+            </li>
+            <li class="nav-item">
+              <a class="nav-link" href="#">Masterclass</a>
+            </li>
+            <li class="nav-item">
+              <a class="nav-link" href="#">Stories</a>
+            </li>
+            <li class="nav-item">
+              <a class="nav-link" href="#">Library</a>
+            </li>
+          </ul>
+        </div>
+        <div class="user-profile-photo">
+          <a href="#"><img src="../assets/images/user.png" /></a>
+        </div>
+      </nav><!-- menu wrapper -->
+    <div class="row profile-tab-spc-top">
+      <div class="col-sm-8 col-md-12 col-lg-8 col-xl-8">
+<img src="../assets/images/user.png" class="inner-profile-ps" />
+<div class="user-profile">
+  <h1>Vamsi Krishna <a href="#" class="tags">Maker</a></h1>
+  <ul class="joined-info">
+    <li><a href="#">Add your work</a>  <img src="../assets/images/u-info-icon.png" /> <span></span></li>
+    <li><a href="#">34772 Karma</a> <span></span> </li>
+    <li><a href="#">Joined on july 2020</a></li>
+  </ul>
+  <p>Tell others a little about yourself</p>
+
+</div>
+
+      </div><!-- user profile -->
+      <div class="col-sm-4 col-md-12 col-lg-4 col-xl-4">
+        <div class="list-style-group">
+          <p>Awards</p>
+<ul class="list-style">
+  <li><a href="#"><img src="../assets/images/icon-1.png" /></a></li>
+</ul>
+        </div><!-- list style -->
+
+      </div>
+    </div>
+    <div class="clearfix"></div>
+  <div class="row top-brd profile-tab-spc-top">
+<div class="col-sm-8 col-md-8 col-lg-8 col-xl-8">
+<ul class="profile-tab">
+  <li class="active"><a href="#">Case-studies(0)</a></li>
+  <li><a href="#">Comments/Replies(0)</a></li>
+</ul>
+
+</div>
+<div class="col-sm-4 col-md-4 col-lg-4 col-xl-4">
+<ul class="social-connects">
+  <li><span>Follow</span></li>
+  <li><a href="#" class="active"><img src="../assets/images/plus.png" /></a> <span class="connect-social-channel">Connect your social channels</span></li>
+</ul>
+  
+</div>
+  </div><!-- tab style -->
+  <div class="profile-data-wrp">
+<div class="container-fluid data-wrp">
+<div class="row">
+<div class="col-lg-12">
+  <div class="profile-buttons">
+    <a href="#" class="profile-sm-bt center-and-spc bt-active">Update Profile</a>
+    <a href="#" class="profile-md-bt center-and-spc">Explore Case-studies</a>
+    <a href="#" class="profile-lg-bt">Publish Your Case Study</a>
+  </div>
+</div>
+</div>
+</div>
+
+  </div><!-- data wrp -->
+      <!-- body wrapper -->
+    </div>
+  </main>
+</template>
+
+<script>
+
+import Vue from "vue";
+import router from "../router";
+import $ from "jquery";
+
+export default {
+  name: "Profile",
+
+  data() {
+    return {
+      loggedinFlag: false,
+    };
+  },
+  mounted() {},
+  methods: {
+    login() {},
+    goToSignUp(){
+      this.$router.push("/signup");
+    },
+    goToReset() {
+      this.$router.push("/reset");
+    },
+  },
+};
+</script>
diff --git a/src/router/index.js b/src/router/index.js
index 083ad51..c5867c0 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -4,6 +4,7 @@ import { authGuard } from "../auth/authGuard"
 import LandingPage from '@/components/LandingPage'
 import SignUp from '@/components/SignUp'
 import Reset from '@/components/Reset'
+import Profile from '@/components/Profile'
 import welcome from '@/components/welcome'
 
 import router from '../router'
@@ -32,6 +33,11 @@ export default new Router({
             path: '/reset',
             name: 'Reset',
             component: Reset,
+        },
+        {
+            path: '/profile',
+            name: 'Profile',
+            component: Profile,
         }
         
     ],