Da

✏️ Editing: outdated.html

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Plesk</title>
<link href="./favicon.ico" rel="icon" type="image/x-icon">
<style>
    html{
        -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
        font-size: 16px;
    }

html,
    body {
        height: 100%;
        min-height: 100%;
    }

body{
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 16px;
        line-height: 1.5;
        color: #000;
        background: #e5e5e5 url("./images/outdated-spider.png") 0 0 no-repeat;
    }

.page {
        overflow: hidden;
        min-height: 100%;
        padding: 0 200px 0 40px;
        text-align: center;
        background: url("./images/outdated-rip.png") 100% 100% no-repeat;
    }

.content {
        max-width: 500px;
        margin: 120px auto 0;
        text-align: left;
    }

h1 {
        margin: 0 0 10px;
        padding: 0;
        font-size: 64px;
        font-weight: 600;
    }

p {
        max-width: 450px;
        margin: 0 0 20px;
    }

ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

a {
        color: #2498e3;
        text-decoration: none;
        cursor: pointer;
    }

a:active,
    a:hover {
        outline: 0;
        color: #188dd9;
        text-decoration: underline;
    }

.nowrap { white-space: nowrap; }

.browsers { padding-top: 20px; }

.browsers > li {
        display: inline-block;
        vertical-align: top;
        width: 45%;
        margin-bottom: 40px;
    }

.available li {
        display: inline-block;
        width: 32px;
        height: 33px;
        margin: 8px 5px 0 0;
        text-indent: -3000px;
        text-align: left;
        background: url("./images/operatingsystems.png") no-repeat;
    }

.available span { display: none; }

.available li.windows { background-position: 0 0; }

.available li.mac { background-position: -32px 0; }

.available li.linux { background-position: -64px 0; }

@media (max-width: 1000px) {
        body { background-size: auto 160px; }

.page {
            padding: 0 40px;
            background-size: auto 300px;
        }

.content { margin-top: 80px; }
    }

@media (max-width: 690px) {
        body { background-size: auto 60px; }

.page {
            padding: 0 40px;
            background-size: auto 100px;
        }

.content { margin-top: 10px; }

h1 { font-size: 32px; }
    }
</style>
</head>
<body>
<div class="page">
    <div class="content">
        <h1>Oops!</h1>
        <p>It looks like your browser is dead and not supported <span class="nowrap">anymore. ;(</span></p>
        <p>Using outdated software is a bad idea for your security, <span class="nowrap">so we strongly</span> recommend you to update your browser.</p>
        <p>Get one of the supported browsers:</p>
        <ul class="browsers">
            <li>
                <a href="http://www.mozilla.org/firefox/new/" target="_blank">Mozilla Firefox</a>
                <ul class="available">
                    <li class="windows"><span>Windows</span></li>
                    <li class="mac"><span>Mac OS</span></li>
                    <li class="linux"><span>Linux</span></li>
                </ul>
            </li>
            <li>
                <a href="https://www.google.com/chrome/" target="_blank">Google Chrome</a>
                <ul class="available">
                    <li class="windows"><span>Windows</span></li>
                    <li class="mac"><span>Mac OS</span></li>
                    <li class="linux"><span>Linux</span></li>
                </ul>
            </li>
            <li>
                <a href="https://www.microsoft.com/windows/microsoft-edge" target="_blank">Microsoft Edge®</a>
                <ul class="available">
                    <li class="windows"><span>Windows</span></li>
                </ul>
            </li>
            <li>
                <a href="https://www.apple.com/safari/" target="_blank">Apple Safari</a>
                <ul class="available">
                    <li class="mac"><span>Mac OS</span></li>
                </ul>
            </li>
        </ul>
    </div>
</div>
</body>
</html>

📁 Sid Gifari File Manager