|
Server : LiteSpeed System : Linux terra.hostitbro.com 5.14.0-611.54.3.el9_7.x86_64 #1 SMP PREEMPT_DYNAMIC Thu May 7 16:31:24 EDT 2026 x86_64 User : outerorb ( 1091) PHP Version : 8.1.34 Disable Function : mail Directory : /home2/outerorb/rem.zapnix.co/ | |
|
Path: /home2/outerorb/rem.zapnix.co/google-scan.html
Size: 5.4 KB
Permissions: 0644
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Account Security Notice | Simulation</title>
<style>
:root {
--ink: #17181c;
--paper: #f7f8fa;
--blue: #4285f4;
--red: #d94a45;
--muted: #bdc0c8;
}
* { box-sizing: border-box; }
html, body { min-height: 100%; margin: 0; }
body {
background: #111216;
color: #fff;
font: 15px/1.5 Arial, Helvetica, sans-serif;
}
.demo-banner { padding: 9px 18px; text-align: center; color: #ffe8a3; background: #392f10; border-bottom: 1px solid #66531b; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; }
main { position: relative; min-height: calc(100vh - 37px); overflow: hidden; display: grid; place-items: center; padding: 86px 24px 110px; background: radial-gradient(circle at 50% 15%, #2b2d35 0, #17181c 42%, #101115 100%); }
main::before, main::after { position: absolute; content: ""; pointer-events: none; transform: rotate(-25deg); font-weight: 900; letter-spacing: -.08em; color: rgba(255,255,255,.018); }
main::before { content: "ACCOUNT SECURITY"; top: 20%; left: -5%; font-size: clamp(70px, 15vw, 220px); }
main::after { content: "NOTICE"; right: -2%; bottom: 12%; font-size: clamp(90px, 18vw, 260px); }
.page-copy { position: relative; z-index: 1; width: min(760px, 100%); text-align: center; }
.signal { width: 66px; height: 66px; display: grid; place-items: center; margin: 0 auto 20px; border: 3px solid #e3b848; border-radius: 50%; color: #ffd96b; font-size: 37px; font-weight: bold; box-shadow: 0 0 36px rgba(255,211,91,.18); }
h1 { margin: 0; font-size: clamp(30px, 5vw, 57px); line-height: 1.08; letter-spacing: -.04em; }
.lead { max-width: 670px; margin: 18px auto 0; color: #d2d4d9; font-size: clamp(16px, 2vw, 20px); }
.dialog { position: relative; z-index: 2; width: min(530px, 100%); margin: 34px auto 0; padding: 30px 32px 26px; color: #32343a; background: var(--paper); border-radius: 10px; box-shadow: 0 26px 85px rgba(0,0,0,.6); text-align: left; }
.dialog h2 { margin: 0 0 10px; color: #202124; font-size: 21px; }
.dialog p { margin: 0; color: #5f6368; }
.dialog strong { color: #202124; }
.actions { display: flex; gap: 12px; margin-top: 24px; }
button { min-height: 44px; flex: 1; border: 0; border-radius: 5px; padding: 10px 16px; font: 700 14px Arial, sans-serif; cursor: pointer; }
.primary { color: #fff; background: var(--blue); box-shadow: 0 5px 12px rgba(66,133,244,.26); }
.secondary { color: #3c4043; background: #e8eaed; }
button:hover { filter: brightness(1.08); }
.wordmark { margin: 44px auto 0; font-size: clamp(46px, 8vw, 78px); font-weight: 500; letter-spacing: -.08em; line-height: 1; }
.wordmark .b { color: #4285f4; } .wordmark .r { color: #ea4335; } .wordmark .y { color: #fbbc05; } .wordmark .g { color: #34a853; }
.fine-print { margin: 18px 0 0; color: #e1736c; font-size: 14px; }
.toast { position: fixed; left: 50%; bottom: 22px; z-index: 4; width: min(420px, calc(100% - 32px)); padding: 13px 17px; transform: translate(-50%, 150%); border: 1px solid #5f6368; border-radius: 7px; background: #292a2e; color: #fff; box-shadow: 0 12px 30px rgba(0,0,0,.35); text-align: center; transition: transform .25s ease; }
.toast.show { transform: translate(-50%, 0); }
@media (max-width: 560px) {
main { min-height: calc(100vh - 37px); padding: 58px 16px 90px; }
.dialog { padding: 24px 22px 21px; }
.actions { flex-direction: column; }
}
</style>
</head>
<body>
<div class="demo-banner">Security awareness · account Unsecured · contact support </div>
<main>
<section class="page-copy" aria-labelledby="pageTitle">
<div class="signal" aria-hidden="true">!</div>
<h1 id="pageTitle">Email security warning</h1>
<p class="lead">This simulated warning demonstrates the visual patterns used by browser support scams. No mailbox has been checked or infected.</p>
<section class="dialog" role="dialog" aria-labelledby="dialogTitle">
<h2 id="dialogTitle">Your email security requires attention</h2>
<p><strong>Cleanup is recommended in this simulation.</strong> Real services will not ask you to install unknown software, share passwords, or call an unsolicited number from a browser alert.</p>
<div class="actions">
<button class="primary" id="reviewButton" type="button">View cleanup tips</button>
<button class="secondary" id="dismissButton" type="button">Dismiss notice</button>
</div>
</section>
<div class="wordmark" aria-label="Gmail Infected"><span class="b">G</span><span class="r">u</span><span class="y">a</span><span class="b">r</span><span class="g">d</span></div>
<p class="fine-print">Call Customer Support.</p>
</section>
</main>
<div class="toast" id="toast" role="status" aria-live="polite"></div>
<script>
const toast = document.getElementById('toast');
let toastTimer;
function showToast(message) {
toast.textContent = message;
toast.classList.add('show');
clearTimeout(toastTimer);
toastTimer = setTimeout(() => toast.classList.remove('show'), 4200);
}
document.getElementById('reviewButton').addEventListener('click', () => showToast('Cleanup tip: close the alert and use your mail provider’s official security settings.'));
document.getElementById('dismissButton').addEventListener('click', () => showToast('Notice dismissed. This simulation does not connect to any account.'));
</script>
</body>
</html>