Ads.txt
Ad Exchange
Type
Publisher ID
Certification ID
<style type="text/css">
.page-404 {
position: relative;
float: left;
width: 100%;
height: 600px;
padding-top: 80px;
}
.outer{
display: table;
position: absolute;
height: 100%;
width: 100%;
}
.inner{
display: table-cell;
vertical-align: middle;
}
.middle{
margin: 0 auto 100px;
text-align: center;
max-width: 500px;
padding: 10px;
}
h1{
font-family: brandon_grotesquemedium
sans-serif;
font-size: 36px;
text-transform: uppercase;
letter-spacing: 0.025em;
margin-bottom: 12px;
}
h2{
font-size: 24px;
line-height: 28px;
font-weight: normal;
margin: 0 0 36px 0;
font-family: brandon_grotesque_regularrg
sans-serif;
}
a{
text-decoration: none;
}
.error{
font-family: brandon_grotesque_regularrg
sans-serif;
font-size: 60px;
float: left;
width:100%;
text-align: center;
}
.cloud{
display: block;
position: relative;
background-image: url('//app.wellframe.com//wf_cloud@2x.png');
background-repeat: no-repeat;
background-size: 270px 190px;
width: 270px;
height: 190px;
margin: 0 auto;
}
@-webkit-keyframes infinite-spinning {
from {
transform: rotate(0deg);
}
to {
transform: rotate(359deg);
}
}
@-moz-keyframes infinite-spinning {
from {
transform: rotate(0deg);
}
to {
transform: rotate(359deg);
}
}
@-o-keyframes infinite-spinning {
from {
transform: rotate(0deg);
}
to {
transform: rotate(359deg);
}
}
@keyframes infinite-spinning {
from {
transform: rotate(0deg);
}
to {
transform: rotate(359deg);
}
}
@-webkit-keyframes infinite-spinning1 {
from {
transform: rotate(359deg);
}
to {
transform: rotate(0deg);
}
}
@-moz-keyframes infinite-spinning1 {
from {
transform: rotate(359deg);
}
to {
transform: rotate(0deg);
}
}
@-o-keyframes infinite-spinning1 {
from {
transform: rotate(359deg);
}
to {
transform: rotate(0deg);
}
}
@keyframes infinite-spinning1 {
from {
transform: rotate(359deg);
}
to {
transform: rotate(0deg);
}
}
-webkit-animation: infinite-spinning 5s infinite linear; /* safari 4+ */
-moz-animation: infinite-spinning 5s infinite linear; /* fx 5+ */
-o-animation: infinite-spinning 5s infinite linear; /* opera 12+ */
animation: infinite-spinning 5s infinite linear; /* ie 10+ */
position: absolute;
top: 93px;
left: 37px;
}
top: 96px;
left: 40px;
}
-webkit-animation: infinite-spinning1 5s infinite linear; /* safari 4+ */
-moz-animation: infinite-spinning1 5s infinite linear; /* fx 5+ */
-o-animation: infinite-spinning1 5s infinite linear; /* opera 12+ */
animation: infinite-spinning1 5s infinite linear; /* ie 10+ */
position: absolute;
top: 57px;
left: 69px;
}
top: 60px;
left: 72px;
}
position: absolute;
top: 34px;
left: 115px;
width: 89px;
height: 89px;
}
</style>
<div class="page-404">
<div class="error">404</div>
<div class="outer">
<div class="inner">
<div class="middle">
<div class="cloud">
<img src="//app.wellframe.com///wf_gear_shadow@2x.png" id="gear1" class="shadow" style="width:60px;height:60px">
<img src="//app.wellframe.com///wf_gear_shadow@2x.png" id="gear2" class="shadow" style="width:37px;height:37px">
<img src="//app.wellframe.com///wf_gear@2x.png" id="gear1" style="width:60px;height:60px">
<img src="//app.wellframe.com///wf_gear@2x.png" id="gear2" style="width:37px;height:37px">
<img src="//app.wellframe.com///wf_logomark@2x.png" id="wf">
</div>
<h1>page not found</h1>
<h2>something's gone wrong...</h2>
<p>thanks for noticing! we're working on fixing it right now and the site should be back up shortly.</p>
</div>
</div>
</div>
</div>