class Footer extends HTMLElement {
  constructor() {
    super();

    // The actual menu
    this.innerHTML = `
    <footer>
    <div class="footer-menu-wrapper">
      <img width="60" height="auto" src="proxy.php?url=https%3A%2F%2Fexogee.com%2Fassets%2Fimg%2Fexogee-logomark.svg" />

      <div class="footer-menu">
        <ul>
          <li><strong>Address</strong></li>
          <a href="proxy.php?url=https%3A%2F%2Fgoo.gl%2Fmaps%2FgKRX2yCNiACaSgSPA">
          Tower 1, Level 27 <br />
          100 Barangaroo Ave <br />
          Barangaroo, NSW 2000 <br />
          Australia</a></li>
        </ul>
        
        <ul>
          <li><strong>Pages</strong></li>
          <li><a href="proxy.php?url=https%3A%2F%2Fexogee.com%2F">Home</a></li>
          <li><a href="proxy.php?url=https%3A%2F%2Fexogee.com%2Fservices">Services</a></li>
          <li><a href="proxy.php?url=https%3A%2F%2Fexogee.com%2Four-work">Our Work</a></li>
          <li><a href="proxy.php?url=https%3A%2F%2Fexogee.com%2Fcompany">Company</a></li>
        </ul>
        <ul>
          <li><strong>Company</strong></li>
          <li><a href="proxy.php?url=https%3A%2F%2Fgithub.com%2Fexogee-technology">GitHub</a></li>
          <li><a href="proxy.php?url=https%3A%2F%2Fwww.linkedin.com%2Fcompany%2Fexogee%2F">LinkedIn</a></li>
          <li><a href="proxy.php?url=https%3A%2F%2Fexogee.com%2Fcontact">Contact</a></li>
        </ul>
      </div>
    </div>
    <div class="copyright-section">
      <p>&copy; Exogee Pty Ltd ${new Date().getFullYear()}</p>

      <div class="links">
        <a href="proxy.php?url=https%3A%2F%2Fexogee.com%2Fprivacy-policy">Privacy Policy</a>
        <span></span>
        <a href="proxy.php?url=https%3A%2F%2Fwww.linkedin.com%2Fcompany%2Fexogee%2F">Careers</a>
      </div>
    </div>
  </footer>
        `;
  }
}

window.customElements.define("footer-menu", Footer);