From e2b8bf4fc758558afe52747d33a932bb1b53d78f Mon Sep 17 00:00:00 2001
From: Andrzej Kopytko <andrzejx.kopytko@intel.com>
Date: Tue, 28 May 2024 09:53:15 +0200
Subject: [PATCH] DOCS Updated footer file (#24708)

### Details:
 - *item1*
 - *...*

### Tickets:
 - *ticket-id*
---
 docs/sphinx_setup/_static/css/custom.css   |  19 ++-
 docs/sphinx_setup/_static/html/footer.html | 132 +++++++++++++++++++++
 2 files changed, 150 insertions(+), 1 deletion(-)
 create mode 100644 docs/sphinx_setup/_static/html/footer.html

diff --git a/docs/sphinx_setup/_static/css/custom.css b/docs/sphinx_setup/_static/css/custom.css
index 49bcc5e3b73..a9536c7aa05 100644
--- a/docs/sphinx_setup/_static/css/custom.css
+++ b/docs/sphinx_setup/_static/css/custom.css
@@ -423,11 +423,28 @@ div.highlight {
 .hidden-banner {
     display: none!important;
 }
+/* Header */
 
+.bd-header label.primary-toggle {
+    color: white;
+}
+
+.bd-header label.secondary-toggle {
+    visibility: hidden;
+}
 
 /* Responsiveness */
 /* =================================================== */
 @media (max-width: 720px) {
+
+    .container, 
+    .container-lg,
+    .container-md,
+    .container-sm,
+    .container-xl {
+        max-width: 1850px;
+    }
+    
     .transition-banner {
         margin-top: 2rem;
     }
@@ -439,7 +456,7 @@ div.highlight {
     .container-md,
     .container-sm,
     .container-xl {
-        max-width: 1800px;
+        max-width: 1900px;
     }
 }
 
diff --git a/docs/sphinx_setup/_static/html/footer.html b/docs/sphinx_setup/_static/html/footer.html
new file mode 100644
index 00000000000..da0353dd096
--- /dev/null
+++ b/docs/sphinx_setup/_static/html/footer.html
@@ -0,0 +1,132 @@
+<style>
+    body {
+        margin: 0;
+    }
+
+    .container {
+        padding-right: 30px;
+        padding-left: 30px;
+        margin-right: auto;
+        margin-left: auto;
+        background-color: rgb(240, 240, 240);
+    }
+
+    .footer-link-list a {
+        float: left;
+        margin-right: 30px;
+        text-decoration: none;
+        background-color: transparent;
+    }
+
+    .footer-link-list a:nth-child(1) {
+        margin-right: 50px;
+    }
+
+    .footer-link-list a:nth-child(2) {
+        clear: both;
+    }
+
+    .footer-contents {
+        border-top: 1px solid lightgray;
+        font-size: 14px;
+        box-sizing: border-box;
+        font-family: sans-serif;
+        padding-top: 10px;
+        margin-top: 0;
+        margin-bottom: 0;
+        line-height: 1.65;
+        margin-left: 0px;
+        margin-right: 0px;
+    }
+
+    .footer-contents p {
+        margin-top: 0;
+        margin-bottom: 0;
+        line-height: 1.65;
+    }
+
+    .footer-contents .footer-link-list a {
+        color: #0054AE;
+    }
+
+    .newsletter-btn,
+    .newsletter-btn:active {
+        background-color: #0054AE;
+        border: 1px solid #0054AE;
+        border-radius: none;
+        color: white;
+        margin-top: 5px;
+        cursor: pointer;
+        display: inline-block;
+        font-weight: 400;
+        font-size: .8rem;
+        line-height: 2.0;
+        padding: .2rem .5rem;
+        text-align: center;
+        text-decoration: none;
+        transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
+        vertical-align: middle;
+        align-self: flex-start;
+    }
+    ul {
+        margin-bottom: 0px;
+    }
+
+    .no-bullets {
+        list-style-type: none;
+    }
+
+    .newsletter-btn:hover {
+        background-color: rgb(240, 240, 240);
+        color: hsl(211, 100%, 34%);
+    }
+
+    .footer-list {
+        display: flex;
+        flex-direction: row;
+        justify-content: space-between;
+        align-items: center;
+    }
+
+    .footer-link-list {
+        display: flex;
+        flex-direction: row;
+    }
+
+    /* cookie wap requirement */
+    li#wap_dns {
+        display: none;
+    }
+
+    .reference:hover {
+        text-decoration: underline;
+    }
+
+</style>
+
+<div class="container footer-contents">
+    <div class="footer-item">
+        <div class="footer-list">
+            <div class="footer-link-list">
+                <a href="https://www.intel.com/content/www/us/en/homepage.html" alt="Intel" style="color: #000;"
+                    target="" _blank>©2024 Intel Corporation</a>
+                <ul class="no-bullets">
+                    <li ><a class="reference" href="https://www.intel.com/content/www/us/en/legal/terms-of-use.html" alt="terms of use" target="_blank">Terms of Use</a></li>
+                    <li><a class="reference" href="https://www.intel.com/content/www/us/en/privacy/intel-cookie-notice.html" alt="cookies policy" target="_blank" data-cookie-notice="true" >Cookies</a></li>
+                    <li><a class="reference" href="https://www.intel.com/content/www/us/en/privacy/intel-privacy-notice.html" alt="privacy" target="_blank">Privacy</a></li>
+                </ul>
+
+                <ul class="no-bullets">
+                    <li><a class="reference" href="https://www.intel.com/content/www/us/en/privacy/intel-privacy-notice.html" alt="legal and responsible ai information" target="_blank">Legal and Responsible AI Information</a></li>
+                    <li><a class="reference" href="https://www.intel.com/content/www/us/en/artificial-intelligence/responsible-ai.html" alt="responsible ai" target="_blank">Responsible AI</a></li>
+                    <li data-wap_ref="dns" id="wap_dns"><a class="reference" href="https://www.intel.com/content/www/us/en/privacy/intel-cookienotice.html" alt="terms of use" target="_parent">Do Not Share My Personal Information</a></li>
+                </ul>
+            </div>
+            <a id="newsletterTrigger" class="newsletter-btn" href="#" alt="Newsletter"
+                onclick="return false;">Newsletter</a>
+
+        </div>
+        <p style="font-size: 0.9em">Intel, the Intel logo, and other Intel marks are trademarks of Intel Corporation or
+            its subsidiaries. Other names and brands may be claimed as the property of others.</p>
+    </div>
+</div>
\ No newline at end of file