diff --git a/public/assests/js/message.js b/public/assests/js/message.js
index 83cc9ac..32c7518 100755
--- a/public/assests/js/message.js
+++ b/public/assests/js/message.js
@@ -3,7 +3,8 @@ $(document).ready(function(){
 
   $('body').load('../public/assests/partials/app.html', function() {
   // $('body').append(pre);
-
+	  
+  $('body').find('.user-avatar').attr({"src" : $('#heading-avatar').data('src')});
 
 var heightFrom; //  global variable
 // Websocket Connection Open
@@ -134,10 +135,11 @@ function newConversation(element, load) {
 // Set Details
 function setConversationDetails(details) {
   $("#conversationHeading").html("");
+  
 
   var headingEle = $("<div></div>").addClass("col-sm-9 col-xs-9 heading-left");
   var headingAva = $("<div></div>").addClass("heading-avatar");
-  var headingImg = $("<img>").attr({"src" : "../public/assests/img/ankit.png"});
+  var headingImg = $("<img>").attr({"src" : $('#heading-avatar').data('src')});
   headingAva.append(headingImg);
   headingEle.append(headingAva);
 
diff --git a/public/assests/partials/app-demo.html b/public/assests/partials/app-demo.html
index 6974f5a..db143da 100755
--- a/public/assests/partials/app-demo.html
+++ b/public/assests/partials/app-demo.html
@@ -8,7 +8,7 @@
 
             <div class="col-sm-3 col-xs-3 heading-left">
               <div class="heading-avatar">
-                <img src="../public/assests/img/ankit.png">
+                <img src="../public/assests/img/ankit.png" class="user-avatar">
               </div>
             </div>
 
@@ -93,7 +93,7 @@
 
           <div class="col-sm-9 col-xs-9 heading-left">
             <div class="heading-avatar">
-              <img src="../public/assests/img/ankit.png">
+              <img src="../public/assests/img/ankit.png"  class="user-avatar">
             </div>
             <div class="heading-name">
               <a href="#" class="heading-name-meta">Ankit </a>
diff --git a/public/assests/partials/app.html b/public/assests/partials/app.html
index 027dd9f..edd02d3 100755
--- a/public/assests/partials/app.html
+++ b/public/assests/partials/app.html
@@ -8,7 +8,7 @@
 
             <div class="col-sm-3 col-xs-3 heading-left">
               <div class="heading-avatar">
-                <img src="../public/assests/img/ankit.png">
+                <img src="../public/assests/img/ankit.png" class="user-avatar">
               </div>
             </div>
 
diff --git a/sql/openchat.sql b/sql/openchat.sql
index 00c9227..ea38386 100755
--- a/sql/openchat.sql
+++ b/sql/openchat.sql
@@ -57,7 +57,8 @@ CREATE TABLE `profile` (
   `login_id` int(11) NOT NULL,
   `status` text,
   `education` text,
-  `gender` varchar(10) DEFAULT NULL
+  `gender` varchar(10) DEFAULT NULL,
+  `pic` longtext
 ) ENGINE=InnoDB DEFAULT CHARSET=latin1;
 
 
diff --git a/views/account.php b/views/account.php
index 35f2b28..1e0ec02 100755
--- a/views/account.php
+++ b/views/account.php
@@ -59,7 +59,7 @@
                     <div class="boxx" >
 
                         <div class="pic">
-                            <img src="../../public/assests/img/ankit.png">
+                            <img src="<?php echo !empty($row["pic"]) ? $row["pic"] : '../../public/assests/img/ankit.png';?>">
                         </div>
 
                         <div class="brief">
@@ -95,7 +95,9 @@
                     ?>
 
                     <div class="boxx" id="profile">
-                        <form method="post" action="../profile_generate.php">
+                        <form method="post" action="../profile_generate.php" enctype="multipart/form-data" >
+                            <label>User Pic:</label><br>
+    						<input type="file" name="userpic" accept="image/*"><br>
                             <label>Status : </label>
                             <textarea name="status" id="status"><?php echo $row['status']; ?></textarea>
                             <label>Education : </label>
diff --git a/views/message.php b/views/message.php
index 19481e3..1b2ce25 100755
--- a/views/message.php
+++ b/views/message.php
@@ -2,7 +2,9 @@
 
 require_once (dirname(__DIR__).'/vendor/autoload.php');
 use ChatApp\Session;
+use ChatApp\Profile;
 use Dotenv\Dotenv;
+
 $dotenv = new Dotenv(dirname(__DIR__));
 $dotenv->load();
 
@@ -21,9 +23,11 @@
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
   <script src="../public/assests/js/jquery-3.0.0.min.js"></script>
   <script src="../public/assests/js/bootstrap.min.js"></script>
-  <script type="text/javascript" src="../public/assests/js/message.js"></script>
+  <?php 
+  $userId = Session::get('start');
+  $data = Profile::getProfile($userId);?>
+  <script type="text/javascript" src="../public/assests/js/message.js" id="heading-avatar" data-src="<?php echo !empty($data["pic"]) ? $data["pic"] : '../../public/assests/img/ankit.png';?>"></script>
 </head>
-
 <body>
 
 
diff --git a/views/profile_generate.php b/views/profile_generate.php
index f725c33..6c3edf7 100755
--- a/views/profile_generate.php
+++ b/views/profile_generate.php
@@ -22,7 +22,17 @@
         $status = get($_POST['status'], $data['status']);
         $edu = get($_POST['education'], $data['education']);
         $gender = get($_POST['gender'], $data['gender']);
-        $query = "UPDATE profile set status = '$status', education = '$edu', gender = '$gender' where login_id = '$userId'";
+        
+        if(!empty($_FILES["userpic"]["tmp_name"])){
+            
+            $path = $_FILES["userpic"]["tmp_name"];
+            $type = pathinfo($path, PATHINFO_EXTENSION);
+            $data = file_get_contents($path);
+            $base64pic = 'data:image/' . $type . ';base64,' . base64_encode($data);
+          
+            $pic = get($base64pic, $data['pic']);
+        }
+        $query = "UPDATE profile set status = '$status', education = '$edu', gender = '$gender', pic = '$pic' where login_id = '$userId'";
         if ($result = $connect->query($query)) {
             header('Location:'.getenv('APP_URL').'/views/account.php');
         } else {