ISPmanager - шаблон Сайт закрыт

← ISPmanager

Вставлять вручную в index.html.

<!DOCTYPE html>
<html lang="uk">
<head>
  <meta charset="utf-8">
  <title>Сайт <!--#echo var="HTTP_HOST" --></title>
  <meta name="description" content="Сайт <!--#echo var="HTTP_HOST" --> закритий.">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css" integrity="sha512-NhSC1YmyruXifcj/KFRWoC561YpHpc5Jtzgvbuzx5VozKpWvQ+4nXhPdFgmx8xqexRcpAglTj9sIBWINXa8x5w==" crossorigin="anonymous" />
  <style type="text/css">
    html { font-family: Verdana, sans-serif; }
    html, body { height: 100%; }
    html, a { color: #222; }
    h1 { 
      font-size: 4rem;
      font-size: calc(.7rem + 6vmin);
      font-weight: 400;
    }
    .container {
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }
    .main {
      flex-grow: 1;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      text-align: center;
      margin-bottom: 5vh;
    }
    .closed-img {
      width: 100%;
      min-width: 300px;
      max-width: 50vh;
    }
    .footer {
      width: 90%;
      max-width: 800px;
      text-align: center;
    }
    .logo {
      margin-bottom: 2rem;
    }
    .logo-img {
      margin-bottom: .5rem;
      width: 200px;
    }
    .logo-text {
      text-decoration: none;
    }
    .zina-description { display: block; }
    .copyright { 
      display: block;
      border-top: #ccc 1px solid;
      padding: 1rem;
      margin: 0;
      font-size: .8rem; 
    }
  </style>
</head>
<body>
  <div class="container">
    <div class="main">
      <h1><!--#echo var="HTTP_HOST" --></h1>
      <img class="closed-img" src="https://www.zina.design/img/closed-ua.svg" alt="Сайт закрыто" width="400">
    </div>
    <div class="footer">
      <p class="logo"> 
        <a class="logo-text" href="https://www.zina.design/" title="Студія «Зіна дизайн» — Створення та підтримка сайтів в Дніпрі">
          <img class="logo-img" alt="Студія Зіна дизайн — створення сайтів в Дніпрі" src="https://www.zina.design/img/zina-design-logo-uk.svg" />
          <span class="zina-description">Розробка сайтів в Дніпрі</span>
        </a>
      </p><!--#config timefmt="%Y" -->
      <p class="copyright">© Студія «Зіна дизайн» 1999-<!--#echo var="DATE_LOCAL" --></p>
    </div>
  </div>
</body>
</html>

Используется отдельная картинка:

• https://www.zina.design/img/closed.svg — english version
• https://www.zina.design/img/closed-ua.svg — українська версія

При необходимости ее можно вставить инлайн (english version):

<img class="closed-img" alt="Site closed" width="400" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MzUgNTU5Ij48ZGVmcz48c3R5bGU+LmNscy0yLC5jbHMtNXtmaWxsOm5vbmU7c3Ryb2tlLW1pdGVybGltaXQ6MTA7c3Ryb2tlLXdpZHRoOjQuMjVweH0uY2xzLTJ7c3Ryb2tlOiM5ODk4OTh9LmNscy00e2ZpbGw6I2ZmZn0uY2xzLTV7c3Ryb2tlOiNmZmZ9PC9zdHlsZT48L2RlZnM+PGcgaWQ9IkxheWVyXzIiIGRhdGEtbmFtZT0iTGF5ZXIgMiI+PGNpcmNsZSBjeD0iMjczIiBjeT0iMTQiIHI9IjE0IiBmaWxsPSIjOTg5ODk4Ii8+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNMjczIDE0TDEyNCAyMzJNMjczIDE0bDE0OCAyMTciLz48cGF0aCBmaWxsPSIjYzUyMzI5IiBkPSJNMCAyMTloNTM1djM0MEgweiIvPjxwYXRoIGNsYXNzPSJjbHMtNCIgZD0iTTEwNy4zIDMzNC43YTE2LjMgMTYuMyAwIDAxLTguNC0yIDExLjYgMTEuNiAwIDAxLTUuMS01LjggMjQuNiAyNC42IDAgMDEtMi05LjNsOC44LTEuN2EyOC45IDI4LjkgMCAwMC44IDUuNyA4IDggMCAwMDIgMy45IDQuOCA0LjggMCAwMDMuNiAxLjMgNCA0IDAgMDAzLjUtMS41IDYuMiA2LjIgMCAwMDEtMy43IDkuOSA5LjkgMCAwMC0xLjYtNiAyMS45IDIxLjkgMCAwMC00LjUtNC43bC03LTYuMmEyMi42IDIyLjYgMCAwMS00LjctNS43IDE1LjUgMTUuNSAwIDAxLTEuOC03LjhxMC02LjYgMy45LTEwLjJ0MTAuNS0zLjZhMTUuOSAxNS45IDAgMDE2LjYgMS4yIDExLjQgMTEuNCAwIDAxNC4yIDMuMyAxNi45IDE2LjkgMCAwMTIuMyA0LjkgMjcgMjcgMCAwMS45IDUuOGwtOC42IDEuNWEzMCAzMCAwIDAwLS42LTQuNyA2LjQgNi40IDAgMDAtMS42LTMuMiA0LjUgNC41IDAgMDAtMy40LTEuMiA0LjQgNC40IDAgMDAtMy41IDEuNSA1LjcgNS43IDAgMDAtMS4yIDMuNyA4LjMgOC4zIDAgMDAxLjIgNC42IDE5IDE5IDAgMDAzLjQgMy44bDcgNi4xYTMyLjEgMzIuMSAwIDAxNS45IDYuOCAxNy44IDE3LjggMCAwMTIuNCA5LjQgMTQuNiAxNC42IDAgMDEtMS43IDcuMSAxMy41IDEzLjUgMCAwMS00LjkgNC45IDE0LjcgMTQuNyAwIDAxLTcuNCAxLjh6TTE0Mi41IDMzNC43YTE4LjUgMTguNSAwIDAxLTkuNS0yLjIgMTIuNCAxMi40IDAgMDEtNS02LjQgMjguOCAyOC44IDAgMDEtMS41LTkuOHYtMjAuOWEyNy44IDI3LjggMCAwMTEuNS05LjcgMTIuMyAxMi4zIDAgMDE1LTYuMmMyLjQtMS40IDUuNS0yLjEgOS41LTIuMXM3LjIuNyA5LjUgMi4xYTEyIDEyIDAgMDE1LjEgNi4yIDI3LjggMjcuOCAwIDAxMS41IDkuN3YyMWEyOC42IDI4LjYgMCAwMS0xLjUgOS43IDEyLjIgMTIuMiAwIDAxLTUuMSA2LjNjLTIuMyAxLjUtNS41IDIuMy05LjUgMi4zem0wLTcuNmE0LjcgNC43IDAgMDA1LjQtNC4xIDE4LjcgMTguNyAwIDAwLjQtNC4ydi0yNS43YTE5LjEgMTkuMSAwIDAwLS40LTQuMyA1LjUgNS41IDAgMDAtMS42LTIuOSA1LjkgNS45IDAgMDAtMy44LTEuMSA1LjggNS44IDAgMDAtMy43IDEuMSA1LjUgNS41IDAgMDAtMS42IDIuOSAxOS4xIDE5LjEgMCAwMC0uNCA0LjN2MjUuN2EyNy43IDI3LjcgMCAwMC4zIDQuMiA0LjkgNC45IDAgMDA1LjQgNC4xek0xNjYuMiAzMzMuOVYyNzhoMTMuM2EyOS41IDI5LjUgMCAwMTkuNiAxLjQgMTAuNiAxMC42IDAgMDE1LjkgNC42YzEuNCAyLjEgMi4xIDUuMSAyLjEgOC44YTI4LjcgMjguNyAwIDAxLS42IDYuMSAxMi42IDEyLjYgMCAwMS0yLjIgNC41IDguNiA4LjYgMCAwMS00LjEgM2w3LjggMjcuNWgtMTAuMmwtNi43LTI1LjZoLTQuN3YyNS42em0xMC4yLTMyaDMuMWExMC44IDEwLjggMCAwMDQuOC0uOSA1LjEgNS4xIDAgMDAyLjUtMi43IDEzLjcgMTMuNyAwIDAwLjctNC45cTAtNC4yLTEuNS02LjNjLTEtMS40LTMtMi4xLTUuOS0yLjFoLTMuN3pNMjA0LjcgMzMzLjlWMjc4aDEzLjRhMjkuNSAyOS41IDAgMDE5LjYgMS40IDEwLjkgMTAuOSAwIDAxNS45IDQuNmMxLjQgMi4xIDIgNS4xIDIgOC44YTI4LjcgMjguNyAwIDAxLS42IDYuMSAxMSAxMSAwIDAxLTIuMSA0LjUgOS4yIDkuMiAwIDAxLTQuMSAzbDcuOCAyNy41aC0xMC4ybC02LjgtMjUuNmgtNC43djI1LjZ6bTEwLjItMzJoMy4yYTEwLjEgMTAuMSAwIDAwNC43LS45IDQuOSA0LjkgMCAwMDIuNi0yLjcgMTMuNyAxMy43IDAgMDAuNy00LjlxMC00LjItMS41LTYuM2MtMS4xLTEuNC0zLTIuMS01LjktMi4xaC0zLjh6TTI1MC41IDMzMy45di0yMS4zTDIzOS4yIDI3OGg5LjZsNi45IDIyLjIgNi40LTIyLjJoOS40bC0xMS4yIDM0LjZ2MjEuM3pNMjk4LjcgMzMzLjlsLTcuOS01NS45aDguNWw0LjcgMzYuMiA1LjctMzZoN2w2IDM2IDQuNS0zNi4yaDguNGwtNy44IDU1LjloLTguM2wtNi4yLTM3LjUtNi4xIDM3LjV6TTM0MS44IDMzMy45VjI3OGgyMy41djcuMkgzNTJ2MTYuMWgxMC41djcuMUgzNTJ2MTguNWgxMy40djd6TTM3Mi43IDI5N2wtMS4xLTMuMmEzLjEgMy4xIDAgMDAzLjItMS44IDEzLjggMTMuOCAwIDAwLjgtNS4yaC00LjJWMjc4aDguOXY3LjJjLS4xIDMuOC0uNiA2LjctMS43IDguN3MtMy4xIDMtNS45IDMuMXpNMzg2LjQgMzMzLjlWMjc4aDEzLjRhMjguOSAyOC45IDAgMDE5LjUgMS40IDExLjEgMTEuMSAwIDAxNiA0LjYgMTYuOSAxNi45IDAgMDEyIDguOCAyOC43IDI4LjcgMCAwMS0uNiA2LjEgMTEgMTEgMCAwMS0yLjEgNC41IDkuNyA5LjcgMCAwMS00LjEgM2w3LjggMjcuNWgtMTAuMmwtNi44LTI1LjZoLTQuN3YyNS42em0xMC4yLTMyaDMuMmExMC4zIDEwLjMgMCAwMDQuNy0uOSA0LjcgNC43IDAgMDAyLjUtMi43IDEzLjYgMTMuNiAwIDAwLjgtNC45YzAtMi44LS41LTQuOS0xLjYtNi4zcy0zLTIuMS01LjktMi4xaC0zLjd6TTQyNSAzMzMuOVYyNzhoMjMuNHY3LjJoLTEzLjJ2MTYuMWgxMC40djcuMWgtMTAuNHYxOC41aDEzLjR2N3pNODQuOSA0OTguMmMtOC45IDAtMTUuOS0xLjgtMjEtNS4zYTI3LjYgMjcuNiAwIDAxLTEwLjUtMTQuMyA2Ni43IDY2LjcgMCAwMS0zLTIwLjl2LTQzLjRhNjkuNSA2OS41IDAgMDEzLTIxLjYgMjYgMjYgMCAwMTEwLjUtMTQuMWM1LjEtMy4zIDEyLjEtNC45IDIxLTQuOXMxNC45IDEuNCAxOS43IDQuMmEyNC4xIDI0LjEgMCAwMTEwLjEgMTIuMyA1MS44IDUxLjggMCAwMTMgMTguNHYxMC4ySDk2LjR2LTEwLjVhODcgODcgMCAwMC0uNS05LjMgMTEuOCAxMS44IDAgMDAtMi45LTYuN2MtMS41LTEuNi00LjItMi40LTgtMi40cy02LjYuOC04LjMgMi42YTEyLjIgMTIuMiAwIDAwLTMuNCA3IDYxLjEgNjEuMSAwIDAwLS43IDEwdjUyLjhhNDcuNiA0Ny42IDAgMDAxIDEwLjkgMTEuNCAxMS40IDAgMDAzLjggNi40IDExLjggMTEuOCAwIDAwNy42IDIuMmMzLjcgMCA2LjMtLjkgNy45LTIuNmExMy41IDEzLjUgMCAwMDIuOS03IDcxIDcxIDAgMDAuNi05Ljd2LTExaDIxLjN2OS44YTU5LjEgNTkuMSAwIDAxLTIuOCAxOS4xIDI1IDI1IDAgMDEtMTAgMTNjLTQuOCAzLjItMTEuNCA0LjgtMjAgNC44ek0xMzMuMiA0OTYuNVYzNzVoMjIuMnYxMDYuMmgyOS40djE1LjN6TTIyNy44IDQ5OC4yYy04LjYgMC0xNS40LTEuNi0yMC41LTQuOGEyNi42IDI2LjYgMCAwMS0xMS0xMy44IDYxLjkgNjEuOSAwIDAxLTMuMy0yMS4zdi00NS41YzAtOC4yIDEuMS0xNS4yIDMuMy0yMS4xYTI2LjEgMjYuMSAwIDAxMTEtMTMuNGM1LjEtMy4xIDExLjktNC42IDIwLjUtNC42czE1LjcgMS41IDIwLjggNC42YTI2LjQgMjYuNCAwIDAxMTAuOSAxMy40YzIuMyA1LjkgMy40IDEyLjkgMy40IDIxLjF2NDUuNmMwIDguMS0xLjEgMTUuMS0zLjQgMjEuMWEyNy44IDI3LjggMCAwMS0xMC45IDEzLjhjLTUuMSAzLjItMTIgNC45LTIwLjggNC45em0wLTE2LjRjMy43IDAgNi40LS44IDguMi0yLjRhMTIuNCAxMi40IDAgMDAzLjUtNi42IDQzLjIgNDMuMiAwIDAwLjktOS4xdi01NmE0MS45IDQxLjkgMCAwMC0uOS05LjEgMTEuOCAxMS44IDAgMDAtMy41LTYuNGMtMS44LTEuNi00LjUtMi4zLTguMi0yLjNzLTYuMS43LTcuOSAyLjNhMTEuMyAxMS4zIDAgMDAtMy42IDYuNCA0MS45IDQxLjkgMCAwMC0uOSA5LjF2NTZhNDMuNCA0My40IDAgMDAuOCA5LjEgMTEuMiAxMS4yIDAgMDAzLjUgNi42cTIuNyAyLjQgOC4xIDIuNHpNMzA5LjkgNDk4LjJjLTcuMyAwLTEzLjQtMS41LTE4LjMtNC4zYTI3LjEgMjcuMSAwIDAxLTExLjEtMTIuNWMtMi41LTUuNS0zLjktMTIuMy00LjItMjAuM2wxOS0zLjdhNjEuOSA2MS45IDAgMDAxLjcgMTIuNGMxIDMuNiAyLjQgNi40IDQuNCA4LjNhMTAuMiAxMC4yIDAgMDA3LjcgM2MzLjYgMCA2LjItMS4xIDcuNy0zLjNhMTMuNiAxMy42IDAgMDAyLjItOC4xYzAtNS4zLTEuMi05LjctMy42LTEzLjFhNTYuMiA1Ni4yIDAgMDAtOS42LTEwLjJsLTE1LjMtMTMuNWE0Ni4zIDQ2LjMgMCAwMS0xMC4zLTEyLjRjLTIuNS00LjUtMy44LTEwLjEtMy44LTE2LjhxMC0xNC40IDguNC0yMi4yYzUuNi01LjIgMTMuMy03LjggMjMtNy44IDUuNyAwIDEwLjQuOCAxNC4yIDIuNmEyMi43IDIyLjcgMCAwMTkuMSA3LjMgMzQgMzQgMCAwMTUgMTAuNSA2My44IDYzLjggMCAwMTIuMSAxMi42bC0xOC45IDMuM2E1OSA1OSAwIDAwLTEuMy0xMC4yIDE0LjMgMTQuMyAwIDAwLTMuNC03LjFjLTEuNy0xLjctNC4xLTIuNS03LjMtMi41cy01LjggMS03LjYgMy4yYTEyLjQgMTIuNCAwIDAwLTIuNiA4IDE4LjIgMTguMiAwIDAwMi42IDEwLjEgMzguMSAzOC4xIDAgMDA3LjMgOC4ybDE1LjIgMTMuNGE2NC41IDY0LjUgMCAwMTEyLjggMTQuN2MzLjUgNS43IDUuMyAxMi41IDUuMyAyMC41YTMxLjUgMzEuNSAwIDAxLTMuOCAxNS41IDI3IDI3IDAgMDEtMTAuNyAxMC41IDMxLjIgMzEuMiAwIDAxLTE1LjkgMy45ek0zNTIuMiA0OTYuNVYzNzVoNTF2MTUuNmgtMjguOHYzNUgzOTdWNDQxaC0yMi42djQwLjJoMjkuMXYxNS4zek00MTYuNCA0OTYuNVYzNzVINDQ1YzkuOSAwIDE3LjYgMS40IDIzLjIgNC4xYTIzLjQgMjMuNCAwIDAxMTEuOCAxMi40cTMuNiA4LjQgMy42IDIxLjN2NDQuNGMwIDguOC0xLjIgMTYuMS0zLjYgMjJhMjQuMSAyNC4xIDAgMDEtMTEuNyAxM2MtNS40IDIuOS0xMi45IDQuMy0yMi40IDQuM3ptMjIuMi0xNS40aDYuN2M1LjEgMCA4LjgtLjkgMTEtMi43YTEyLjEgMTIuMSAwIDAwNC03LjkgOTAuNCA5MC40IDAgMDAuOC0xMi43di00Ni41YTUzLjEgNTMuMSAwIDAwLTEuMS0xMS44IDEwLjEgMTAuMSAwIDAwLTQuMy02LjZjLTIuMi0xLjQtNS44LTIuMS0xMC43LTIuMWgtNi40eiIvPjxwYXRoIGNsYXNzPSJjbHMtNSIgZD0iTTk0IDM0NGgxNjZNMTUgMjM0aDUwNXYzMTBIMTV6Ii8+PC9nPjwvc3ZnPg==" />