index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta
      http-equiv="X-UA-Compatible"
      content="IE=edge"
    />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0"
    />
    <meta name="description" content="Rotating Earth and Moon using css"/>
    <title>Rotating Earth and Moon</title>
    <script
      src="https://kit.fontawesome.com/b62766c4e7.js"
      crossorigin="anonymous"
    ></script>
    <link
      rel="stylesheet"
      href="style.css"
    />
  </head>
  <body>
    <div class="container"><div class="earth"></div></div>
    <div class="moon"><div class="texture"></div></div>
    <footer>
      <a href="https://github.com/AnasElkalla"
        >&copy;Anas Elkalla <i class="fa-brands fa-github"></i
      ></a>
    </footer>
  </body>
</html>