mirror of
https://github.com/IT4Change/Ocelot-Social.git
synced 2025-12-13 07:45:56 +00:00
62 lines
1.3 KiB
HTML
62 lines
1.3 KiB
HTML
<head>
|
|
<style>
|
|
.body {
|
|
background-color: #f5f4f6;
|
|
}
|
|
.left-header,
|
|
.right-header {
|
|
font-family: "LatoWeb", sans-serif;
|
|
line-height: 1.3;
|
|
}
|
|
@media only screen and (min-width: 960px) {
|
|
.outer-div {
|
|
margin: 3em;
|
|
vertical-align: middle;
|
|
text-align: center;
|
|
}
|
|
.left-header {
|
|
float: left;
|
|
width: 25%;
|
|
margin-right: 1em;
|
|
}
|
|
.image {
|
|
width: 35em;
|
|
}
|
|
.right-header {
|
|
float: right;
|
|
width: 25%;
|
|
margin: 12em 1em 5em 2em;
|
|
}
|
|
.email-link {
|
|
margin-left: -5em;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 960px) {
|
|
.outer-div {
|
|
margin: 3em;
|
|
vertical-align: middle;
|
|
text-align: center;
|
|
}
|
|
.image {
|
|
margin: 2em 0em;
|
|
}
|
|
}
|
|
</style>
|
|
</head>
|
|
<body class="body">
|
|
<div class="outer-div">
|
|
<h1 class="left-header">
|
|
At the moment we are doing some scheduled maintenance, please try again
|
|
later.
|
|
</h1>
|
|
<img src="./onourjourney.svg" alt="Maintenance mode image" class="image" />
|
|
<h1 class="right-header">
|
|
Any Questions or concerns, send an email to <br />
|
|
<a href="mailto:info@human-connection.org" class="email-link"
|
|
>info@human-connection.org</a
|
|
>
|
|
</h1>
|
|
</div>
|
|
</body>
|