diff --git a/Client/WebServer/css/docs.css b/Client/WebServer/css/docs.css
index 807411b8e..176dab6a1 100644
--- a/Client/WebServer/css/docs.css
+++ b/Client/WebServer/css/docs.css
@@ -25,9 +25,9 @@ margin: 20 25 20 30px;
 font: 400 14px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; 
 color: #e6eaea; 
 background-color: #365558;
-line-height: 150%;
-border-top: 3px solid #0295aa;
-margin: 0px;
+line-height: 160%;
+border-top: 5px solid #0295aa;
+margin: 150px 0 0 0;
 padding: 50 25 20 30px;
 }
 
@@ -371,22 +371,53 @@ background: white;
 width: 100%;
 }
 
+/* Footer */
+
+.docs-node-html-footer-table {
+  display: table;
+  width: 100%;
+  border-collapse: separate;
+  border-spacing: 8px;
+  }
+
 .docs-footer-row {
-  text-decoration: none; /*I added this dummy property because this can not be empty. */
-  /* DELETE candidate
-margin-right: -15px;
-margin-left: -15px;
-*/
+  padding: 40px 0;
+  display: table-row;
 }
 
+.docs-footer-cell {
+  padding: 20 15px;
+  display: table-cell;
+  width: 33%;
+}
+
+#docs-footer h4 {
+  font-size: 120%;
+  font-weight: 300;
+  }
+
+#docs-footer a:hover {
+text-decoration: none;
+color: #ff8c29 !important;
+cursor: pointer;
+}
+
+#docs-footer a:link,
+#docs-footer a:visited,
+#docs-footer a:active {
+text-decoration: none;
+color: #ffd1a9;
+}
+
+
+/* DELETE candidate
 .docs-footer-body {
 position: relative;
 min-height: 1px;
-  /* DELETE candidate
 padding-right: 15px;
 padding-left: 15px;
-*/
 }
+*/
 
 /* Links */
 a:link.docs-plain-link {
@@ -416,25 +447,8 @@ text-decoration: none;
 padding-left: 3px;
 }
 
-a:link.docs-footer-link {
-text-decoration: none;
-color: #ffd1a9;
-}
 
-a:visited.docs-footer-link {
-text-decoration: none;
-color: #ffd1a9;
-}
 
-a:hover.docs-footer-link {
-text-decoration: underline;
-color: #ff8c29;
-}
-
-a:active.docs-footer-link {
-text-decoration: none;
-color: #ff8c29;
-}
 
 /* Tags */
 
@@ -690,7 +704,7 @@ width: 100%;
 .docs-search-results-header-tabs-container > input:checked + label {
   color: #0295aa;
   padding-bottom: 2px;
-  border-bottom:  3px solid #0295aa;
+  border-bottom:  5px solid #0295aa;
 }
 
 /* Search Results Page Content */
