Update pages.html

pages.html

@@ -858,6 +858,29 @@ z-index: 1000; /* Убедитесь, что кнопка находится п
     margin-bottom: 20px; /* относительно длины родительского блока */     
   } 
 
+  /* Стили для кнопки "Показать/Скрыть" */
+  #myBtn_8 {
+    background-color: #4CAF50; /* Зелёный цвет */
+    color: white;
+    border: none;
+    padding: 10px 10px;
+    font-size: 16px;
+    border-radius: 5px;
+    cursor: pointer;
+    margin-bottom: 20px; /* относительно длины родительского блока */     
+  }
+  
+   /* Стили для кнопки "Показать/Скрыть" */
+  #myBtn_9 {
+    background-color: #4CAF50; /* Зелёный цвет */
+    color: white;
+    border: none;
+    padding: 10px 10px;
+    font-size: 16px;
+    border-radius: 5px;
+    cursor: pointer;
+    margin-bottom: 20px; /* относительно длины родительского блока */     
+  } 
 
      /* Стили для кнопки "Показать/Скрыть" */
   #vk_auth_button {
@@ -894,7 +917,14 @@ z-index: 1000; /* Убедитесь, что кнопка находится п
     #myBtn_5:hover {
     background-color: #388E3C; /* Тёмно-зелёный цвет при наведении */
   } 
+ 
 
+    #myBtn_8:hover {
+    background-color: #388E3C; /* Тёмно-зелёный цвет при наведении */
+  } 
+    #myBtn_9:hover {
+    background-color: #388E3C; /* Тёмно-зелёный цвет при наведении */
+  } 
       #vk_auth_button:hover {
     background-color: #388E3C; /* Тёмно-зелёный цвет при наведении */
   } 
@@ -1031,7 +1061,20 @@ z-index: 1000; /* Убедитесь, что кнопка находится п
  <!-- icon666.com - MILLIONS vector ICONS FREE --><svg id="myBtn_5" enable-background="new 0 0 512 512" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="36" height="36"><linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="256" x2="256" y1="512" y2="0"><stop offset="0" stop-color="#5558ff"></stop><stop offset="1" stop-color="#00c0ff"></stop></linearGradient><g><g><g><path d="m306.768 67.76 22.692-46.14c2.286-4.649 2.012-10.149-.727-14.547-2.737-4.399-7.552-7.073-12.733-7.073h-120c-5.181 0-9.996 2.674-12.734 7.072s-3.013 9.898-.727 14.547l22.692 46.141c-100.818 23.301-174.231 113.448-174.231 219.24 0 124.351 100.632 225 225 225 124.351 0 225-100.632 225-225 0-105.975-73.588-195.98-174.232-219.24zm-14.861-37.76-35.907 73.011-35.907-73.011zm-78.327 272c1.863 5.254 4.677 10.058 8.233 14.213l-45.857 79.427c-29.515-21.804-49.863-55.328-54.119-93.64zm-91.742-30c4.255-38.313 24.603-71.836 54.119-93.64l45.857 79.427c-3.556 4.155-6.37 8.959-8.233 14.213zm125.944 59.234c2.667.495 5.411.766 8.218.766s5.552-.271 8.218-.766l45.867 79.444c-16.568 7.274-34.861 11.322-54.085 11.322s-37.517-4.048-54.086-11.321zm-6.782-44.234c0-8.271 6.729-15 15-15s15 6.729 15 15-6.729 15-15 15-15-6.729-15-15zm49.187 29.213c3.556-4.155 6.37-8.959 8.233-14.213h91.742c-4.255 38.313-24.603 71.836-54.119 93.64zm8.233-44.213c-1.863-5.254-4.677-10.058-8.233-14.213l45.857-79.427c29.515 21.804 49.864 55.328 54.119 93.64zm-34.201-29.234c-2.667-.495-5.411-.766-8.219-.766s-5.552.271-8.218.766l-45.867-79.444c16.568-7.274 34.861-11.322 54.085-11.322s37.517 4.048 54.086 11.321zm-8.219 239.234c-107.523 0-195-87.477-195-195 0-93.424 67.186-173.966 157.892-191.464l13.827 28.114c-80.982 11.487-141.719 81.278-141.719 163.35 0 91.148 74.19 165 165 165 90.581 0 165-73.621 165-165 0-82.185-60.848-151.878-141.719-163.35l13.827-28.114c90.706 17.498 157.892 98.04 157.892 191.464 0 107.523-87.477 195-195 195z" fill="url(#SVGID_1_)" style="fill: rgb(250, 250, 250);"></path></g></g></g></svg> 
 </div>  
 
- 
+
+
+
+<div class="button-con8">
+<!-- icon666.com - MILLIONS vector ICONS FREE --><svg id="myBtn_4" enable-background="new 0 0 512 512" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg" width="36" height="36"><g><path d="m456.834 0h-401.667c-30.419 0-55.167 24.748-55.167 55.167v401.666c0 30.419 24.748 55.167 55.167 55.167h401.667c30.418 0 55.166-24.748 55.166-55.167v-401.666c0-30.419-24.748-55.167-55.166-55.167zm25.166 456.833c0 13.877-11.29 25.167-25.166 25.167h-401.667c-13.877 0-25.167-11.29-25.167-25.167v-401.666c0-13.877 11.29-25.167 25.167-25.167h401.667c13.876 0 25.166 11.29 25.166 25.167z" fill="#000000" style="fill: rgb(242, 242, 242);"></path><path d="m111.4 208.867c-25.99 0-47.134 21.144-47.134 47.133 0 25.99 21.144 47.134 47.134 47.134 25.989 0 47.133-21.144 47.133-47.134 0-25.989-21.143-47.133-47.133-47.133zm0 64.267c-9.448 0-17.134-7.686-17.134-17.134 0-9.447 7.686-17.133 17.134-17.133 9.447 0 17.133 7.686 17.133 17.133 0 9.448-7.685 17.134-17.133 17.134z" fill="#000000" style="fill: rgb(242, 242, 242);"></path><path d="m111.4 80.333c-25.99 0-47.134 21.144-47.134 47.134 0 25.989 21.144 47.133 47.134 47.133 25.989 0 47.133-21.144 47.133-47.133 0-25.99-21.143-47.134-47.133-47.134zm0 64.267c-9.448 0-17.134-7.686-17.134-17.133 0-9.448 7.686-17.134 17.134-17.134 9.447 0 17.133 7.686 17.133 17.134 0 9.447-7.685 17.133-17.133 17.133z" fill="#000000" style="fill: rgb(242, 242, 242);"></path><path d="m111.4 337.4c-25.99 0-47.134 21.144-47.134 47.133 0 25.99 21.144 47.134 47.134 47.134 25.989 0 47.133-21.144 47.133-47.134 0-25.989-21.143-47.133-47.133-47.133zm0 64.267c-9.448 0-17.134-7.686-17.134-17.134 0-9.447 7.686-17.133 17.134-17.133 9.447 0 17.133 7.686 17.133 17.133 0 9.448-7.685 17.134-17.133 17.134z" fill="#000000" style="fill: rgb(242, 242, 242);"></path><path d="m400.601 80.333h-160.667c-25.989 0-47.133 21.144-47.133 47.134 0 25.989 21.144 47.133 47.133 47.133h160.667c25.989 0 47.133-21.144 47.133-47.133-.001-25.99-21.144-47.134-47.133-47.134zm0 64.267h-160.667c-9.447 0-17.133-7.686-17.133-17.133 0-9.448 7.686-17.134 17.133-17.134h160.667c9.447 0 17.133 7.686 17.133 17.134-.001 9.447-7.686 17.133-17.133 17.133z" fill="#000000" style="fill: rgb(242, 242, 242);"></path><path d="m400.601 208.867h-160.667c-25.989 0-47.133 21.144-47.133 47.133 0 25.99 21.144 47.134 47.133 47.134h160.667c25.989 0 47.133-21.144 47.133-47.134-.001-25.989-21.144-47.133-47.133-47.133zm0 64.267h-160.667c-9.447 0-17.133-7.686-17.133-17.134 0-9.447 7.686-17.133 17.133-17.133h160.667c9.447 0 17.133 7.686 17.133 17.133-.001 9.448-7.686 17.134-17.133 17.134z" fill="#000000" style="fill: rgb(242, 242, 242);"></path><path d="m400.601 337.4h-160.667c-25.989 0-47.133 21.144-47.133 47.133 0 25.99 21.144 47.134 47.133 47.134h160.667c25.989 0 47.133-21.144 47.133-47.134-.001-25.989-21.144-47.133-47.133-47.133zm0 64.267h-160.667c-9.447 0-17.133-7.686-17.133-17.134 0-9.447 7.686-17.133 17.133-17.133h160.667c9.447 0 17.133 7.686 17.133 17.133-.001 9.448-7.686 17.134-17.133 17.134z" fill="#000000" style="fill: rgb(242, 242, 242);"></path></g></svg>  
+</div>  
+
+<div class="button-con9">
+ <!-- icon666.com - MILLIONS vector ICONS FREE --><svg id="myBtn_5" enable-background="new 0 0 512 512" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="36" height="36"><linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="256" x2="256" y1="512" y2="0"><stop offset="0" stop-color="#5558ff"></stop><stop offset="1" stop-color="#00c0ff"></stop></linearGradient><g><g><g><path d="m306.768 67.76 22.692-46.14c2.286-4.649 2.012-10.149-.727-14.547-2.737-4.399-7.552-7.073-12.733-7.073h-120c-5.181 0-9.996 2.674-12.734 7.072s-3.013 9.898-.727 14.547l22.692 46.141c-100.818 23.301-174.231 113.448-174.231 219.24 0 124.351 100.632 225 225 225 124.351 0 225-100.632 225-225 0-105.975-73.588-195.98-174.232-219.24zm-14.861-37.76-35.907 73.011-35.907-73.011zm-78.327 272c1.863 5.254 4.677 10.058 8.233 14.213l-45.857 79.427c-29.515-21.804-49.863-55.328-54.119-93.64zm-91.742-30c4.255-38.313 24.603-71.836 54.119-93.64l45.857 79.427c-3.556 4.155-6.37 8.959-8.233 14.213zm125.944 59.234c2.667.495 5.411.766 8.218.766s5.552-.271 8.218-.766l45.867 79.444c-16.568 7.274-34.861 11.322-54.085 11.322s-37.517-4.048-54.086-11.321zm-6.782-44.234c0-8.271 6.729-15 15-15s15 6.729 15 15-6.729 15-15 15-15-6.729-15-15zm49.187 29.213c3.556-4.155 6.37-8.959 8.233-14.213h91.742c-4.255 38.313-24.603 71.836-54.119 93.64zm8.233-44.213c-1.863-5.254-4.677-10.058-8.233-14.213l45.857-79.427c29.515 21.804 49.864 55.328 54.119 93.64zm-34.201-29.234c-2.667-.495-5.411-.766-8.219-.766s-5.552.271-8.218.766l-45.867-79.444c16.568-7.274 34.861-11.322 54.085-11.322s37.517 4.048 54.086 11.321zm-8.219 239.234c-107.523 0-195-87.477-195-195 0-93.424 67.186-173.966 157.892-191.464l13.827 28.114c-80.982 11.487-141.719 81.278-141.719 163.35 0 91.148 74.19 165 165 165 90.581 0 165-73.621 165-165 0-82.185-60.848-151.878-141.719-163.35l13.827-28.114c90.706 17.498 157.892 98.04 157.892 191.464 0 107.523-87.477 195-195 195z" fill="url(#SVGID_1_)" style="fill: rgb(250, 250, 250);"></path></g></g></g></svg> 
+</div>  
+
+
+
+  
 </div>