Skip to content

Instantly share code, notes, and snippets.

@dshookowsky
Last active August 29, 2015 14:04
Show Gist options
  • Save dshookowsky/5dbf7200c25df9d214e4 to your computer and use it in GitHub Desktop.
Save dshookowsky/5dbf7200c25df9d214e4 to your computer and use it in GitHub Desktop.
A better login page
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>A better login page</title>
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<style>
.headerRow {
background-color: rgb(168, 43, 48);
color: #fff;
}
.loginForm {
padding: 1em;
}
.loginForm .row {
padding-bottom: 1em;
}
.formLabel {
font-weight: bold;
}
</style>
</head>
<body>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>
<div class="row headerRow">
<div class="col-md-6 col-sm-6"><img src="images/anexinet-logo.png"/></div>
<div class="col-md-6 col-sm-6 text-right visible-lg-block visible-md-block visible-sm-block"><div id="tagline">Where Leading-Edge Technology<br>Meets Competitive Advantage<sup>™</sup></div></div>
</div>
<div class="container">
<div class="col-md-6">
<p>Bacon ipsum dolor sit amet tongue nisi ex landjaeger turkey ribeye chuck in sed venison andouille. Sausage dolore turkey, strip steak consectetur doner laborum aliqua id. Labore tempor ullamco, shankle pork loin in salami irure rump fugiat. Bresaola do sed, laboris anim deserunt kielbasa shank. Nulla hamburger pastrami officia ball tip elit. Frankfurter capicola eu cupidatat, do occaecat cillum aute est deserunt ut sunt short ribs turkey non.</p>
<p>Labore qui duis excepteur, proident turducken sirloin esse ball tip. Drumstick ut sint frankfurter tongue ham commodo boudin elit. Prosciutto drumstick elit esse frankfurter tempor. Nulla aliquip sirloin, sunt reprehenderit tongue excepteur.</p>
<p>Shoulder in sunt, short loin bresaola est officia consectetur dolore jowl sed. Bacon aliqua meatball, culpa beef ribs esse pork loin ut. Nisi nulla ut swine pancetta do esse. Spare ribs bacon qui landjaeger ground round capicola chuck drumstick fatback sausage shankle officia tri-tip pork belly. Short ribs turducken ullamco et occaecat anim meatball. Enim fatback kielbasa, ad frankfurter commodo tongue tail sint. Brisket landjaeger kevin, sint biltong pork chop tri-tip bresaola.</p>
<p>Laboris officia spare ribs, meatloaf shankle fatback sed doner short loin ea veniam. Meatball leberkas shoulder turducken do cillum ribeye laborum id beef aliqua voluptate boudin non. Consectetur boudin meatball ea, ground round porchetta filet mignon ad ball tip venison id. Jowl cow chuck anim elit incididunt, drumstick eiusmod venison tenderloin fatback.</p>
<p>Ham hock reprehenderit kevin ea, shoulder corned beef magna. Ea pork chop exercitation, est non sirloin rump enim beef ut eiusmod laborum capicola sunt. Ham nulla flank dolor, commodo beef ground round pork eiusmod laborum in. Fugiat pig ea fatback dolor, nulla velit corned beef. Mollit consequat filet mignon reprehenderit kielbasa ex sunt do sed doner nisi short ribs jerky enim. Shank andouille kevin aliquip, filet mignon nisi excepteur sausage dolore eiusmod culpa ut ham hock.</p>
</div>
<div class="col-md-6 loginForm">
<div class="row">
<div class="col-sm-12 text-left visible-xs-block visible-sm-block formLabel">
Username:
</div>
<div class="col-md-6 text-right visible-lg-block visible-md-block formLabel">
Username:
</div>
<div class="col-md-6 text-left">
<input type="text" />
</div>
</div>
<div class="row">
<div class="col-sm-12 text-left visible-xs-block visible-sm-block formLabel">
Password:
</div>
<div class="col-md-6 text-right visible-lg-block visible-md-block formLabel">
Password:
</div>
<div class="col-md-6 text-left">
<input type="password" />
</div>
</div>
<div class="row">
<div class="col-md-6 col-md-offset-6 text-left">
<input type="button" value="Reset" />
<input type="button" value="Submit" />
</div>
</div>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment