index.html

<html lang="en">
  <head>
    <title>IP Address Checker</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta name="theme-color" content="#FEE75C" />
    <meta name="description" content="Do you know your IP Address? I do!" />
    <meta name="author" content="Loxik" />
    <meta name="keywords" content="Loxik, NotLoxik, MyIP, IP, IP Address," />
    <link rel="icon" type="image/png" href="src/assets/img/favicon.ico" />
    <link rel="stylesheet" href="src/components/style.css" />
    <script src="src/components/script.js" defer></script>
  </head>
  <body>
    <section id="fullScreenContainer">
      <div id="map" tabindex="-1"></div>
      <div id="gridOverlayContainer"></div>
      <header id="ipAddressOverlayContainer">
        <div id="ipAddressContainer">
          <span id="caption"> </span>
          <span id="ipAddress"></span>
          <button id="copyButton" class="copyButton" data-clipboard-target="#ipAddress">COPY</button>
        </div>
      </header>
    </section>
  </body>
</html>