Skip to content

Instantly share code, notes, and snippets.

@dshookowsky
Last active August 29, 2015 14:04
Show Gist options
  • Save dshookowsky/db3c4ae0e747dd107cdb to your computer and use it in GitHub Desktop.
Save dshookowsky/db3c4ae0e747dd107cdb to your computer and use it in GitHub Desktop.
Contrived Bad Login Screen
<!DOCTYPE html>
<html lang="en" style="height: 100%;">
<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 very bad login page</title>
</head>
<body style="margin: 0; padding: 0; height: 100%;">
<!-- Here's an example of what *not* to do. Inline styles, table-based layout -->
<table style="width: 100%; height: 100%; margin: 0; padding: 0; border-spacing: 0;">
<tr style="background-color: rgb(165,48,43); color: #fff; height: 40px;">
<td style="width:50%; padding: 10px;"><img src="images/anexinet-logo.png" /></td>
<td style="width:50%; padding: 10px; text-align: right;"><div id="tagline">Where Leading-Edge Technology<br>Meets Competitive Advantage<sup>™</sup></div></td>
</tr>
<tr>
<td style=" padding: 1em;">
<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>
</td>
<td colspan="2" style="width: 100%; height=100%;" align="center" valign="middle">
<table width="50%" height: "50%">
<tr>
<td align="right">Username:</td>
<td align="left"><input type="text"></td>
</tr>
<tr>
<td align="right">Password:</td>
<td align="left"><input type="password"></td>
</tr>
<tr>
<td>&nbsp;</td>
<td align="left">
<input type="button" value="Reset" />
<input type="button" value="Submit" />
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment