Skip to content

Instantly share code, notes, and snippets.

@thehowl
Created March 14, 2016 09:02
Show Gist options
  • Save thehowl/8d8966c2dc696f4929bb to your computer and use it in GitHub Desktop.
Save thehowl/8d8966c2dc696f4929bb to your computer and use it in GitHub Desktop.
body {
width: 980px;
}
#left {
float: left; width: 520px;
}
#wrapper {
width: 500px;
height: 600px;
min-height: 600px;
border: 1px solid black;
}
#top_bar {
width: 440px;
height: 10px;
background-color: rgb(0, 51, 153);
margin-left: 30px;
}
#top_title {
font-family: "Times New Roman",Times,serif;
font-size: 18px; font-style: italic;
vertical-align: bottom; text-align: center;
width: 440px;
margin-left: 30px;
margin-bottom: 280px;
padding-top: 5px;
text-transform: capitalize;
}
#middle_title_wrapper {
text-align: center;
vertical-align: bottom;
}
#middle_title {
width: 420px;
padding: 10px;
margin-left: 30px;
margin-bottom: -500px;
background-color: rgb(0, 51, 153);
color: white;
font-family: "Times New Roman",Times,serif;
font-size: 80px;
line-height: 80px;
text-align: justify;
text-transform: capitalize;
letter-spacing: 3px;
}
#bottom_wrapper {
margin-top: 30px;
}
#sub_title {
font-family: "Times New Roman",Times,serif;
font-size: 24px;
font-style: italic;
vertical-align: bottom;
text-align: right;
width: 440px;
margin-left: 30px;
padding-top: 150px;
text-transform: capitalize;
}
#bottom_left {
float: left;
text-transform: uppercase;
font-family: Arial;
margin-left: 30px;
font-size: 20px;
}
#bottom_right {
float: right;
margin-right: 30px;
font-size: 20px;
text-transform: capitalize;
text-align: right;
font-style: italic;
font-family: "Times New Roman",Times,serif;
}
<div id="left">
<div id="wrapper">
<div id="top_bar"></div>
<div id="top_title">you might as well kill yourself now</div>
<div id="middle_title_wrapper">
<div id="middle_title">Windows DLLs with Go</div>
<img src="animal1.gif">
<div id="sub_title">Fuck is this shit hard</div>
</div>
<div id="bottom_wrapper">
<div id="bottom_left">o'reilly</div>
<div id="bottom_right">(author would go here)</div>
<div style="clear: both; float: none;"></div>
</div>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment