diff --git a/luckydiamond/src/assets/css/ComponentsStyles/DevelopComponent.css b/luckydiamond/src/assets/css/ComponentsStyles/DevelopComponent.css
index 4747fdd..f5e03d8 100644
--- a/luckydiamond/src/assets/css/ComponentsStyles/DevelopComponent.css
+++ b/luckydiamond/src/assets/css/ComponentsStyles/DevelopComponent.css
@@ -3,6 +3,62 @@
     height: 269px;
     flex-shrink: 0;
     border-radius: 22px;
+    border: 3px solid #595959 ;
+    border-color: #595959;
     background-color: #742271;
+    
 
-}
\ No newline at end of file
+}
+.text {
+    width: 211px;
+    height: 269px;
+ 
+}
+.aboutinfo {
+    margin-top: 5vh;
+    margin-left: 15px;
+  
+}
+.aboutinfo p {
+    font-family: 'Montserrat';
+    color: white;
+    font-size: 14px;
+    
+    width: 97px;
+    height: 19px;
+   
+    
+}
+.aboutinfo h1 {
+    font-family: 'Montserrat';
+    color: white;
+    font-size: 34px;
+}
+.whatjob {
+    display: flex;
+    width: 206px;
+    height: 16px;
+    background-color: rgb(0, 255, 255);
+    margin-left: 15px;
+}
+.whatjob img {
+    width: 15px;
+    height: 17px;
+}
+.icons {
+    width: 162px;
+    height: 36px; 
+    
+    display: flex;
+    
+    margin-top: 100px;
+    margin-left: 10px;
+    
+}
+.icons img {
+    width: 36px;
+    height: 36px;
+    border-radius: 10px;
+    
+    
+}
diff --git a/luckydiamond/src/assets/icons-developcard/busha888.png b/luckydiamond/src/assets/icons-developcard/busha888.png
new file mode 100644
index 0000000..de01255
Binary files /dev/null and b/luckydiamond/src/assets/icons-developcard/busha888.png differ
diff --git a/luckydiamond/src/assets/icons-developcard/github.png b/luckydiamond/src/assets/icons-developcard/github.png
new file mode 100644
index 0000000..bb789c2
Binary files /dev/null and b/luckydiamond/src/assets/icons-developcard/github.png differ
diff --git a/luckydiamond/src/assets/icons-developcard/html.png b/luckydiamond/src/assets/icons-developcard/html.png
new file mode 100644
index 0000000..1f1aa39
Binary files /dev/null and b/luckydiamond/src/assets/icons-developcard/html.png differ
diff --git a/luckydiamond/src/assets/icons-developcard/like.png b/luckydiamond/src/assets/icons-developcard/like.png
new file mode 100644
index 0000000..978c073
Binary files /dev/null and b/luckydiamond/src/assets/icons-developcard/like.png differ
diff --git a/luckydiamond/src/assets/icons-developcard/odniclasniki.png b/luckydiamond/src/assets/icons-developcard/odniclasniki.png
new file mode 100644
index 0000000..102fa08
Binary files /dev/null and b/luckydiamond/src/assets/icons-developcard/odniclasniki.png differ
diff --git a/luckydiamond/src/assets/icons-developcard/telegram.jpg b/luckydiamond/src/assets/icons-developcard/telegram.jpg
new file mode 100644
index 0000000..28d2e1c
Binary files /dev/null and b/luckydiamond/src/assets/icons-developcard/telegram.jpg differ
diff --git a/luckydiamond/src/components/DevelopComponent.vue b/luckydiamond/src/components/DevelopComponent.vue
index f29a29d..a40d0e2 100644
--- a/luckydiamond/src/components/DevelopComponent.vue
+++ b/luckydiamond/src/components/DevelopComponent.vue
@@ -1,7 +1,25 @@
 <template>
     <div class="info">
         <div class="card">
-
+<div class="text">
+<div class="aboutinfo">
+<p>фронтэндер</p>
+<h1><b>busha888</b></h1>
+</div>
+<div class="whatjob">
+<img src="@/assets/icons-developcard/html.png" alt="html">
+<p>HTML 5,CSS</p>
+</div>
+<div class="icons">
+<a href="https://tpverstak.ru/flex-cheatsheet/"><img src="@/assets/icons-developcard/odniclasniki.png" alt=""></a>
+<a href=""><img src="" alt=""></a>
+<a href=""><img src="" alt=""></a>
+<a href=""><img src="" alt=""></a>
+</div>
+</div>
+<div class="skin">
+    
+</div>
         </div>
     </div>
 </template>