Skip to content

Instantly share code, notes, and snippets.

@estet90

estet90/login.css

Created December 18, 2022 10:46
Show Gist options
  • Save estet90/6d9660000b1300f9b34f72c6e8cb7b85 to your computer and use it in GitHub Desktop.
Save estet90/6d9660000b1300f9b34f72c6e8cb7b85 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
login.css
div.login_form {
width: 250px;
height: 250px;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
}
Raw
login.html
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="title" content="Вход" />
<meta name="language" content="ru" />
<title>Вход</title>
<meta content="text/html; charset=UTF-8" http-equiv="content-type" />
<link rel="stylesheet" type="text/css" media="screen" href="login.css" />
</head>
<body>
<div id="wrap" class="login_form">
<div id="content_box">
<h1>Вход</h1>
<form action="TODO" method="POST">
<div class="error_contener"></div>
<div class="form-row">
<div class="form-label"><label for="user_login">Логин</label></div>
<div class="form-field">
<input type="text" name="user[login]" id="user_login" required="true"/>
</div>
</div>
<div class="form-row">
<div class="form-label"><label for="user_password">Пароль</label></div>
<div class="form-field">
<input type="password" name="user[password]" id="user_password" required="true" minlength="6" maxlength="20" pattern="^[a-zA-Z0-9]+$"/>
</div>
</div>
<div class="form-buttons">
<input class="submit" type="submit" value="Логин" title="Логин" />
</div>
</form>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment