Skip to content

Instantly share code, notes, and snippets.

@3dprogramin
Last active April 3, 2024 07:15
Show Gist options
  • Select an option

  • Save 3dprogramin/26c40edce82f9f67b5d17473fe5b0866 to your computer and use it in GitHub Desktop.

Select an option

Save 3dprogramin/26c40edce82f9f67b5d17473fe5b0866 to your computer and use it in GitHub Desktop.
Simple maintenance page
<!DOCTYPE html>
<html>
<head>
<title>Mentenanță</title>
<meta charset="utf-8" />
<meta name="robots" content="noindex" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<style>
html {
width: 100%;
height: 100%;
}
body {
text-align: center;
margin: 0px;
padding: 0px;
height: 100%;
color: #fff;
font-family: sans-serif;
background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
background-size: 400% 400%;
-webkit-animation: Gradient 15s ease infinite;
-moz-animation: Gradient 15s ease infinite;
animation: Gradient 15s ease infinite;
}
.vh {
height: 100%;
align-items: center;
display: flex;
}
.vh > div {
width: 100%;
text-align: center;
vertical-align: middle;
}
img {
max-width: 100%;
}
.wrap {
text-align: center;
}
.wrap h1 {
font-size: 30px;
font-weight: 700;
margin: 0 0 90px;
}
.wrap h2 {
font-size: 24px;
font-weight: 400;
line-height: 1.6;
margin: 0 0 80px;
}
@-webkit-keyframes Gradient {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
@-moz-keyframes Gradient {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
@keyframes Gradient {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
</style>
</head>
<body bgcolor="2e2929">
<div class="vh">
<div>
<div class="wrap">
<h1>Mentenanță 🛠️</h1>
<h2>
<p>
Ne cerem scuze pentru neplăceri.<br />Site-ul nostru este momentan sub mentenanță programată.<br />O să revenim în cel mai scurt timp.<br />
</p>
</h2>
<p>Vă mulțumim pentru înțelegere 😌</p>
</div>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment