<!DOCTYPE html>
<html lang="en">
<head>
<!-- Basic Page Needs
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<meta charset="utf-8">
<title>
Currently Offline
</title>
<meta content="" name="description">
<meta content="" name="author">
<!-- Mobile Specific Metas
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<meta content="width=device-width, initial-scale=1" name="viewport">
<!-- FONT
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<link href="https://fonts.googleapis.com/css?family=Lato:300,400,700,400italic,700italic|Bitter:400,700,400italic|Roboto+Slab:400,700" rel="stylesheet" type="text/css">
<!-- CSS
================================================== -->
<link href="/include/css/normalize.css" rel="stylesheet">
<link href="/include/css/skeleton.css" rel="stylesheet">
<link href="/include/css/style.css" rel="stylesheet">
<!-- JavaScript
================================================== -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js">
</script>
<!-- Favicon
================================================== -->
<link href="/images/favicon.png" rel="icon" type="image/png">
<style>
html {
background : url("/images/offline-background.png") no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size : cover;
background-size : cover;
}
.container {
background-color : rgba(255, 255, 255, 0.7);
padding : 25px;
max-width : 600px;
}
#clockdiv {
font-family : sans-serif;
color : #fff;
display : inline-block;
font-weight : 100;
text-align : center;
font-size : 22px;
margin-bottom : 25px;
}
#clockdiv > div {
padding : 8px;
border-radius : 3px;
background : #247ba0;
display : inline-block;
}
#clockdiv div > span {
padding : 10px;
border-radius : 3px;
background : #70c1b3;
display : inline-block;
}
.smalltext {
padding-top : 5px;
font-size : 16px;
}
</style>
</head>
<body>
<!-- Primary Page Layout
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<div class="container">
<div class="row">
<div class="twelve columns center">
<h1>
Our Store is Currently Unavailable
</h1>
</div>
</div>
<div class="row">
<div class="twelve columns center">
<p>
We are temporarily offline.
</p>
</div>
</div>
</div>
<!-- End Document
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
</body>
</html>