diff --git a/edit.html b/edit.html
index 67d507b..5141a53 100644
--- a/edit.html
+++ b/edit.html
@@ -140,6 +140,10 @@ <h1>Edit Profile Information</h1>
           <label for="medium">Medium:</label>
           <input class="form-control" id="medium" type="text">
         </div>
+        <div class="preference">
+          <label for="dev">Dev.to:</label>
+          <input class="form-control" id="dev" type="text">
+        </div>
         <div class="preference">
           <label for="text">Twitter:</label>
           <input class="form-control" id="twitter" type="text" >
@@ -152,6 +156,10 @@ <h1>Edit Profile Information</h1>
           <label for="gitlab">Gitlab:</label>
           <input class="form-control" id="gitlab" type="text" >
         </div>
+        <div class="preference">
+          <label for="bitbucket">Bitbucket:</label>
+          <input class="form-control" id="bitbucket" type="text" >
+        </div>
         <div class="preference">
           <label for="quora">Quora:</label>
           <input class="form-control" id="quora" type="text">
diff --git a/images/dev-logo.svg b/images/dev-logo.svg
new file mode 100644
index 0000000..14bfce8
--- /dev/null
+++ b/images/dev-logo.svg
@@ -0,0 +1 @@
+<?xml version="1.0" ?><!DOCTYPE svg  PUBLIC '-//W3C//DTD SVG 1.1//EN'  'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'><svg height="512px" style="enable-background:new 0 0 512 512;" version="1.1" viewBox="0 0 512 512" width="512px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="_x38_4-dev"><g><path d="M149.339,207.013c-3.984-2.978-7.979-4.467-11.964-4.467h-17.907v107.268h17.918c3.984,0,7.979-1.489,11.963-4.465    c3.982-2.978,5.977-7.444,5.977-13.409v-71.518C155.313,214.467,153.313,209.989,149.339,207.013z M440.925,26.001H71.076    c-24.847,0-45.014,20.115-45.074,44.974v370.05c0.061,24.86,20.228,44.975,45.074,44.975h369.849    c24.856,0,45.013-20.114,45.073-44.975V70.975C485.938,46.116,465.771,26.001,440.925,26.001z M184.332,292.131    c0,19.314-11.922,48.579-49.655,48.518H87.032V170.757h48.648c36.39,0,48.63,29.222,48.64,48.546L184.332,292.131L184.332,292.131    z M287.707,201.099h-54.706v39.448h33.44v30.361h-33.44v39.438h54.718v30.363h-63.847c-11.458,0.296-20.987-8.759-21.274-20.218    V192.031c-0.278-11.448,8.789-20.956,20.237-21.242h64.884L287.707,201.099L287.707,201.099z M394.122,319.477    c-13.554,31.574-37.836,25.289-48.711,0l-39.561-148.679h33.442l30.506,116.767l30.363-116.767h33.45L394.122,319.477    L394.122,319.477z"/></g></g><g id="Layer_1"/></svg>
\ No newline at end of file
diff --git a/popup.html b/popup.html
index 67f5715..6ab1771 100644
--- a/popup.html
+++ b/popup.html
@@ -14,7 +14,7 @@
         margin: 0;
         min-height: 180px;
         padding: 0;
-        width: 550px;
+        width: 640px;
       }
 
       h1 {
@@ -32,10 +32,6 @@
         text-decoration: none;
       }
 
-      img {
-        width: 30px;
-      }
-
       .modal-header {
         align-items: center;
         border-bottom: 0.5px solid #dadada;
@@ -58,6 +54,7 @@
       .logo-icon {
         vertical-align: text-bottom;
         margin-right: 12px;
+        width: 30px;
       }
 
       .flex-container {
@@ -106,6 +103,15 @@
       .flex:hover div{
         visibility: visible;
       }
+      #insta {
+        background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
+        -webkit-background-clip: text;
+                background-clip: text;
+        -webkit-text-fill-color: transparent;    
+      }
+      .dev{
+        width: 40px;
+      }
     </style>
     
   </head>
@@ -129,53 +135,62 @@ <h1 class="logo">
       <div class="flex-container">
         <div class="flex">
           <a id="website_link" href="#!" target="_blank">
-            <i class="fa fa-globe" style="color:darksalmon "></i>
+            <i class="fa fa-globe" style="color: #4c8bf5 "></i>
           </a>
         </div>
          <div class="flex">
           <a id="linkedin_link" href="#!" target="_blank">
-            <i class="fa fa-linkedin" style="color:rgb(52, 92, 177) "></i>
+            <i class="fa fa-linkedin" style="color: #2867B2 "></i>
           </a>
         </div>
         <div class="flex">
           <a id="medium_link" href="#!" target="_blank">
-            <i class="fa fa-medium" style="color:darkblue "></i>
+            <i class="fa fa-medium" style="color:black "></i>
           </a>
         </div>
         <div class="flex">
           <a id="twitter_link" href="#!" target="_blank">
-            <i class="fa fa-twitter" style="color:blue "></i>
+            <i class="fa fa-twitter" style="color:#00acee "></i>
           </a>
         </div>
         <div class="flex">
           <a id="github_link" href="#!" target="_blank">
-            <i class="fa fa-github" style="color: rgb(46, 180, 28) "></i>
+            <i class="fa fa-github" style="color:black "></i>
           </a>
         </div>
         <div class="flex">
           <a id="stackoverflow_link" href="#!" target="_blank">
-            <i class="fa fa-stack-overflow" style="color:palevioletred "></i>
+            <i class="fa fa-stack-overflow" style="color:#F67A00 "></i>
           </a>
         </div>
         <div class="flex">
           <a id="quora_link" href="#!" target="_blank">
-            <i class="fa fa-quora" style="color:red "></i>
+            <i class="fa fa-quora" style="color:#a62100 "></i>
           </a>
         </div>
         <div class="flex">
           <a id="gitlab_link" href="#!" target="_blank">
-            <i class="fa fa-gitlab" style="color:#3c797b "></i>
-            
+            <i class="fa fa-gitlab" style="color:#e24329 "></i>
+          </a>
+        </div>
+        <div class="flex">
+          <a id="bitbucket_link" href="#!" target="_blank">
+            <i class="fa fa-bitbucket" style="color:#253858 "></i>
+          </a>
+        </div>
+        <div class="flex">
+          <a id="dev-link" href="#!" target="_blank">
+            <img class="dev" src="images/dev-logo.svg" />
           </a>
         </div>
         <div class="flex">
           <a id="facebook_link" href="#!" target="_blank">
-            <i class="fa fa-facebook" style="color: darkblue"></i>
+            <i class="fa fa-facebook" style="color:#3b5998"></i>
           </a>
         </div>
         <div class="flex">
           <a id="instagram_link" href="#!" target="_blank">
-            <i class="fa fa-instagram" style="color:violet "></i>
+            <i class="fa fa-instagram" id = "insta"></i>
           </a>
         </div>
       </div>