0.0.147 add tabs on main page

static/css/styles.css

@@ -2027,6 +2027,69 @@ button#send_feedback_form{
     padding-top: 40px;
 }
 
+
+/*tabs_on_main_page*/
+    .tabs {
+      font-size: 0;
+      margin-left: auto;
+      margin-right: auto;
+      text-align: center;
+    }
+
+    .tabs>input[type="radio"] {
+      display: none;
+    }
+
+    .tabs>div
+
+    {
+      /* скрыть контент по умолчанию */
+      display: none;
+      font-size: 16px;
+    }
+
+    /* отобразить контент, связанный с вабранной радиокнопкой (input type="radio") */
+    #tab-btn-1:checked~#content-1,
+    #tab-btn-2:checked~#content-2
+    {
+      display: block;
+    }
+
+    .tabs>label {
+        display: inline-block;
+        text-align: center;
+        vertical-align: middle;
+        user-select: none;
+        background-color: white;
+        font-size: 16px;
+        line-height: 1.5;
+        transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;
+        cursor: pointer;
+        position: relative;
+        top: 1px;
+        padding: 10px;
+        border-radius: 10px;
+    }
+
+    .tabs>label:not(:first-of-type) {
+      border-left: none;
+    }
+
+    .tabs>input[type="radio"]:checked+label {
+
+        border-radius: 10px;
+        background:  #FF613A;
+        color: white;
+        font-size: 16px;
+        font-style: normal;
+        font-weight: 500;
+        line-height: 22px;
+        padding: 10px;
+
+    }
+
+/*tabs_on_main_page*/
+
 /*end_static_pages*/