diff --git a/luckydiamond/src/assets/css/ComponentsStyles/DevelopComponent.css b/luckydiamond/src/assets/css/ComponentsStyles/DevelopComponent.css
index cf17dca..f26fe63 100644
--- a/luckydiamond/src/assets/css/ComponentsStyles/DevelopComponent.css
+++ b/luckydiamond/src/assets/css/ComponentsStyles/DevelopComponent.css
@@ -1,5 +1,5 @@
.info {
- justify-content: center;
+ flex-direction: column;
align-items: center;
display: flex;
}
@@ -91,9 +91,88 @@
.card-2 {
width: 250px;
- width: 443px;
+ height: 443px;
background-color: #413C3B;
+ border: 3px solid #595959 ;
+ border-color: #595959;
+ border-radius: 22px;
+
+
+}
+.text_2 {
+ width: 250px;
+ height: 221.5px;
+ display: inline-block;
+ flex-flow: column-reverse;
+
+}
+
+.aboutinfo_2 {
+ margin-top: 30px;
+ margin-left: 19px;
+
+}
+.aboutinfo_2 p {
+ font-family: 'Montserrat';
+ color: white;
+ font-size: 14px;
+ width: 79px;
+ height: 19px;
+}
+.aboutinfo_2 h1 {
+ font-family: 'Montserrat';
+ color: white;
+ font-size: 32px;
+ width: 177px;
+ height: 37px;
+
+}
+.whatjob_2 {
+ display: flex;
+ width: 183px;
+ height: 16px;
+ margin-left: 24px;
+ font-family: 'Montserrat';
+ margin-top: 30px;
+}
+.whatjob_2 img {
+ width: 17px;
+ height: 20px;
+}
+.whatjob2_2 {
+ display: flex;
+ width: 183px;
+ height: 16px;
+ margin-left: 22px;
+
+ font-family: 'Montserrat';
+ margin-top: 10px;
+}
+.whatjob2_2 img {
+ width: 21px;
+ height: 21px;
+}
+.skin_2 {
+ width: 250px;
+ height: 221.5px;
+ display: inline-block;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+.skin_2_skin {
+ width: 212px;
+ height: 212px;
+ background-image: url(@/assets/icons-developcard/Hepatir.png);
+ justify-content: space-around;
+ display: flex;
+ align-items: flex-end;
}
+
+
+
+
+
diff --git a/luckydiamond/src/assets/icons-developcard/Hepatir.png b/luckydiamond/src/assets/icons-developcard/Hepatir.png
new file mode 100644
index 0000000..9eb1a94
Binary files /dev/null and b/luckydiamond/src/assets/icons-developcard/Hepatir.png differ
diff --git a/luckydiamond/src/assets/icons-developcard/Logo_C_sharp.png b/luckydiamond/src/assets/icons-developcard/Logo_C_sharp.png
new file mode 100644
index 0000000..905bd58
Binary files /dev/null and b/luckydiamond/src/assets/icons-developcard/Logo_C_sharp.png differ
diff --git a/luckydiamond/src/assets/icons-developcard/discord.png b/luckydiamond/src/assets/icons-developcard/discord.png
new file mode 100644
index 0000000..cb46998
Binary files /dev/null and b/luckydiamond/src/assets/icons-developcard/discord.png differ
diff --git a/luckydiamond/src/assets/icons-developcard/pngegg.png b/luckydiamond/src/assets/icons-developcard/pngegg.png
new file mode 100644
index 0000000..5d2e527
Binary files /dev/null and b/luckydiamond/src/assets/icons-developcard/pngegg.png differ
diff --git a/luckydiamond/src/components/DevelopComponent.vue b/luckydiamond/src/components/DevelopComponent.vue
index 7cd0364..d5a3bf4 100644
--- a/luckydiamond/src/components/DevelopComponent.vue
+++ b/luckydiamond/src/components/DevelopComponent.vue
@@ -21,18 +21,29 @@
-
+
-
+

+
ASP, .NET, MongoDB
+
+
+

+
SQL
+
-
+
diff --git a/luckydiamond/src/components/__VLS_template.js b/luckydiamond/src/components/__VLS_template.js
new file mode 100644
index 0000000..af9db39
--- /dev/null
+++ b/luckydiamond/src/components/__VLS_template.js
@@ -0,0 +1,241 @@
+import { __VLS_internalComponent, __VLS_componentsOption, __VLS_name } from './DevelopComponent.vue';
+
+function __VLS_template() {
+let __VLS_ctx!: InstanceType<__VLS_PickNotAny {}>> & {};
+/* Components */
+let __VLS_otherComponents!: NonNullable & typeof __VLS_componentsOption;
+let __VLS_own!: __VLS_SelfComponent { $slots: typeof __VLS_slots; })>;
+let __VLS_localComponents!: typeof __VLS_otherComponents & Omit;
+let __VLS_components!: typeof __VLS_localComponents & __VLS_GlobalComponents & typeof __VLS_ctx;
+/* Style Scoped */
+type __VLS_StyleScopedClasses = {};
+let __VLS_styleScopedClasses!: __VLS_StyleScopedClasses | keyof __VLS_StyleScopedClasses | (keyof __VLS_StyleScopedClasses)[];
+/* CSS variable injection */
+/* CSS variable injection end */
+let __VLS_resolvedLocalAndGlobalComponents!: {};
+__VLS_intrinsicElements.div; __VLS_intrinsicElements.div; __VLS_intrinsicElements.div; __VLS_intrinsicElements.div; __VLS_intrinsicElements.div; __VLS_intrinsicElements.div; __VLS_intrinsicElements.div; __VLS_intrinsicElements.div; __VLS_intrinsicElements.div; __VLS_intrinsicElements.div; __VLS_intrinsicElements.div; __VLS_intrinsicElements.div; __VLS_intrinsicElements.div; __VLS_intrinsicElements.div; __VLS_intrinsicElements.div; __VLS_intrinsicElements.div; __VLS_intrinsicElements.div; __VLS_intrinsicElements.div; __VLS_intrinsicElements.div; __VLS_intrinsicElements.div; __VLS_intrinsicElements.div; __VLS_intrinsicElements.div; __VLS_intrinsicElements.div; __VLS_intrinsicElements.div;
+__VLS_intrinsicElements.p; __VLS_intrinsicElements.p; __VLS_intrinsicElements.p; __VLS_intrinsicElements.p;
+__VLS_intrinsicElements.h1; __VLS_intrinsicElements.h1;
+__VLS_intrinsicElements.img; __VLS_intrinsicElements.img; __VLS_intrinsicElements.img; __VLS_intrinsicElements.img; __VLS_intrinsicElements.img; __VLS_intrinsicElements.img;
+__VLS_intrinsicElements.a; __VLS_intrinsicElements.a; __VLS_intrinsicElements.a; __VLS_intrinsicElements.a; __VLS_intrinsicElements.a; __VLS_intrinsicElements.a; __VLS_intrinsicElements.a; __VLS_intrinsicElements.a;
+{
+const __VLS_0 = __VLS_intrinsicElements["div"];
+const __VLS_1 = __VLS_elementAsFunctionalComponent(__VLS_0);
+const __VLS_2 = __VLS_1({ ...{}, class: ("info"), }, ...__VLS_functionalComponentArgsRest(__VLS_1));
+({} as (props: __VLS_FunctionalComponentProps & Record) => void)({ ...{}, class: ("info"), });
+const __VLS_3 = __VLS_pickFunctionalComponentCtx(__VLS_0, __VLS_2)!;
+let __VLS_4!: __VLS_NormalizeEmits;
+{
+const __VLS_5 = __VLS_intrinsicElements["div"];
+const __VLS_6 = __VLS_elementAsFunctionalComponent(__VLS_5);
+const __VLS_7 = __VLS_6({ ...{}, class: ("card"), }, ...__VLS_functionalComponentArgsRest(__VLS_6));
+({} as (props: __VLS_FunctionalComponentProps & Record) => void)({ ...{}, class: ("card"), });
+const __VLS_8 = __VLS_pickFunctionalComponentCtx(__VLS_5, __VLS_7)!;
+let __VLS_9!: __VLS_NormalizeEmits;
+{
+const __VLS_10 = __VLS_intrinsicElements["div"];
+const __VLS_11 = __VLS_elementAsFunctionalComponent(__VLS_10);
+const __VLS_12 = __VLS_11({ ...{}, class: ("text"), }, ...__VLS_functionalComponentArgsRest(__VLS_11));
+({} as (props: __VLS_FunctionalComponentProps & Record) => void)({ ...{}, class: ("text"), });
+const __VLS_13 = __VLS_pickFunctionalComponentCtx(__VLS_10, __VLS_12)!;
+let __VLS_14!: __VLS_NormalizeEmits;
+{
+const __VLS_15 = __VLS_intrinsicElements["div"];
+const __VLS_16 = __VLS_elementAsFunctionalComponent(__VLS_15);
+const __VLS_17 = __VLS_16({ ...{}, class: ("aboutinfo"), }, ...__VLS_functionalComponentArgsRest(__VLS_16));
+({} as (props: __VLS_FunctionalComponentProps & Record) => void)({ ...{}, class: ("aboutinfo"), });
+const __VLS_18 = __VLS_pickFunctionalComponentCtx(__VLS_15, __VLS_17)!;
+let __VLS_19!: __VLS_NormalizeEmits;
+{
+const __VLS_20 = __VLS_intrinsicElements["p"];
+const __VLS_21 = __VLS_elementAsFunctionalComponent(__VLS_20);
+const __VLS_22 = __VLS_21({ ...{}, }, ...__VLS_functionalComponentArgsRest(__VLS_21));
+({} as (props: __VLS_FunctionalComponentProps & Record) => void)({ ...{}, });
+const __VLS_23 = __VLS_pickFunctionalComponentCtx(__VLS_20, __VLS_22)!;
+let __VLS_24!: __VLS_NormalizeEmits;
+(__VLS_23.slots!).default;
+}
+{
+const __VLS_25 = __VLS_intrinsicElements["h1"];
+const __VLS_26 = __VLS_elementAsFunctionalComponent(__VLS_25);
+const __VLS_27 = __VLS_26({ ...{}, }, ...__VLS_functionalComponentArgsRest(__VLS_26));
+({} as (props: __VLS_FunctionalComponentProps & Record) => void)({ ...{}, });
+const __VLS_28 = __VLS_pickFunctionalComponentCtx(__VLS_25, __VLS_27)!;
+let __VLS_29!: __VLS_NormalizeEmits;
+(__VLS_28.slots!).default;
+}
+(__VLS_18.slots!).default;
+}
+{
+const __VLS_30 = __VLS_intrinsicElements["div"];
+const __VLS_31 = __VLS_elementAsFunctionalComponent(__VLS_30);
+const __VLS_32 = __VLS_31({ ...{}, class: ("whatjob"), }, ...__VLS_functionalComponentArgsRest(__VLS_31));
+({} as (props: __VLS_FunctionalComponentProps & Record) => void)({ ...{}, class: ("whatjob"), });
+const __VLS_33 = __VLS_pickFunctionalComponentCtx(__VLS_30, __VLS_32)!;
+let __VLS_34!: __VLS_NormalizeEmits;
+{
+const __VLS_35 = __VLS_intrinsicElements["img"];
+const __VLS_36 = __VLS_elementAsFunctionalComponent(__VLS_35);
+const __VLS_37 = __VLS_36({ ...{}, src: ("@/assets/icons-developcard/html.png"), alt: ("html"), }, ...__VLS_functionalComponentArgsRest(__VLS_36));
+({} as (props: __VLS_FunctionalComponentProps & Record) => void)({ ...{}, src: ("@/assets/icons-developcard/html.png"), alt: ("html"), });
+const __VLS_38 = __VLS_pickFunctionalComponentCtx(__VLS_35, __VLS_37)!;
+let __VLS_39!: __VLS_NormalizeEmits;
+}
+{
+const __VLS_40 = __VLS_intrinsicElements["p"];
+const __VLS_41 = __VLS_elementAsFunctionalComponent(__VLS_40);
+const __VLS_42 = __VLS_41({ ...{}, }, ...__VLS_functionalComponentArgsRest(__VLS_41));
+({} as (props: __VLS_FunctionalComponentProps & Record) => void)({ ...{}, });
+const __VLS_43 = __VLS_pickFunctionalComponentCtx(__VLS_40, __VLS_42)!;
+let __VLS_44!: __VLS_NormalizeEmits;
+(__VLS_43.slots!).default;
+}
+(__VLS_33.slots!).default;
+}
+{
+const __VLS_45 = __VLS_intrinsicElements["div"];
+const __VLS_46 = __VLS_elementAsFunctionalComponent(__VLS_45);
+const __VLS_47 = __VLS_46({ ...{}, class: ("icons"), }, ...__VLS_functionalComponentArgsRest(__VLS_46));
+({} as (props: __VLS_FunctionalComponentProps & Record) => void)({ ...{}, class: ("icons"), });
+const __VLS_48 = __VLS_pickFunctionalComponentCtx(__VLS_45, __VLS_47)!;
+let __VLS_49!: __VLS_NormalizeEmits;
+{
+const __VLS_50 = __VLS_intrinsicElements["a"];
+const __VLS_51 = __VLS_elementAsFunctionalComponent(__VLS_50);
+const __VLS_52 = __VLS_51({ ...{}, href: ("https://tpverstak.ru/flex-cheatsheet/"), }, ...__VLS_functionalComponentArgsRest(__VLS_51));
+({} as (props: __VLS_FunctionalComponentProps & Record) => void)({ ...{}, href: ("https://tpverstak.ru/flex-cheatsheet/"), });
+const __VLS_53 = __VLS_pickFunctionalComponentCtx(__VLS_50, __VLS_52)!;
+let __VLS_54!: __VLS_NormalizeEmits;
+{
+const __VLS_55 = __VLS_intrinsicElements["img"];
+const __VLS_56 = __VLS_elementAsFunctionalComponent(__VLS_55);
+const __VLS_57 = __VLS_56({ ...{}, src: ("@/assets/icons-developcard/odniclasniki.png"), alt: (""), }, ...__VLS_functionalComponentArgsRest(__VLS_56));
+({} as (props: __VLS_FunctionalComponentProps & Record) => void)({ ...{}, src: ("@/assets/icons-developcard/odniclasniki.png"), alt: (""), });
+const __VLS_58 = __VLS_pickFunctionalComponentCtx(__VLS_55, __VLS_57)!;
+let __VLS_59!: __VLS_NormalizeEmits;
+}
+(__VLS_53.slots!).default;
+}
+{
+const __VLS_60 = __VLS_intrinsicElements["a"];
+const __VLS_61 = __VLS_elementAsFunctionalComponent(__VLS_60);
+const __VLS_62 = __VLS_61({ ...{}, href: (""), }, ...__VLS_functionalComponentArgsRest(__VLS_61));
+({} as (props: __VLS_FunctionalComponentProps & Record) => void)({ ...{}, href: (""), });
+const __VLS_63 = __VLS_pickFunctionalComponentCtx(__VLS_60, __VLS_62)!;
+let __VLS_64!: __VLS_NormalizeEmits;
+{
+const __VLS_65 = __VLS_intrinsicElements["img"];
+const __VLS_66 = __VLS_elementAsFunctionalComponent(__VLS_65);
+const __VLS_67 = __VLS_66({ ...{}, src: ("@/assets/icons-developcard/telegram.png"), alt: (""), }, ...__VLS_functionalComponentArgsRest(__VLS_66));
+({} as (props: __VLS_FunctionalComponentProps & Record) => void)({ ...{}, src: ("@/assets/icons-developcard/telegram.png"), alt: (""), });
+const __VLS_68 = __VLS_pickFunctionalComponentCtx(__VLS_65, __VLS_67)!;
+let __VLS_69!: __VLS_NormalizeEmits;
+}
+(__VLS_63.slots!).default;
+}
+{
+const __VLS_70 = __VLS_intrinsicElements["a"];
+const __VLS_71 = __VLS_elementAsFunctionalComponent(__VLS_70);
+const __VLS_72 = __VLS_71({ ...{}, href: (""), }, ...__VLS_functionalComponentArgsRest(__VLS_71));
+({} as (props: __VLS_FunctionalComponentProps & Record) => void)({ ...{}, href: (""), });
+const __VLS_73 = __VLS_pickFunctionalComponentCtx(__VLS_70, __VLS_72)!;
+let __VLS_74!: __VLS_NormalizeEmits;
+{
+const __VLS_75 = __VLS_intrinsicElements["img"];
+const __VLS_76 = __VLS_elementAsFunctionalComponent(__VLS_75);
+const __VLS_77 = __VLS_76({ ...{}, src: ("@/assets/icons-developcard/like.png"), alt: (""), }, ...__VLS_functionalComponentArgsRest(__VLS_76));
+({} as (props: __VLS_FunctionalComponentProps & Record) => void)({ ...{}, src: ("@/assets/icons-developcard/like.png"), alt: (""), });
+const __VLS_78 = __VLS_pickFunctionalComponentCtx(__VLS_75, __VLS_77)!;
+let __VLS_79!: __VLS_NormalizeEmits;
+}
+(__VLS_73.slots!).default;
+}
+{
+const __VLS_80 = __VLS_intrinsicElements["a"];
+const __VLS_81 = __VLS_elementAsFunctionalComponent(__VLS_80);
+const __VLS_82 = __VLS_81({ ...{}, href: (""), }, ...__VLS_functionalComponentArgsRest(__VLS_81));
+({} as (props: __VLS_FunctionalComponentProps & Record) => void)({ ...{}, href: (""), });
+const __VLS_83 = __VLS_pickFunctionalComponentCtx(__VLS_80, __VLS_82)!;
+let __VLS_84!: __VLS_NormalizeEmits;
+{
+const __VLS_85 = __VLS_intrinsicElements["img"];
+const __VLS_86 = __VLS_elementAsFunctionalComponent(__VLS_85);
+const __VLS_87 = __VLS_86({ ...{}, src: ("@/assets/icons-developcard/github.png"), alt: (""), }, ...__VLS_functionalComponentArgsRest(__VLS_86));
+({} as (props: __VLS_FunctionalComponentProps & Record) => void)({ ...{}, src: ("@/assets/icons-developcard/github.png"), alt: (""), });
+const __VLS_88 = __VLS_pickFunctionalComponentCtx(__VLS_85, __VLS_87)!;
+let __VLS_89!: __VLS_NormalizeEmits;
+}
+(__VLS_83.slots!).default;
+}
+(__VLS_48.slots!).default;
+}
+(__VLS_13.slots!).default;
+}
+{
+const __VLS_90 = __VLS_intrinsicElements["div"];
+const __VLS_91 = __VLS_elementAsFunctionalComponent(__VLS_90);
+const __VLS_92 = __VLS_91({ ...{}, class: ("skin"), }, ...__VLS_functionalComponentArgsRest(__VLS_91));
+({} as (props: __VLS_FunctionalComponentProps & Record) => void)({ ...{}, class: ("skin"), });
+const __VLS_93 = __VLS_pickFunctionalComponentCtx(__VLS_90, __VLS_92)!;
+let __VLS_94!: __VLS_NormalizeEmits;
+{
+const __VLS_95 = __VLS_intrinsicElements["img"];
+const __VLS_96 = __VLS_elementAsFunctionalComponent(__VLS_95);
+const __VLS_97 = __VLS_96({ ...{}, src: ("@/assets/icons-developcard/busha888.png"), alt: (""), }, ...__VLS_functionalComponentArgsRest(__VLS_96));
+({} as (props: __VLS_FunctionalComponentProps & Record) => void)({ ...{}, src: ("@/assets/icons-developcard/busha888.png"), alt: (""), });
+const __VLS_98 = __VLS_pickFunctionalComponentCtx(__VLS_95, __VLS_97)!;
+let __VLS_99!: __VLS_NormalizeEmits;
+}
+(__VLS_93.slots!).default;
+}
+(__VLS_8.slots!).default;
+}
+{
+const __VLS_100 = __VLS_intrinsicElements["div"];
+const __VLS_101 = __VLS_elementAsFunctionalComponent(__VLS_100);
+const __VLS_102 = __VLS_101({ ...{}, class: ("card-2"), }, ...__VLS_functionalComponentArgsRest(__VLS_101));
+({} as (props: __VLS_FunctionalComponentProps & Record) => void)({ ...{}, class: ("card-2"), });
+const __VLS_103 = __VLS_pickFunctionalComponentCtx(__VLS_100, __VLS_102)!;
+let __VLS_104!: __VLS_NormalizeEmits;
+{
+const __VLS_105 = __VLS_intrinsicElements["div"];
+const __VLS_106 = __VLS_elementAsFunctionalComponent(__VLS_105);
+const __VLS_107 = __VLS_106({ ...{}, class: ("text_2"), }, ...__VLS_functionalComponentArgsRest(__VLS_106));
+({} as (props: __VLS_FunctionalComponentProps & Record) => void)({ ...{}, class: ("text_2"), });
+const __VLS_108 = __VLS_pickFunctionalComponentCtx(__VLS_105, __VLS_107)!;
+let __VLS_109!: __VLS_NormalizeEmits;
+{
+const __VLS_110 = __VLS_intrinsicElements["div"];
+const __VLS_111 = __VLS_elementAsFunctionalComponent(__VLS_110);
+const __VLS_112 = __VLS_111({ ...{}, class: ("aboutinfo_2"), }, ...__VLS_functionalComponentArgsRest(__VLS_111));
+({} as (props: __VLS_FunctionalComponentProps & Record) => void)({ ...{}, class: ("aboutinfo_2"), });
+const __VLS_113 = __VLS_pickFunctionalComponentCtx(__VLS_110, __VLS_112)!;
+let __VLS_114!: __VLS_NormalizeEmits;
+}
+{
+const __VLS_115 = __VLS_intrinsicElements["div"];
+const __VLS_116 = __VLS_elementAsFunctionalComponent(__VLS_115);
+const __VLS_117 = __VLS_116({ ...{}, class: ("whatjob_2"), }, ...__VLS_functionalComponentArgsRest(__VLS_116));
+({} as (props: __VLS_FunctionalComponentProps & Record) => void)({ ...{}, class: ("whatjob_2"), });
+const __VLS_118 = __VLS_pickFunctionalComponentCtx(__VLS_115, __VLS_117)!;
+let __VLS_119!: __VLS_NormalizeEmits;
+}
+{
+const __VLS_120 = __VLS_intrinsicElements["div"];
+const __VLS_121 = __VLS_elementAsFunctionalComponent(__VLS_120);
+const __VLS_122 = __VLS_121({ ...{}, class: ("skin_2"), }, ...__VLS_functionalComponentArgsRest(__VLS_121));
+({} as (props: __VLS_FunctionalComponentProps & Record) => void)({ ...{}, class: ("skin_2"), });
+const __VLS_123 = __VLS_pickFunctionalComponentCtx(__VLS_120, __VLS_122)!;
+let __VLS_124!: __VLS_NormalizeEmits;
+}
+(__VLS_108.slots!).default;
+}
+(__VLS_103.slots!).default;
+}
+(__VLS_3.slots!).default;
+}
+if (typeof __VLS_styleScopedClasses === 'object' && !Array.isArray(__VLS_styleScopedClasses)) {
+}
+var __VLS_slots!: {};
+return __VLS_slots;
+}