create help6553522354

luckydiamond/src/assets/css/ComponentsStyles/Help.css

@@ -1,27 +1,35 @@
-*{
+.box_help {
-    font-family: Montserrat Alternates;
+    margin-left: 36px;
-    text-decoration: none;
+    margin-top: 35px;
 }
 .Heading_p1 {
     font-size: 18px ;
     font-family: Montserrat Alternates;
+    text-decoration: none;
+}
+.heding2 {
 
 }
 .heding2_text {
     width: 949px;
     height: 132px;
+    margin-top: 17px;
+    margin-bottom: 17px;
 }
 .Heading_p1 a {
     color: #5865F2 ;
     font-family: Montserrat Alternates;
+    text-decoration: none;
 }
 .questions {
     font-size: 18px ;
     font-family: Montserrat Alternates;
+    text-decoration: none;
 }
 .questions1  {
     font-size: 18px ;
     font-family: Montserrat Alternates;
+    text-decoration: none;
     background-color:#3f3f3f;
     width: 426px;
     height: 30px;
@@ -43,18 +51,22 @@
     height: 132px;
     font-size: 18px ;
     font-family: Montserrat Alternates;
+    text-decoration: none;
+    
 }
 .text_questions p {
     font-size: 18px ;
     font-family: Montserrat Alternates;
+    text-decoration: none;
 }
 .questions2 {
     font-size: 18px ;
     font-family: Montserrat Alternates;
+    text-decoration: none;
     width: 544px;
     height: 27px;
     
-    justify-content: center;
+    
     align-items: flex-start;
     display: flex;
 }
@@ -63,6 +75,10 @@ margin-left: 10px;
 width: 16px;
 margin-top: 3.5px;
 
+}
+.Social1text  {
+    margin-top: 0.5vh;
+    font-family: Montserrat Alternates;
 }
 .Social1where {
     flex-direction: row;
@@ -70,4 +86,18 @@ margin-top: 3.5px;
     display: flex;
     justify-content: space-around;
     align-content: center;
+    margin-top: 40px;
+}
+.questions_box {
+    margin-bottom: 24px;
+}
+.text_questions {
+    margin-left: 110px;
+}
+.questions1 {
+    margin-bottom: 20px;
+}
+.questions2 {
+    margin-top: 25px;
+    margin-right:40px ;
 }

luckydiamond/src/assets/css/global.css

@@ -212,8 +212,10 @@ button {
 
 .about {
     grid-area: about;
+    
 }
 
+
 /* /Profile */
 
 /* Saper */
@@ -275,12 +277,15 @@ button {
 .help {
     grid-area: help;
     display: flex;
-    height: 95%;
+    height:806px;
     border-radius: 3.125rem;
     background: #17181C;
     box-shadow: 0.25rem 0.25rem 0.25rem 0px rgba(0, 0, 0, 0.25);
     margin: 0.625rem 2.438rem 1.125rem 1.125rem;
     /*height: 96.2%;*/
+    width: 1000px;
+    margin: 0 auto;
+    
 }
 
 

luckydiamond/src/components/HelpComponent.vue

@@ -1,6 +1,70 @@
 
 <template>
-<p>dffsf</p>
+    <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">
+                    <b>Наши соц-сети:</b>
+                  </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>
 </template>
 
 <script>

luckydiamond/src/pages/HelpPage.vue

@@ -2,86 +2,26 @@
   <div class="content-grid--help">
     <aside-bar-component></aside-bar-component>
 
-    <develop-component></develop-component>
+    
     <header-component></header-component>
 
+    <section class="help">
+
+      <Help-component></Help-component>
+
+    </section>
+
     <chat-component></chat-component>
 
-    <section class="help">
-      <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>
   <script>
-// import HelpComponent from "@/components/HelpComponent.vue";
+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() {
@@ -92,17 +32,14 @@ export default {
         icons: {},
         textTacholgy: { text1: "text2" },
       },
-      name: 'HelpPage',
+     
-    components: {
-      // HelpComponent
-    }
     };
     
   },
   components: {
     HeaderComponent,
     AsideBarComponent,
-    // HelpComponent,
+    HelpComponent,
     ChatComponent,
   },