Updated footer for SharixAdmin

SharixAdmin/static/drf-yasg/navbar-style.css

@@ -12,7 +12,18 @@
     font-size: 16px;
     line-height: 24px;
 }
-
+.footer-item {
+    margin-top: 4px;
+    font-size: 14px;
+    color: #3F3F3F;
+    font-weight: 400;
+}
+.footer-color{
+    color: #479FF8;
+}
+.footer-link a{
+    text-decoration: none;
+}
 .arrow {
     margin: auto;
     color: #479FF8;

SharixAdmin/templates/SharixAdmin/index.html

@@ -85,6 +85,27 @@
             
         </div>
     </div>
+    <div class="d-flex flex-row footer-item footer-link" id="footer" style="margin-top: 24px; width: 100%; height: 59px; border-radius: 10px; border: 1px solid #D8D8D8; box-shadow: 4px 5px 40px 0px #E5E5E5; align-items: center;">
+            <div class="col-md-6" style="margin-left: 12px">
+                <img style="margin-right: 12px; width: 48px; height: 48px; border-radius: 9999px" src="{% static 'SharixAdmin/img/user_avatar_1.png' %}"/>
+                <span class="footer-color" style="margin-right: 12px;">{{ phone }}</span>
+            </div>
+            <div class="col-md-1">
+                <a href="{% url 'contact' %}">{% trans 'Contacts' %}</a>
+            </div>
+            <div class="col-md-2">
+                <a href="https://wiki.sharix-app.org/doku.php/sharix/legal/soglashenie_s_servisom_na_ispolzovanie_platformy_sharix">{% trans 'Terms of use' %}</a>
+            </div>
+            <div class="col-md-3">
+                <a  href="https://wiki.sharix-app.org/doku.php/sharix/legal/politika_konfidencialnosti_platformy_sharix">{% trans 'Privacy policy' %}</a>
+                <svg class="footer-color" style="margin-left: 12px;" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#479FF8" xmlns="http://www.w3.org/2000/svg">
+                    <text x="9" y="15">
+                        <a href="https://wiki.sharix-app.org/doku.php">?</a>
+                    </text>
+                    <circle cx="12" cy="12" r="11.5"/>
+                </svg>
+            </div>
+    </div>
 </div>
 
 <a class="d-flex align-items-center mb-3 mb-md-0 me-md-auto text-decoration-none"