diff --git a/luckydiamond/src/assets/css/ComponentsStyles/DevelopComponent.css b/luckydiamond/src/assets/css/ComponentsStyles/DevelopComponent.css
index 13dbe3a..ae9597e 100644
--- a/luckydiamond/src/assets/css/ComponentsStyles/DevelopComponent.css
+++ b/luckydiamond/src/assets/css/ComponentsStyles/DevelopComponent.css
@@ -96,16 +96,12 @@
     border: 3px solid #595959 ;
     border-color: #595959;
     border-radius: 22px;
-   
-    
-    
 }
 .text_2 {
     width: 244px;
     height: 221.5px;
     display: inline-block;
     flex-flow: column-reverse;
-    
 }
 
 .aboutinfo_2 {
@@ -168,7 +164,10 @@
     justify-content: space-around;
     display: flex;
     align-items: flex-end;
-   
+}
+.skinicons1 {
+   justify-content: space-around;
+    display: flex;
 }
 
 
diff --git a/luckydiamond/src/assets/icons-developcard/Figma.png b/luckydiamond/src/assets/icons-developcard/Figma.png
new file mode 100644
index 0000000..cbcbe84
Binary files /dev/null and b/luckydiamond/src/assets/icons-developcard/Figma.png differ
diff --git a/luckydiamond/src/assets/icons-developcard/Vue.png b/luckydiamond/src/assets/icons-developcard/Vue.png
new file mode 100644
index 0000000..ad48fa0
Binary files /dev/null and b/luckydiamond/src/assets/icons-developcard/Vue.png differ
diff --git a/luckydiamond/src/assets/icons-developcard/js.png b/luckydiamond/src/assets/icons-developcard/js.png
new file mode 100644
index 0000000..f50f93c
Binary files /dev/null and b/luckydiamond/src/assets/icons-developcard/js.png differ
diff --git a/luckydiamond/src/components/DevelopComponent.vue b/luckydiamond/src/components/DevelopComponent.vue
index d5a3bf4..d018dc7 100644
--- a/luckydiamond/src/components/DevelopComponent.vue
+++ b/luckydiamond/src/components/DevelopComponent.vue
@@ -38,9 +38,12 @@
         </div>
         <div class="skin_2">
           <div class="skin_2_skin">
+            
+            <div class="skinicons1">
             <a href=""><img src="@/assets/icons-developcard/telegram.png" alt=""></a>
             <a href=""><img src="@/assets/icons-developcard/discord.png" alt=""></a>
             <a href=""><img src="@/assets/icons-developcard/github.png" alt=""></a>
+            </div>
           </div>
         </div>
       
diff --git a/luckydiamond/src/mocks/object.js b/luckydiamond/src/mocks/object.js
new file mode 100644
index 0000000..c596717
--- /dev/null
+++ b/luckydiamond/src/mocks/object.js
@@ -0,0 +1,84 @@
+export default [
+   {
+    Rafael1209:{
+        username:"Rafael1209",
+        background:"#636363",
+        tehnologi_text:"ASP,.NET,MongoDB,Designer",
+        icons_tehnologi:{
+            github: "@/assets/icons-developcard/github.png",
+            discord: "@/assets/icons-developcard/discord.png",
+            telegram: "@/assets/icons-developcard/telegram.png",
+            C_sharp: "@/assets/icons-developcard/Logo_C_sharp.png",
+            Figma: "@/assets/icons-developcard/Figma.png"
+        }
+    },
+    Hepatir:{
+        username:"Hepatir",
+        background:"#595959",
+        tehnologi_text:"ASP,.NET,MongoDB,SQL",
+        icons_tehnologi:{
+            github: "@/assets/icons-developcard/github.png",
+            discord: "@/assets/icons-developcard/discord.png",
+            C_sharp: "@/assets/icons-developcard/Logo_C_sharp.png",
+            telegram: "@/assets/icons-developcard/telegram.png",
+            pngegg: "@/assets/icons-developcard/pngegg.png"
+        }
+   },
+   Ckutls_:{
+    username:"Ckutls_",
+    background:"#B88484",
+    tehnologi_text:"HTML 5, CSS,JavaScript,Vue 3",
+    icons_tehnologi:{
+        github: "@/assets/icons-developcard/github.png",
+        discord: "@/assets/icons-developcard/discord.png",
+        telegram: "@/assets/icons-developcard/telegram.png",
+        js: "@/assets/icons-developcard/js.png",
+        Vue: "@/assets/icons-developcard/Vue.png"
+    }
+},
+FUpir:{
+    username:"FUpir",
+    background:"#C58E74",
+    tehnologi_text:"Designer",
+    icons_tehnologi:{
+        discord: "@/assets/icons-developcard/discord.png",
+        telegram: "@/assets/icons-developcard/telegram.png",
+        Figma: "@/assets/icons-developcard/Figma.png"
+    }
+},
+megatntmega:{
+    username:"megatntmega",
+    background:"#393A3A",
+    tehnologi_text:"Designer",
+    icons_tehnologi:{
+        discord: "@/assets/icons-developcard/discord.png",
+        telegram: "@/assets/icons-developcard/telegram.png",
+        Figma: "@/assets/icons-developcard/Figma.png"
+    }
+},
+busha888:{
+    username:"busha888",
+    background:"#742271",
+    tehnologi_text:"HTML 5, CSS",
+    icons_tehnologi:{
+        github: "@/assets/icons-developcard/github.png",
+        telegram: "@/assets/icons-developcard/telegram.png",
+        odniclasniki: "@/assets/icons-developcard/odniclasniki.png",
+        like: "@/assets/icons-developcard/like.png",
+        html: "@/assets/icons-developcard/html.png"
+    }
+},
+CLARFFY:{
+    username:"CLARFFY",
+    background:"#742271",
+    tehnologi_text:"Designer",
+    icons_tehnologi:{
+        discord: "@/assets/icons-developcard/discord.png",
+        telegram: "@/assets/icons-developcard/telegram.png",
+        Figma: "@/assets/icons-developcard/Figma.png"
+
+    }
+},
+   }
+]
+