diff --git a/luckydiamond/src/assets/css/ComponentsStyles/Help.css b/luckydiamond/src/assets/css/ComponentsStyles/Help.css
new file mode 100644
index 0000000..8eb71e9
--- /dev/null
+++ b/luckydiamond/src/assets/css/ComponentsStyles/Help.css
@@ -0,0 +1,73 @@
+*{
+    font-family: Montserrat Alternates;
+    text-decoration: none;
+}
+.Heading_p1 {
+    font-size: 18px ;
+    font-family: Montserrat Alternates;
+    
+}
+.heding2_text {
+    width: 949px;
+    height: 132px;
+}
+.Heading_p1 a {
+    color: #5865F2 ;
+    font-family: Montserrat Alternates;
+}
+.questions {
+    font-size: 18px ;
+    font-family: Montserrat Alternates;
+}
+.questions1  {
+    font-size: 18px ;
+    font-family: Montserrat Alternates; 
+    background-color:#3f3f3f;
+    width: 426px;
+    height: 30px;
+    border-radius: 8px ;
+    justify-content: center;
+    align-content: center;
+    display: flex;
+}
+.questions1 b {
+    margin-top: 4.3px;
+}
+.questions1 img {
+   margin-left: 30px;
+   width: 16px;
+   margin-top: 6px;
+}
+.text_questions {
+    width: 840px;
+    height: 132px;
+    font-size: 18px ;
+    font-family: Montserrat Alternates;
+}
+.text_questions p {
+    font-size: 18px ;
+    font-family: Montserrat Alternates;
+}
+.questions2 {
+    font-size: 18px ;
+    font-family: Montserrat Alternates; 
+    width: 544px;
+    height: 27px;
+    
+    justify-content: center;
+    align-items: flex-start;
+    display: flex;
+}
+.questions2 img {
+margin-left: 10px;
+width: 16px;
+margin-top: 3.5px;
+
+}
+.Social1where {
+    flex-direction: row;
+    width: 400px;
+    display: flex;
+    justify-content: space-around;
+    align-content: center;
+}
\ No newline at end of file
diff --git a/luckydiamond/src/assets/icons-test/lest.png b/luckydiamond/src/assets/icons-test/lest.png
new file mode 100644
index 0000000..c991949
Binary files /dev/null and b/luckydiamond/src/assets/icons-test/lest.png differ
diff --git a/luckydiamond/src/components/HelpComponent.vue b/luckydiamond/src/components/HelpComponent.vue
index e69de29..6e14652 100644
--- a/luckydiamond/src/components/HelpComponent.vue
+++ b/luckydiamond/src/components/HelpComponent.vue
@@ -0,0 +1,12 @@
+
+<template>
+<p>dffsf</p>
+</template>
+
+<script>
+import '@/assets/css/ComponentsStyles/Help.css'
+
+export default {
+
+}
+</script>
\ No newline at end of file
diff --git a/luckydiamond/src/pages/HelpPage.vue b/luckydiamond/src/pages/HelpPage.vue
index a110c68..2b3680d 100644
--- a/luckydiamond/src/pages/HelpPage.vue
+++ b/luckydiamond/src/pages/HelpPage.vue
@@ -6,7 +6,71 @@
     <header-component></header-component>
 
     <section class="help">
