Skip to content

Instantly share code, notes, and snippets.

@Ze1598
Last active April 12, 2023 22:37
Show Gist options
  • Save Ze1598/f209cf7ed867ff81d38fbaa61da9fd74 to your computer and use it in GitHub Desktop.
Save Ze1598/f209cf7ed867ff81d38fbaa61da9fd74 to your computer and use it in GitHub Desktop.
Login page - HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Login</title>
<link rel="stylesheet" href="login-page.css">
<script defer src="login-page.js"></script>
</head>
<body>
<main id="main-holder">
<h1 id="login-header">Login</h1>
<div id="login-error-msg-holder">
<p id="login-error-msg">Invalid username <span id="error-msg-second-line">and/or password</span></p>
</div>
<form id="login-form">
<input type="text" name="username" id="username-field" class="login-form-field" placeholder="Username">
<input type="password" name="password" id="password-field" class="login-form-field" placeholder="Password">
<input type="submit" value="Login" id="login-form-submit">
</form>
</main>
</body>
</html>
@ZDHDclan
Copy link

ZDHDclan commented Apr 5, 2020

<title>Login</title> <script defer src="login-page.js"></script>

Login

<div id="login-error-msg-holder">
  <p id="login-error-msg">Invalid username <span id="error-msg-second-line">and/or password</span></p>
</div>

<form id="login-form">
  <input type="text" name="username" id="username-field" class="login-form-field" placeholder="Username">
  <input type="password" name="password" id="password-field" class="login-form-field" placeholder="Password">
  <input type="submit" value="Login" id="login-form-submit">
</form>

@GroupSCHOOLMapping
Copy link

awesome bro

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment