maintenance/explore/index.html

<html>
    <head>
        <link href="https://fonts.googleapis.com/css?family=Open+Sans:600" rel="stylesheet"/>
        <link href="https://fonts.googleapis.com/css?family=Montserrat:300" rel="stylesheet"/>
        <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"/>
        <link rel="stylesheet" href="https://use.typekit.net/qhb0geh.css"/>
    </head>
    <body style="display:flex;flex-direction:column;height:100vh;justify-content:flex-start;margin:0;overflow:hidden;">
        <div style="background-color:#f8f8f8;flex:none;height:60px;">
            <div style="align-items:center;display:flex;height:100%;margin:0 auto;max-width:1200px;padding:0 16px;">
                <div style="background:url('logo-hca.png') no-repeat;background-size:auto 30px;height:30px;width:100%;"></div>
            </div>
        </div>
        <div style="align-items:center;display:flex;flex:none;height:76px;margin:0 auto;max-width: 1200px;padding:0 30px;width:100%;">
            <div style="font-family:'din-2014',sans-serif;font-size:34px;font-weight:500;line-height:38px;">Maintenance</div>
        </div>
        <div style="border-bottom:1px solid #ccc;flex:none;height:30px"></div>
        <div style="background:url('cell.png') no-repeat center center fixed;background-size:cover;flex:1;height:100%;">
            <div style="margin:0 auto;max-width: 1200px;padding:0 30px;">
                <div style="font-family:'Montserrat',sans-serif;font-size:16px;font-weight:300;line-height:28px;padding:36px 0;">The HCA DCP platform is currently undergoing maintenance.</div>
            </div>
        </div>
        <div style="background-color:#000;height:96px;">
            <div style="margin:0 auto;max-width:1200px;padding:0 16px;">
                <a href="https://www.humancellatlas.org/" target="_blank" style="align-items:center;display:flex;height:100%;text-decoration:none;">
                    <i class="material-icons" style="color:#fff;margin: 0 -8px;">chevron_left</i>
                    <div style="background:url('logo-hca-white.png') no-repeat;background-size:auto 96px;height:96px;width:100%;"></div>
                </a>
            </div>
            </div>
    </body>
</html>