Skip to content

Instantly share code, notes, and snippets.

/index.html

Created December 15, 2015 19:24
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save anonymous/9b33e56e89948b0286cc to your computer and use it in GitHub Desktop.
Save anonymous/9b33e56e89948b0286cc to your computer and use it in GitHub Desktop.
Download ZIP
Login Assignment 1 // source http://jsbin.com/sacoza
Raw
index.html
<!doctype html>
<html lang="en">
<head>
<meta name="description" content="Assignment 1" />
<meta charset="utf-8">
<title>Login</title>
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<link rel="stylesheet" href="css/styles.css">
<style id="jsbin-css">
body {
font-family:sans-serif;
}
form {
background-color:#b9ffb9;
border:solid 4px #304990;
width:190px;
padding:10px;
}
fieldset {
border:solid 4px #304990;
width:150px;
background-color:#FFF;
}
legend {
font-size:20px;
color:#304990;
}
label {
font-size:16px;
display:block;
}
footer {
color:#808080;
text-align:left;
font-size:12px;
}
</style>
</head>
<body>
<!-- Script 2.2 - login.html -->
<form action="login.php" method="post" id="loginForm">
<fieldset>
<legend>Login</legend>
<div><label for="email">Email Address</label><input type="email" name="email" id="email" required></div>
<div><label for="password">Password</label><input type="password" name="password" id="password" required></div>
<div><label for="passwordConfirm">Confirm Password</label><input type="password" name="passwordConfirm" id="passwordConfirm" required></div>
<div><label for="submit"></label><input type="submit" value="Login &rarr;" id="submit"></div>
</fieldset>
<footer>&copy; Copyright UVU DGM</footer>
</form>
<script src="js/login.js"></script>
<script id="jsbin-source-css" type="text/css">body {
font-family:sans-serif;
}
form {
background-color:#b9ffb9;
border:solid 4px #304990;
width:190px;
padding:10px;
}
fieldset {
border:solid 4px #304990;
width:150px;
background-color:#FFF;
}
legend {
font-size:20px;
color:#304990;
}
label {
font-size:16px;
display:block;
}
footer {
color:#808080;
text-align:left;
font-size:12px;
}</script>
</body>
</html>
Raw
jsbin.sacoza.css
body {
font-family:sans-serif;
}
form {
background-color:#b9ffb9;
border:solid 4px #304990;
width:190px;
padding:10px;
}
fieldset {
border:solid 4px #304990;
width:150px;
background-color:#FFF;
}
legend {
font-size:20px;
color:#304990;
}
label {
font-size:16px;
display:block;
}
footer {
color:#808080;
text-align:left;
font-size:12px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment