Skip to content

Instantly share code, notes, and snippets.

@behrangsa

behrangsa/index.html

Created June 25, 2011 22:50
Show Gist options
  • Save behrangsa/1046992 to your computer and use it in GitHub Desktop.
Save behrangsa/1046992 to your computer and use it in GitHub Desktop.
Download ZIP
HTML Page
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<title>Gorgeous Login Form Demo</title>
<link href='http://fonts.googleapis.com/css?family=Ubuntu&amp;v1' rel='stylesheet' type='text/css' />
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.9.0/build/reset-fonts-grids/reset-fonts-grids.css" />
<link rel="stylesheet" type="text/css" href="login-form.css" />
<link rel="stylesheet" type="text/css" href="http://ajax.microsoft.com/ajax/jquery.ui/1.8.13/themes/redmond/jquery-ui.css" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/jquery-ui.js"></script>
<script type="text/javascript" src="login-form.js"></script>
<noscript>
<style type="text/css" media="screen">
label {
margin-top: -30px;
}
</style>
</noscript>
</head>
<body>
<form action="index.html">
<ul id="login-details">
<li class="input">
<label id="username-label">Username or Email Address</label>
<input id="username" class="field" type="text"/>
</li>
<li class="input">
<label id="password-label">Password</label>
<input id="password" class="field" type="password" />
</li>
<li class="action">
<input type="submit" value="Login" />
</li>
</ul>
</form>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment