Skip to content

Instantly share code, notes, and snippets.

/index.html
Created Jan 18, 2017

Embed
What would you like to do?
Gymnasium will be right back // source http://jsbin.com/dewebajuye
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<script src="https://code.jquery.com/jquery.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<!-- typekit -->
<script src="https://use.typekit.net/rhf0qta.js"></script>
<script>try{Typekit.load({ async: true });}catch(e){}</script>
<title>Gymnasium will be right back</title>
<style>
body {
background-color: #ebebeb;
}
p {
font-size:16pt;
font-family: "Helvetica Neue", Georgia, Cambria, "Times New Roman", Times, serif;
color: #555;
font-weight: 400;
}
h1,h2,h3,h4,h5,h6 {
font-family: 'Brandon Grotesque', "Helvetica Neue", Georgia, Cambria, "Times New Roman", Times, serif;
font-weight:bold;
margin-top:0;
padding-top:0;
text-transform: uppercase;
}
#header
{
background-color:#222222;
padding:5em;
}
#header img
{
}
#separator
{
background-color:#f89820;
display:block;
height:5.5em;
color:white;
margin-bottom:1em;
}
#separator h1 {
padding-top:0.75em;
margin:0em;
font-size: 2.2em;
}
main {
background: #fefefe;
border:1px solid #ccc;
margin:1em;
padding:1.4em;
}
img {
margin-left: auto;
margin-right:auto;
}
</style>
<script>(function(){var w=window;var ic=w.Intercom;if(typeof ic==="function"){ic('reattach_activator');ic('update',intercomSettings);}else{var d=document;var i=function(){i.c(arguments)};i.q=[];i.c=function(args){i.q.push(args)};w.Intercom=i;function l(){var s=d.createElement('script');s.type='text/javascript';s.async=true;s.src='https://widget.intercom.io/widget/oej77pbg';var x=d.getElementsByTagName('script')[0];x.parentNode.insertBefore(s,x);}if(w.attachEvent){w.attachEvent('onload',l);}else{w.addEventListener('load',l,false);}}})()</script>
</head>
<body>
<div class="container-fluid" id="header">
<div class="col-xs-4 col-xs-offset-4 text-center">
<img src="https://ci3.googleusercontent.com/proxy/fhbvE1X2UrTDSnBWA634CozXbfn1YRg4YSVvOZoHDyuvsQ6gb6MV_TilSdyTEGBYZToJWQqv0Xcm4rmPVDkxhTkwmUlL2cRY2YvDliHslpeq8HQ-D9t52kLcTv0H6EOiPYhZveu1dKvzEjxxc95O86Dl3FDnSJPAF-aPRBX_1lS71dvY2ekxxCwM=s0-d-e1-ft#http://images.e.aquent.com/EloquaImages/clients/Aquent/%7b9742f9c7-4a30-4fad-a381-8c97c271df48%7d_gymnasium-logo.gif" alt="Gymnasium" />
</div>
</div>
<div class="container-fluid" id="separator">
<div class="col-xs-6 col-xs-offset-3">
<h1 class="text-center">We'll be right back.</h1>
</div>
</div>
<div class="container-fluid" id="subheader">
<div class="col-xs-6 col-xs-offset-3">
<main>
<h2>Sorry for the interruption</h2>
<br />
<p>We're upgrading our servers. You'll get back to learning shortly!</p>
</main>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.