google translate page

<!-- <script type="text/javascript">
  function updateTime() {
    var timestamp = new Date();
    $('#time').html(timestamp);
    timestamp++;
  }
  $(function() {
    setInterval(updateTime, 1000);
  });
</script> -->
<style>
    body {
      top: 0px;
    }

    iframe {
      display: none;
    }

    .goog-logo-link,
    .goog-te-gadget span {
      display: none !important;
    }

    .goog-te-gadget {
      color: transparent !important;
      font-size: 0;
    }

    .fixed-con {
      z-index: 9724790009779558 !important;
      background-color: #f7f8fc;
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      overflow-y: auto;
    }

    .VIpgJd-ZVi9od-aZ2wEe-wOHMyf {
      z-index: 9724790009779 !important;
      top: 0;
      left: unset;
      right: -5px;
      display: none !important;
      border-radius: 50%;
      border: 2px solid gold;
    }

    .VIpgJd-ZVi9od-aZ2wEe-OiiCO {
      width: 80px;
      height: 80px;
    }

    /*hide google translate link | logo | banner-frame */
    .goog-logo-link,
    .gskiptranslate,
    .goog-te-gadget span,
    .goog-te-banner-frame,
    #goog-gt-tt,
    .goog-te-balloon-frame,
    div#goog-gt- {
      display: none !important;
    }

    .goog-te-gadget {
      color: transparent !important;
      font-size: 0px;
    }

    .goog-text-highlight {
      background: none !important;
      box-shadow: none !important;
    }


    #google_translate_element select {
      background-color: #E9ECEF;
      color: #000;
      border: none;
      border-radius: 3px;
      padding: 6px 8px
    }

    #formbahasa {
      background-color: #E9ECEF;
      color: #000;
      border: none;
      border-radius: 3px;
      padding: 6px 8px;
      width: 100px;
    }

    
    #resetbahasa {
                background-color: #E9ECEF;
                color: #000;
                border: none;
                border-top-left-radius: 3px;
                border-bottom-left-radius: 3px;
                padding: 0px 8px;
                margin-top: 4px;
                height: 28px;
            }

    #google_translate_element select:focus,
    input:focus {
      outline: none;
    }

    body {
      top: 0 !important;
    }
  </style>
 




<footer class="footer d-flex flex-column flex-md-row align-items-center justify-content-between px-4 py-3 border-top small">
				
  <p class="text-muted text-center"> Copyright © 2023 <a href="https://instagram.com/fzlanwr" target="_blank"> @fzlanwr</a> | Handcrafted With <i class="mb-1 text-primary ms-1 icon-sm" data-feather="heart"></i></p>
  <p class="text-muted mb-1 mb-md-0"  style=" display: flex; flex-wrap: wrap; align-items: stretch;    ">
  <a id="resetbahasa"><i  data-feather="globe"  class="icon-sm" style="margin-top: 7px;"></i><a id="google_translate_element"></a></a>
  </p>
			</footer>

      
  <script type="text/javascript">
    $("#resetbahasa").click(function() {
      var iframe = document.getElementsByClassName('goog-te-banner-frame')[0] ||
        document.getElementById(':1.container');
      if (!iframe) return;
      var innerDoc = iframe.contentDocument || iframe.contentWindow.document;
      var restore_el = innerDoc.getElementsByTagName("button");
      for (var i = 0; i < restore_el.length; i++) {
        if (restore_el[i].id.indexOf("restore") >= 0) {
          restore_el[i].click();
          return;
        }
      }
    });
    function googleTranslateElementInit() {
      new google.translate.TranslateElement({
        pageLanguage: 'en',
        autoDisplay: 'true',
        includedLanguages: 'en,hi,ar,en,ja,zh-CN,zh-TW,ms,su,jw,th,ko,ru',
        layout: google.translate.TranslateElement.InlineLayout.HORIZONTAL
      }, 'google_translate_element');
    }
  </script>
  <script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>



  <!-- <div id="google_translate_element" style="display:none"></div>
  <div class="input-group">
    <span class="input-group-text input-group-addon" id="resetbahasa" data-toggle><i class="link-icon icon-sm" data-feather="globe"></i></span>
    <select id="formbahasa">
      <option value="en">English</option>
      <option value="id">Indonesia</option>
      <option value="su">Sunda</option>
      <option value="su">Jawa</option>
    </select>
  </div>

  <script type="text/javascript">
    function googleTranslateElementInit() {
      new google.translate.TranslateElement({
        pageLanguage: "en"
      }, 'google_translate_element');
    }
    $("#dropdown1").change(function() {
      var language = document.getElementById("dropdown1").value;
      var selectField = document.querySelector("#google_translate_element select");
      for (var i = 0; i < selectField.children.length; i++) {
        var option = selectField.children[i];
        if (option.value == language) {
          selectField.selectedIndex = i;
          selectField.dispatchEvent(new Event('change'));
          break;
        }
      }
    });
    $("#resetbahasa").click(function() {
      var iframe = document.getElementsByClassName('goog-te-banner-frame')[0] ||
        document.getElementById(':1.container');
      if (!iframe) return;
      var innerDoc = iframe.contentDocument || iframe.contentWindow.document;
      var restore_el = innerDoc.getElementsByTagName("button");
      for (var i = 0; i < restore_el.length; i++) {
        if (restore_el[i].id.indexOf("restore") >= 0) {
          restore_el[i].click();
          return;
        }
      }
    });
  </script>
  <script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script> -->


</html>