From fa730b1b0b2f9d2a6d38abef3d66acca8faacfdd Mon Sep 17 00:00:00 2001
From: Madara0330E <summoners2011sss@gmail.com>
Date: Fri, 2 Feb 2024 17:37:10 +0300
Subject: [PATCH] card

---
 .../css/ComponentsStyles/DevelopComponent.css | 61 +++++++++++++++----
 .../src/components/DevelopComponent.vue       | 27 +++++---
 2 files changed, 68 insertions(+), 20 deletions(-)

diff --git a/luckydiamond/src/assets/css/ComponentsStyles/DevelopComponent.css b/luckydiamond/src/assets/css/ComponentsStyles/DevelopComponent.css
index f5e03d8..cf17dca 100644
--- a/luckydiamond/src/assets/css/ComponentsStyles/DevelopComponent.css
+++ b/luckydiamond/src/assets/css/ComponentsStyles/DevelopComponent.css
@@ -1,3 +1,9 @@
+.info {
+    justify-content: center;
+    align-items: center;
+    display: flex;
+}
+/*beginning card 1*/
 .card {
     width: 422px;
     height: 269px;
@@ -6,40 +12,45 @@
     border: 3px solid #595959 ;
     border-color: #595959;
     background-color: #742271;
-    
+    display: flex;
+    flex-direction: row;
 
 }
+
 .text {
     width: 211px;
     height: 269px;
+
  
 }
 .aboutinfo {
-    margin-top: 5vh;
+    margin-top: 30px;
     margin-left: 15px;
-  
+    
+    
 }
 .aboutinfo p {
     font-family: 'Montserrat';
     color: white;
     font-size: 14px;
-    
     width: 97px;
-    height: 19px;
-   
-    
+    height: 16px;
 }
 .aboutinfo h1 {
     font-family: 'Montserrat';
     color: white;
-    font-size: 34px;
+    font-size: 32px;
+    
 }
 .whatjob {
     display: flex;
-    width: 206px;
+    width: 183px;
     height: 16px;
-    background-color: rgb(0, 255, 255);
+    
     margin-left: 15px;
+    font-family: 'Montserrat';
+   
+    margin-top: 30px;
 }
 .whatjob img {
     width: 15px;
@@ -48,11 +59,12 @@
 .icons {
     width: 162px;
     height: 36px; 
-    
+    justify-content: space-around;
     display: flex;
     
-    margin-top: 100px;
-    margin-left: 10px;
+    margin-top: 95px;
+    margin-left: 27px;
+    margin-bottom: 11px;
     
 }
 .icons img {
@@ -62,3 +74,26 @@
     
     
 }
+.skin {
+    margin-right: 13px;
+    margin-top: 51px;
+    margin-bottom: 3px;
+    
+    
+}
+.skin img {
+    width: 212px;
+    height: 212px;
+}
+/*the and card 1*/
+
+/*beginning card 2*/
+
+.card-2 {
+    width: 250px;
+    width: 443px;
+    background-color: #413C3B;
+   
+   
+}
+
diff --git a/luckydiamond/src/components/DevelopComponent.vue b/luckydiamond/src/components/DevelopComponent.vue
index f5087c5..7cd0364 100644
--- a/luckydiamond/src/components/DevelopComponent.vue
+++ b/luckydiamond/src/components/DevelopComponent.vue
@@ -4,7 +4,7 @@
       <div class="text">
         <div class="aboutinfo">
           <p>фронтэндер</p>
-          <h1><b>busha888</b></h1>
+          <h1>busha888</h1>
         </div>
         <div class="whatjob">
           <img src="@/assets/icons-developcard/html.png" alt="html">
@@ -12,16 +12,29 @@
         </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>
+          <a href=""><img src="@/assets/icons-developcard/telegram.png" alt=""></a>
+          <a href=""><img src="@/assets/icons-developcard/like.png" alt=""></a>
+          <a href=""><img src="@/assets/icons-developcard/github.png" alt=""></a>
+        </div>
+      </div>
+      <div class="skin">
+        <img src="@/assets/icons-developcard/busha888.png" alt="">
+        </div>
+    </div>
+    <div class="card2">
+      <div class="text_2">
+        <div class="aboutinfo_2">
+
+        </div>
+        <div class="whatjob_2">
+
+        </div>
+        <div class="skin_2">
+          
         </div>
       </div>
     </div>
   </div>
-<div class="skin">
-
-</div>
 
 </template>