<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Domain Expired</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="https://fonts.googleapis.com/css?family=PT+Sans&amp;subset=cyrillic,latin-ext" rel="stylesheet">
    <style>

        html {
            height: 100%;
        }

        a {
            color: #2fa3e7;
            text-decoration: none
        }

        a:focus, a:hover {
            color: #157ab5;
            text-decoration: none
        }

        .unlinked {
            color: #565656; !important;
        }

        body {
            font-family: 'PT Sans Caption', Arial, sans-serif;
            color: #565656;
            font-size: 16px;
            height: 100%;
            margin: 0;
            background-color: #f7f9fa;
        }

        h1, h2 {
            font-family: 'PT Sans Caption', Arial, sans-serif;
            font-weight: normal;
            color: #2fa3e7;
            margin: 0;
        }

        h1 {
            font-size: 30px;
            line-height: 25px;
            margin-top: 25px;
        }

        h2 {
            font-size: 20px;
            line-height: 19px;
        }

        .top {
            margin: 0 auto;
            background-color: #f7f9fa;
        }

        header {
            margin-bottom: 50px;
        }

        header, main {
            margin: 0 auto;
        }

        .main-text {
            display: table-row;
            width: 100%;
        }

        .logo img {
            width: 100%;
        }

        .octo {
            vertical-align: top;
        }

        .octo img {
            width: 100%;
            border-collapse: collapse;
        }

        .hint {
            padding-top: 58px;
        }

        .hint p {
            display: table-cell;
        }
        
        .hint .contact-administrator {
                margin-top: 15px;
                display: block;
        }

        .hint .title {
            line-height: 50px;
            font-size: 24px;
        }

        .hint .register-domain {
            margin-top: 50px;
        }

        .hint .cp {
            margin-top: 60px;
        }

        .bottom-mobile {
            margin-top: 20px;
        }

        .bottom-mobile footer {
            display: table;
            width: 100%;
            margin-bottom: 35px;
        }

        .bottom-mobile footer .txt {
            display: table-cell;
        }

        .bottom-mobile footer span {
            display: table-cell;
        }

        .bottom-mobile footer p {
            display: table-row;
            width: 100%;
            line-height: 25px;
        }

        .service {
            display: table;
            width: 100%;
            margin-top: 20px;
        }

        @media screen and (min-width: 1024px) {
            .logo {
                display: block;
                width: 20%;
                margin: 0 auto;
            }

            header, main {
                width: 1024px;
            }

            header {
                padding-top: 50px;
            }

            .octo {
                display: table-cell;
                width: 500px;
                padding-right: 30px;
            }

            main {
                display: table;
            }

            .hint {
                display: table-cell;
            }

            .hint .price {
                font-size: 25px;
                padding-right: 50px;
                display: block;
                font-weight: bold;
            }

            .hint .from {
                font-size: 20px;
            }

            .bottom-mobile footer .txt {
                width: 170px;
            }
        }

        @media screen and (max-width: 1023px) {
            .logo {
                display: block;
                width: 80%;
                max-width: 300px;
                margin: 0 auto;
            }

            .hint {
                display: block;
            }

            header {
                padding-top: 20px;
            }

            .octo {
                display: block;
                width: 80%;
                max-width: 300px;
                margin: 0 auto;
            }

            main {
                max-width: 500px;
            }

            .hint {
                width: 95%;
                margin: 0 auto;
            }

            .hint .price {
                font-size: 25px;
                padding-right: 15%;
                display: block;
            }

            .hint .from {
                font-size: 15px;
            }

            .bottom-mobile footer .footer-info {
                text-align: right;
            }
        }
    </style>

    <script>
        document.addEventListener('DOMContentLoaded', function() {
            document.querySelector(".js__hostname").innerText = window.location.hostname.split('.').slice(window.location.hostname.split('.').length-2).join('.');
        });
    </script>

</head>
<body>
<div class="top">
    <header>
        <a href="http://beget.com" target="_blank" title="Перейти на сайт хостинг-провайдера" class="logo">
            <img src="https://cp.beget.com/i/logo.png">
        </a>
    </header>
    <main>
        <div class="main-text">
            <span class="octo">
                <img src="https://cp.beget.com/img/octo/octo_expired.png">
            </span>
            <span class="hint">
                <h1><span class="js__hostname"></span></h1>
                <p class="title">Срок регистрации домена истёк</p>
                Если домен не будет продлён в ближайшее время, то он освобождается и снова станет доступен для регистрации.
                <p class="contact-administrator">Для связи с владельцем домена воспользуйтесь <a target="_blank" href="https://whois.beget.com">формой обратной связи.</a></p>
                <div class="register-domain">
                    <h2><a href="https://beget.com/domain-register" target="_blank" title="Зарегистрировать домен">Зарегистрировать домен</a></h2>
                </div>
                <div class="service">
                    <p><a class="unlinked" href="https://beget.com/ru/domain-register" target="_blank">Домены <span class="price"><span class="from">от</span> 179 &#8381;</span></a></p>
                    <p><a class="unlinked" href="https://beget.com/ru/virtual-hosting" target="_blank">Хостинг<span class="price"><span class="from">от</span> 115 &#8381;</span></a></p>
                    <p><a class="unlinked" href="https://beget.com/ru/dedicated-servers" target="_blank">Аренда серверов <span class="price"><span class="from">от</span> 9800 &#8381;</span></a></p>
                </div>
                <div class="cp">
                    <h2><a href="https://cp.beget.com" target="_blank" title="Продлить этот домен">Продлить этот домен</a></h2>
                </div>
                <div class="bottom-mobile">
                    <footer>
                        <p><span class="txt">Тех. поддержка: </span><span class="footer-info"><a href="mailto:support@beget.com">support@beget.com</a></span></p>
                        <p><span class="txt">Россия:</span> <span class="footer-info">+7 (800) 700-06-08</span></p>
                        <p><span class="txt">Украина:</span> <span class="footer-info">+380 (800) 802-192</span></p>
                    </footer>
                </div>
            </span>
        </div>
    </main>
</div>
</body>
</html>
