<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>www.autogaleria.hu</title>
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:400,500">

    <style>
        /*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

        html {
            line-height: 1.15;
            -webkit-text-size-adjust: 100%;
        }

        body {
            margin: 0;
        }

        h1 {
            font-size: 2em;
            margin: 0.67em 0;
        }

        hr {
            box-sizing: content-box;
            height: 0;
            overflow: visible;
        }

        pre {
            font-family: monospace, monospace;
            font-size: 1em;
        }

        a {
            background-color: transparent;
        }

        abbr[title] {
            border-bottom: none;
            text-decoration: underline;
            text-decoration: underline dotted;
        }

        b,
        strong {
            font-weight: bolder;
        }

        code,
        kbd,
        samp {
            font-family: monospace, monospace;
            font-size: 1em;
        }

        small {
            font-size: 80%;
        }

        sub,
        sup {
            font-size: 75%;
            line-height: 0;
            position: relative;
            vertical-align: baseline;
        }

        sub {
            bottom: -0.25em;
        }

        sup {
            top: -0.5em;
        }

        img {
            border-style: none;
        }

        button,
        input,
        optgroup,
        select,
        textarea {
            font-family: inherit;
            font-size: 100%;
            line-height: 1.15;
            margin: 0;
        }

        button,
        input {
            overflow: visible;
        }

        button,
        select {
            text-transform: none;
        }

        button,
        [type="button"],
        [type="reset"],
        [type="submit"] {
            -webkit-appearance: button;
        }

        button::-moz-focus-inner,
        [type="button"]::-moz-focus-inner,
        [type="reset"]::-moz-focus-inner,
        [type="submit"]::-moz-focus-inner {
            border-style: none;
            padding: 0;
        }

        button:-moz-focusring,
        [type="button"]:-moz-focusring,
        [type="reset"]:-moz-focusring,
        [type="submit"]:-moz-focusring {
            outline: 1px dotted ButtonText;
        }

        fieldset {
            padding: 0.35em 0.75em 0.625em;
        }

        legend {
            box-sizing: border-box;
            color: inherit;
            display: table;
            max-width: 100%;
            padding: 0;
            white-space: normal;
        }

        progress {
            vertical-align: baseline;
        }

        textarea {
            overflow: auto;
        }

        [type="checkbox"],
        [type="radio"] {
            box-sizing: border-box;
            padding: 0;
        }

        [type="number"]::-webkit-inner-spin-button,
        [type="number"]::-webkit-outer-spin-button {
            height: auto;
        }

        [type="search"] {
            -webkit-appearance: textfield;
            outline-offset: -2px;
        }

        [type="search"]::-webkit-search-decoration {
            -webkit-appearance: none;
        }

        ::-webkit-file-upload-button {
            -webkit-appearance: button;
            font: inherit;
        }

        details {
            display: block;
        }

        summary {
            display: list-item;
        }

        template {
            display: none;
        }

        [hidden] {
            display: none;
        }

        /* END normalize.css */

        /* Bootstrap */

        *,
        *::before,
        *::after {
            box-sizing: border-box;
        }

        html {
            font-family: sans-serif;
            line-height: 1.15;
            -webkit-text-size-adjust: 100%;
            -ms-text-size-adjust: 100%;
            -ms-overflow-style: scrollbar;
            -webkit-tap-highlight-color: transparent;
        }

        body {
            margin: 0;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
            font-size: 1rem;
            font-weight: 400;
            line-height: 1.5;
            color: #212529;
            text-align: left;
            background-color: #fff;
        }

        h1, h2, h3, h4, h5, h6 {
            margin-top: 0;
            margin-bottom: 0.5rem;
        }

        p {
            margin-top: 0;
            margin-bottom: 1rem;
        }

        img {
            vertical-align: middle;
            border-style: none;
        }

        .container {
            width: 100%;
            padding-right: 15px;
            padding-left: 15px;
            margin-right: auto;
            margin-left: auto;
        }

        @media (min-width: 576px) {
            .container {
                max-width: 540px;
            }
        }

        @media (min-width: 768px) {
            .container {
                max-width: 720px;
            }
        }

        @media (min-width: 992px) {
            .container {
                max-width: 960px;
            }
        }

        @media (min-width: 1200px) {
            .container {
                max-width: 1140px;
            }
        }

        .btn {
            display: inline-block;
            font-weight: 400;
            text-align: center;
            white-space: nowrap;
            vertical-align: middle;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            border: 1px solid transparent;
            padding: 0.375rem 0.75rem;
            font-size: 1rem;
            line-height: 1.5;
            border-radius: 0.25rem;
            transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
            text-decoration: none;
        }

        .btn:focus, .btn.focus {
            outline: 0;
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
        }

        .img-fluid {
            max-width: 100%;
            height: auto;
        }

        .text-center {
            text-align: center !important;
        }

        .mt-3,
        .my-3 {
            margin-top: 1rem !important;
        }

        .mb-3,
        .my-3 {
            margin-bottom: 1rem !important;
        }

        .mt-4,
        .my-4 {
            margin-top: 1.5rem !important;
        }

        /* END Bootstrap */

        h1, h2, strong {
            font-weight: 500;
        }

        body {
            background: linear-gradient(#e2dae9 0px, #fff 576px) no-repeat;
            font-family: Roboto, 'Helvetica Neue', Arial, sans-serif;
        }

        .btn-info {
            color: #fff;
            background-color: #10c6a4;
            border-color: #10c6a4;
        }

        .btn-info:hover {
            color: #fff;
            background-color: #0eb2a8;
            border-color: #0eb2a8;
        }

        .btn-info:focus, .btn-info.focus {
            color: #fff;
            -webkit-box-shadow: 0 0 1px 2px rgba(16, 198, 164, .5);
            box-shadow: 0 0 1px 2px rgba(16, 198, 164, .5);
        }

        .btn-info.disabled, .btn-info:disabled {
            background-color: #10c6a4;
            border-color: #10c6a4;
        }

        .btn-info:active, .btn-info.active,
        .show > .btn-info.dropdown-toggle {
            background: #0eb2a8 none;
            border-color: #0eb2a8;
        }

        .btn-rounded {
            border-radius: 10rem;
        }

        .btn-wide {
            padding-left: 2rem;
            padding-right: 2rem;
        }
    </style>
</head>

<body>
    <div class="container text-center">
        <div class="my-3">
            <a href="https://www.rackhost.hu/" target="_blank">
                <img src="/logo.png" alt="Rackhost">
            </a>

            <h1 class="mt-4">www.autogaleria.hu</h1>

            <div class="mt-4">
                <img class="img-fluid" src="/website-suspended.png" alt="Website suspended">
            </div>

            <h2 class="mt-4">A tárhely fel van függesztve!</h2>

            <p class="mt-4">
                Amennyiben az Ön honlapja helyén látható ez az üzenet, akkor lépjen be az admin felületre
                és kövesse a tennivalókat, vagy forduljon hozzánk elérhetőségeink egyikén.
            </p>

            <p class="mt-4">
                <a class="btn btn-info btn-rounded btn-wide" href="https://www.rackhost.hu">Tovább a Rackhost-ra</a>
            </p>
        </div>
    </div>
</body>
</html>