-      <h1>gfsdlkgdfk</h1>
+      <div class="box_help">
+        <div class="Heading_p1">
+        <div class="heding2"><h3>Заголовок</h3></div>
+        <div class="heding2_text">
+        <p><b>Какойто текстКакойто текстКакойто
+           текстКакойто текстКакойто текстКакойто
+            текстКакойто текстКакойто текстКакойто 
+            текстКакойто текстКакойто текстКакойто 
+            текстКакойто текстКакойто текстКакойто 
+            текстКакойто текстКакойто текстКакойто 
+            текстКакойто текстКакойто текстКакойто 
+            текстКакойто текстКакойто текстКакойто 
+            текстКакойто текстКакойто текстКакойто 
+            текст(Нашли баг? Eсть свежие идеи? - 
+            Вам в наш <a href="" >дискорд)</a></b></p>
+          </div>
+        </div>
+          <div class="Heading_p1">
+            <div class="heding2"><h3>Заголовок</h3></div>
+            <div class="heding2_text">
+            <p><b>Какойто текстКакойто текстКакойто
+               текстКакойто текстКакойто текстКакойто
+                текстКакойто текстКакойто текстКакойто 
+                текстКакойто текстКакойто текстКакойто 
+                текстКакойто текстКакойто текстКакойто 
+                текстКакойто текстКакойто текстКакойто 
+                текстКакойто текстКакойто текстКакойто 
+                текстКакойто текстКакойто текстКакойто 
+                текстКакойто текстКакойто текстКакойто 
+                текст(Нашли баг? Eсть свежие идеи? - 
+                Вам в наш <a href="" >дискорд)</a></b></p>
+              </div>
+            </div>
+              <div class="questions">
+                <div class="questions_box">
+                <h3>Частые вопросы:</h3>
+              </div>
+                <div class="questions1">
+                  <b>Вилкой в глаз, или маму твою ебал?</b>
+                  <img src="@\assets\icons-test\lest.png" alt="">
+                </div>
+                <div class="text_questions">
+                 <p><b>Какойто текст Какойто текстКакойто текстКакойто текстКакойто
+                   текстКакойто текстКакойто текстКакойто текстКакойто текстКакойто
+                    текстКакойто текстКакойто текстКакойто текстКакойто текстКакойто 
+                    текстКакойто текстКакойто текстКакойто текстКакойто текстКакойто 
+                    текстКакойто текстКакойто текстКакойто текстКакойто текстКакойто 
+                    текстКакойто текстКакойто текст</b></p> 
+                </div>
+                <div class="questions2">
+                  <b>Вилкой в глаз, или маму твою ебал?</b>
+                  <img src="@\assets\icons-test\lest.png" alt="">
+                </div>
+                <div class="Social1where">
+                  <div class="Social1text">
+                    Наши соц-сети:
+                  </div>
+                  <div class="Social1icons">
+                    <a href="https://t.me/Ykropmaha" target="_blank" ><img src="@/assets/icons-developcard/telegram.png" alt=""></a>
+                    <a href="https://discordapp.com/users/1126752682183503942" target="_blank" ><img src="@/assets/icons-developcard/discord.png" alt=""></a>
+                  </div>
+                </div>
+
+              </div>
+      </div>
     </section>
   </div>
 </template>
@@ -14,6 +78,8 @@
 // import HelpComponent from "@/components/HelpComponent.vue";
 import AsideBarComponent from "@/components/AsidebarComponent.vue";
 import HeaderComponent from "@/components/HeaderComponent.vue";
+// import ChatComponent from "@/components/ChatComponent.vue";
+import '@/assets/css/ComponentsStyles/Help.css'
 
 export default {
   data() {
@@ -24,12 +90,19 @@ export default {
         icons: {},
         textTacholgy: { text1: "text2" },
       },
+      name: 'HelpPage',
+    components: {
+      // HelpComponent
+    }
     };
+    
   },
   components: {
     HeaderComponent,
     AsideBarComponent,
     // HelpComponent,
+    // ChatComponent,
   },
+  
 };
 </script>
\ No newline at end of file
diff --git a/luckydiamond/src/pages/newFile.1.js b/luckydiamond/src/pages/newFile.1.js
new file mode 100644
index 0000000..e736bd0
--- /dev/null
+++ b/luckydiamond/src/pages/newFile.1.js
@@ -0,0 +1,22 @@
+export default (await import('vue')).defineComponent({
+data() {
+return {
+Object: {
+bg: "value",
+nickname: "value",
+icons: {},
+textTacholgy: { text1: "text2" },
+},
+name: 'HelpPage',
+components: {
+HelpComponent
+}
+};
+
+},
+components: {
+HeaderComponent,
+AsideBarComponent,
+HelpComponent,
+},
+});