Preview:
<!DOCTYPE html>
<html>

<head>
  <title>Create Account</title>
  <link rel="stylesheet" href="styles.css">
</head>

<body>
  <div id="signin">

    <h2>Sign In</h2>

    <form onsubmit="redirectPage()">
      <label for="email">Email:</label>
      <input type="email" id="email" name="email">

      <label for="password">Password:</label>
      <input type="password" id="password" name="password">

      <input type="submit" value="Sign In">
    </form>
    <img src="websitelogo.png" width="500" height="500" style="margin: 0 auto; display: flex;margin-top: 100px;">
  </div>

  <script>

    function redirectPage() {

      document.getElementById("signin").innerHTML = "<p>Thank you for signing in! Redirecting...</p>";

      alert("You will be redirected shortly");

      setTimeout(function () {

        window.location.href = "https://index-1.hebbaraarush105.repl.co/";

      }, 2000);

    }

  </script>

</body>

</html>
downloadDownload PNG downloadDownload JPEG downloadDownload SVG

Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!

Click to optimize width for Twitter