<!DOCTYPE html>

<html lang="en">
  <head>
    <?php include "./page-blocks/head.php"; ?>
    <title>Contact</title>
  </head>

  <body>
  
    <?php include "./page-blocks/menu.php"; ?>

    <h1 class="page-title">Contact</h1>
      <div class="page-main-content">
        <a href="/downloads/vcard.vcf" class="download-link">Add me to your contacts</a>
        <h2>Find me elsewhere</h2>
          <div class="social-links">
            <a href="https://fb.me/fred.boniface" target="_blank" rel="noreferrer noopener">
              <picture>
                <source media="(max-width: 600px)" srcset="/images/social-icons/fb_blue_58.png" type="image/png">
                <source srcset="/images/social-icons/fb_blue_144.png" type="image/png">
                <img src="/images/social-icons/fb_blue_144.png" alt="Facebook Logo">
              </picture>
            </a>
            <a href="https://github.com/frdbonif" target="_blank" rel="noreferrer noopener">
              <picture>
                <source media="(max-width: 400px)" srcset="/images/social-icons/gh_white_64.png" type="image/png">
                <img src="/images/social-icons/gh_white_120.png" alt="GitHub Logo">
              </picture>
            </a>
            <a href="https://500px.com/p/fredboniface" target="_blank" rel="noreferrer noopener">
              <picture>
                <source media="(max-width: 600px)" srcset="/images/social-icons/500px_seek_58.jxl" type="image/jxl">
                <source media="(max-width: 600px)" srcset="/images/social-icons/500px_seek_58.webp" type="image/webp">
                <source media="(max-width: 600px)" srcset="/images/social-icons/500px_seek_58.png" type="image/png">
                <source srcset="/images/social-icons/500px_seek_114.jxl" type="image/jxl">
                <source srcset="/images/social-icons/500px_seek_114.webp" type="image/webp">
                <img src="/images/social-icons/500px_seek_114.png" alt="500px Logo">
              </picture>
            </a>
          </div>

      </div>

    <?php include "./page-blocks/footer.php"; ?>

  </body>
</html>