Skip to content

Instantly share code, notes, and snippets.

@flexchar

flexchar/index.html

Created May 14, 2018 17:53
Show Gist options
  • Save flexchar/21846e0ed00f3e0fc6e91276f23f7f3b to your computer and use it in GitHub Desktop.
Save flexchar/21846e0ed00f3e0fc6e91276f23f7f3b to your computer and use it in GitHub Desktop.
Download ZIP
Light & Clean Web page for title, font safe
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<title>{text_here}</title>
<style>
html, body {
height: 100%;
}
body {
margin: 0;
padding: 0;
width: 100%;
display: table;
font-weight: 100;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
.container {
text-align: center;
display: table-cell;
vertical-align: middle;
}
.content {
text-align: center;
display: inline-block;
}
.title {
font-size: 96px;
}
p {
font-size: 2rem;
}
</style>
</head>
<body>
<div class="container">
<div class="content">
<div class="title">{text_here}</div>
<p>{text_here}</p>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment