inline back to top #4932

assets/html/event.html

@@ -1132,20 +1132,37 @@ <h2 style="margin-bottom: 2.4rem; margin-top:0.5rem; font-size: 28px; font-weigh
 
 
       <!-- adding privacy policy and copyright popup-->
-      <div class="footer-f" style="text-align: center; align-items: center;    ">
-        <p style="text-align: center">
-          &copy;
-          <script>document.write(new Date().getFullYear())</script> All Rights Reserved. Made with ❤ by Guardian Hackers.
-        </p>
-        <div class="row-copy">
-
-
-        <a href="/copyrightpolicy.html" id="copyrightPolicyLink">Copyright Policy</a> |
-        <a href="/privacynotice.html" id="privacyNoticeLink">Privacy Notice</a>  |
-
-        <a href="/our-vision.html" id="ourvisionLink">Our Vision</a></li>
-      </div>
+      <div class="footer-f" style="text-align: center;">
+        <div style="display: flex; justify-content: space-between; align-items: center; width: 100%;">
+          <div id="back-to-top-container" onclick="lenis.scrollTo('#home')" style="display: inline-flex; align-items: center;">
+            <button class="Btn">
+              <svg height="1.2em" class="arrow" viewBox="0 0 512 512">
+                <path
+                  d="M233.4 105.4c12.5-12.5 32.8-12.5 45.3 0l192 192c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L256 173.3 86.6 342.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l192-192z">
+                </path>
+              </svg>
+              <p class="text">Back to Top</p>
+            </button>
+          </div>
+
+          <p style="text-align: center; margin-top: -10px;">
+            &copy; <script>document.write(new Date().getFullYear())</script> All Rights Reserved. Made with ❤ by Guardian Hackers.
+          </p>
+
+          <div style="margin-left: 10px;">
+            <button id="translateButton">Translate</button>
+          </div>
+        </div>
+
+        <div class="row-copy" style="text-align: center; margin-top: -30px;">
+            <a href="/copyrightpolicy.html" id="copyrightPolicyLink">Copyright Policy</a> |
+            <a href="/privacynotice.html" id="privacyNoticeLink">Privacy Notice</a> |
+            <a href="/our-vision.html" id="ourvisionLink">Our Vision</a>
+          </div>
+
       </div>
+
+
         <style>
           #copyrightPolicyLink:hover{
             color: rgb(126, 0, 21);
@@ -1162,21 +1179,10 @@ <h2 style="margin-bottom: 2.4rem; margin-top:0.5rem; font-size: 28px; font-weigh
         </style>
     </footer>
 
-    <div>
-      <div id="back-to-top-container" onclick="lenis.scrollTo('#home')" class="right">
-        <button class="Btn">
-          <svg height="1.2em" class="arrow" viewBox="0 0 512 512">
-            <path
-              d="M233.4 105.4c12.5-12.5 32.8-12.5 45.3 0l192 192c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L256 173.3 86.6 342.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l192-192z">
-            </path>
-          </svg>
-          <p class="text">Back to Top</p>
-        </button>
-      </div>
-      <div>
-        <button id="translateButton">Translate</button>
-      </div>
-    </div>
+
+
+
+
     <script>
       document.addEventListener("DOMContentLoaded", function () {
   const backToTopButton = document.getElementById('back-to-top-container');