Skip to content

Instantly share code, notes, and snippets.

@SemanticallyNull
Created August 9, 2012 16:34
Show Gist options
  • Save SemanticallyNull/3305669 to your computer and use it in GitHub Desktop.
Save SemanticallyNull/3305669 to your computer and use it in GitHub Desktop.
HTTPS Login site
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Bootstrap, from Twitter</title>
<meta name="description" content="">
<meta name="author" content="">
<!-- Le styles -->
<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.0.4/css/bootstrap-combined.min.css" rel="stylesheet">
<style type="text/css">
/* Override some defaults */
html, body {
background-color: #eee;
}
body {
padding-top: 40px;
}
.container {
width: 300px;
}
/* The white background content wrapper */
.container > .content {
background-color: #fff;
padding: 20px;
margin: 0 -20px;
-webkit-border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.15);
box-shadow: 0 1px 2px rgba(0,0,0,.15);
}
.login-form {
margin-left: 65px;
}
legend {
margin-right: -50px;
font-weight: bold;
color: #404040;
}
</style>
</head>
<body>
<div class="container">
<div class="content">
<div class="row">
<div class="login-form">
<h2>Login</h2>
<p>Yup, I'm secure :D</p>
<form action="https://secure.iwantcode.org/index.html">
<fieldset>
<div class="clearfix">
<input type="text" placeholder="Username">
</div>
<div class="clearfix">
<input type="password" placeholder="Password">
</div>
<button class="btn btn-primary" type="submit">Sign in</button>
</fieldset>
</form>
</div>
</div>
</div>
</div> <!-- /container -->
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment