Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Save johanoloflindberg/1a0ab465760d7fef059b902f431b0a4e to your computer and use it in GitHub Desktop.
Save johanoloflindberg/1a0ab465760d7fef059b902f431b0a4e to your computer and use it in GitHub Desktop.
Vi bygger om!
<div>
<h1 id="h1"><a href="#">Vi bygger om!</a></h1>
<p id="p">Sidan är under uppbyggnad.</p>
</div>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
html, body{
height:100%;
}
body{
text-align:center;
font-family:Lato;
color:#aaa;
}
h1{
font-size:3em;
text-transform:uppercase;
}
a{
color:inherit;
text-decoration:none;
}
div{
position:absolute;
left:50%;
top:47%;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
<link href="http://fonts.googleapis.com/css?family=Lato:100" rel="stylesheet" />

Vi bygger om!

Holding page

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment