login.html

<!DOCTYPE <!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Login</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel='stylesheet' type='text/css' href='./src/styles/style.css'>
  </head>
  <body>
    <div class='login'>
      <img src='./assets/virena-icon-white.png' id='logo'>
      <h1 id='app-name'>Virena</h1>
      <button id='google-login'>
        <img src='./assets/google_btn.png' id='google-btn'>
      </button>
      <!-- <button id='github-login'>
        Github Login
      </button> -->
      <span id='or'>Or</span>
      <button id='guest-login'>Continue As Guest</button>
    </div>
  </body>
  <script src="./login.js"></script>
  <!-- <script src="./githubLogin.js"></script> -->
</html>