Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!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>
 
​
Output

This bin was created anonymously and its free preview time has expired (learn why). — Get a free unrestricted account

Dismiss x
public
Bin info
anonymouspro
0viewers