diff --git a/Projects/Superalgos/UI/Spaces/Docs-Space/Footer.js b/Projects/Superalgos/UI/Spaces/Docs-Space/Footer.js
index 8c9626d2b..c46c204d7 100644
--- a/Projects/Superalgos/UI/Spaces/Docs-Space/Footer.js
+++ b/Projects/Superalgos/UI/Spaces/Docs-Space/Footer.js
@@ -20,40 +20,75 @@ function newSuperalgosDocsFooter() {
 
         let HTML = ''
 
-        HTML = HTML + '<div class="docs-node-html-footer-container">' // Container Starts
+        HTML = HTML + '<div id="docs-footer" class="docs-node-html-footer-container">' // Container Starts
+
+        HTML = HTML + '<div class="docs-node-html-footer-table">'
 
         HTML = HTML + '<div class="docs-footer-row">'
-        HTML = HTML + '<div class="docs-footer-cell">'
-        HTML = HTML + '<div onClick="UI.projects.superalgos.spaces.docsSpace.scrollToElement(\'docs-space-div\')" class="docs-plain-link"><kbd class=docs-kbd>BACK TO TOP ↑</kbd></div>'
+        HTML = HTML + '<div onClick="UI.projects.superalgos.spaces.docsSpace.scrollToElement(\'docs-space-div\')"><kbd class=docs-kbd>BACK TO TOP ↑</kbd></div>'
         HTML = HTML + '</div>'
         HTML = HTML + '</div>'
 
+        HTML = HTML + '<div class="docs-node-html-footer-table">'
+
         HTML = HTML + '<div class="docs-footer-row">'
         HTML = HTML + '<div class="docs-footer-cell">'
-        HTML = HTML + 'You are currently reading the Docs in ' + languageLabel + '. To read the Docs in your language, follow one of these links:'
+        HTML = HTML + '<h4>Multi-language Docs</h4>'
+        HTML = HTML + 'We produce the original documentation in English and you get the content in your preferred language only when translations are available. When not, you get the default content, in English.'
+        HTML = HTML + '</div>'
+
+        HTML = HTML + '<div class="docs-footer-cell">'
+        HTML = HTML + '<h4>Choose Your Language</h4>'
+        HTML = HTML + 'The current preferred language is <strong>' + languageLabel + '</strong>. Switch to:'
         HTML = HTML + '<ul>'
-        HTML = HTML + '<li><a onClick="UI.projects.superalgos.spaces.docsSpace.changeLanguage(\'EN\')" class="docs-footer-link">English</a> — The collection of articles is complete in this language.</li>'
-        HTML = HTML + '<li><a onClick="UI.projects.superalgos.spaces.docsSpace.changeLanguage(\'ES\')" class="docs-footer-link">Spanish</a> — Work in progress. You are invited to contribute translating content.</li>'
-        HTML = HTML + '<li><a onClick="UI.projects.superalgos.spaces.docsSpace.changeLanguage(\'RU\')" class="docs-footer-link">Russian</a> — Work in progress. You are invited to contribute translating content.</li>'
+        HTML = HTML + '<li><a href="#" onClick="UI.projects.superalgos.spaces.docsSpace.changeLanguage(\'EN\')">English</a></li>'
+        HTML = HTML + '<li><a href="#" onClick="UI.projects.superalgos.spaces.docsSpace.changeLanguage(\'ES\')">Spanish</a></li>'
+        HTML = HTML + '<li><a href="#" onClick="UI.projects.superalgos.spaces.docsSpace.changeLanguage(\'RU\')">Russian</a></li>'
+        HTML = HTML + '</ul>'
+        HTML = HTML + '</div>'
+
+        HTML = HTML + '<div class="docs-footer-cell">'
+        HTML = HTML + '<h4>Contribute Translations</h4>'
+        HTML = HTML + '<strong>1. </strong>Switch to your language.<br/>'
+        HTML = HTML + '<strong>2. </strong>Edit any English paragraph with your translation.<br/>'
+        HTML = HTML + '<strong>3. </strong>Type <code class="docs-code">docs.save</code> in the search / command box.<br/>'
+        HTML = HTML + '<strong>4. </strong>Update your fork and submit a PR.<br/>'
+        HTML = HTML + '</ol>'
+        HTML = HTML + '</div>'
+        HTML = HTML + '</div>'
+
+        HTML = HTML + '<div class="docs-footer-row">'
+        HTML = HTML + '<div class="docs-footer-cell">'
+        HTML = HTML + '<h4>Join the Conversation</h4>'
+        HTML = HTML + '<ul>'
+        HTML = HTML + '<li><a href="https://t.me/superalgoscommunity" target="_blank">Community Group</a></li>'
+        HTML = HTML + '<li><a href="https://t.me/superalgossupport" target="_blank">Technical Support Group</a></li>'
+        HTML = HTML + '<li><a href="https://t.me/superalgosdevelop" target="_blank">Developers Group</a></li>'
+        HTML = HTML + '<li><a href="https://t.me/superalgosuxui" target="_blank">UX/UI Design Group</a></li>'
+        HTML = HTML + '</ul>'
+        HTML = HTML + '</div>'
+
+        HTML = HTML + '<div class="docs-footer-cell">'
+        HTML = HTML + '<h4>In Your Language</h4>'
+        HTML = HTML + '<ul>'
+        HTML = HTML + '<li><a href="https://t.me/superalgos_es" target="_blank">Hablemos en Español!</a></li>'
+        HTML = HTML + '<li><a href="https://t.me/superalgos_ru" target="_blank">Говорим по русски!</a></li>'
+        HTML = HTML + '</ul>'
+        HTML = HTML + '</div>'
+
+        HTML = HTML + '<div class="docs-footer-cell">'
+        HTML = HTML + '<h4>Other Resources</h4>'
+        HTML = HTML + '<ul>'
+        HTML = HTML + '<li><a href="https://t.me/superalgos" target="_blank">Official Announcements</a></li>'
+        HTML = HTML + '<li><a href="https://superalgos.org" target="_blank">Features and Functionality</a></li>'
+        HTML = HTML + '<li><a href="https://github.com/Superalgos/Superalgos" target="_blank">Main Repository</a></li>'
         HTML = HTML + '</ul>'
         HTML = HTML + '</div>'
         HTML = HTML + '</div>'
 
         HTML = HTML + '<div class="docs-footer-row">'
-        HTML = HTML + '<div class="docs-footer-cell">'
-        HTML = HTML + 'Other resources:'
-        HTML = HTML + '<ul>'
-        HTML = HTML + '<li><a href="https://superalgos.org/" target="_blank" class="docs-footer-link">Superalgos Project</a> — Learn more about the project.</li>'
-        HTML = HTML + '<li><a href="https://t.me/superalgoscommunity" rel="nofollow" target="_blank" class="docs-footer-link">Community Group</a> — Lets talk Superalgos!</li>'
-        HTML = HTML + '<li><a href="https://t.me/superalgossupport" rel="nofollow" target="_blank" class="docs-footer-link">Support Group</a> — Need help using the <code >master</code> branch?</li>'
-        HTML = HTML + '<li><a href="https://t.me/superalgosdevelop" rel="nofollow" target="_blank" class="docs-footer-link">Develop Group</a> — Come test the <code class="docs-code">develop</code> branch!</li>'
-        HTML = HTML + '<li><a href="https://t.me/superalgosuxui" rel="nofollow" target="_blank" class="docs-footer-link">UX/UI Design Group</a> — Help us improve the GIU!</li>'
-        HTML = HTML + '<li><a href="https://t.me/superalgos_es" rel="nofollow" target="_blank" class="docs-footer-link">Grupo en Español</a> — Hablemos en español!</li>'
-        HTML = HTML + '<li><a href="https://t.me/superalgos" rel="nofollow" target="_blank" class="docs-footer-link">Superalgos Announcements</a> — Be the first to know about new releases, hotfixes, and important issues.</li>'
-        HTML = HTML + '</ul>'
         HTML = HTML + '<img src="Images/superalgos-logo-white.png" width="200 px">'
         HTML = HTML + '</div>'
-        HTML = HTML + '</div>'
 
         HTML = HTML + '</div>' // Container Ends