Skip to content

Instantly share code, notes, and snippets.

@dtinth

dtinth/title_image.html

Created July 8, 2014 07:41
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save dtinth/4cbcaea315dff8bf5fb4 to your computer and use it in GitHub Desktop.
Save dtinth/4cbcaea315dff8bf5fb4 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
title_image.html
<!DOCTYPE html><meta charset=utf-8>
<style>
body { padding: 0; margin: 0; }
#outer {
width: 1632px; height: 1224px;
color: white; background: black;
font: bold 192px/1.3 Helvetica Neue, sans-serif;
position: relative;
}
#inner {
position: absolute; top: 50%; left: 0; right: 0;
-webkit-transform: translateY(-50%);
text-align: center;
padding: 32px;
}
.title { color: #faf543; }
.subtitle { }
.text {
font-weight: normal;
font-size: 70%;
line-height: 1.15;
margin-top: 1ex;
}
</style>
</head><body>
<div id="outer">
<div id="inner">
<div class="title">July 8</div>
<div class="subtitle">Subtitle</div>
<div class="text">First line<br>Second line<br>Third line</div>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment