Skip to content

Instantly share code, notes, and snippets.

@drhees
Last active Aug 29, 2015
Embed
What would you like to do?
OpenMinded temporary splash page
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:700,300">
<title>OpenMinded - A new dating service coming spring 2015</title>
<style>
* {
font-weight: 300;
margin: 0;
}
html {
background-position: center;
color: #fff;
height: 100%;
font: 100%/1.5 "Open Sans", sans-serif;
}
body {
height: 100%;
background-color: rgb(34,35,34);
background-image: url(http://isg-design.s3.amazonaws.com/openmind-bg.jpg);
background-size: cover;
background-position: center;
}
h1 {
}
.SiteTitle {
position: absolute;
bottom: 50%;
text-align: center;
left: 0;
right: 0;
font-size: 66px;
line-height: 1;
text-shadow: 0 2px 0 rgba(0, 0, 0, 0.25)
}
i {
line-height: 1;
font-size: .285em;
vertical-align: top;
font-style: normal;
display: inline-block;
margin-top: 0.35em;
margin-left: 0.135em;
}
.SiteTitle-sub {
font-size: 0.25em;
line-height: 2;
}
.u-heavy {
font-weight: 700;
}
.u-bumpLeft {
padding-left: 6em;
}
@media (max-width: 560px){
.SiteTitle {
font-size: 43px;
}
}
</style>
</head>
<body>
<h1 class="SiteTitle">
<span>Open<span class="u-heavy">Minded</span><i>&#153; </i></span>
<p class="SiteTitle-sub"><span class="u-bumpLeft">A new dating service coming soon in Spring 2015</span></p>
</h1>
<!-- Google Tag Manager -->
<noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-NRDD8Z"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-NRDD8Z');</script>
<!-- End Google Tag Manager -->
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment