HTML ad tag preview - Powered by Ad Reform

Live Preview

Tag didn’t load? Click here and let us know!

320x51

240 Bytes

Share this result

Previews are deleted daily. Get a permanent share link sent to your inbox:

Script

Open in browser

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>Smart Prime Calculator</title>
    <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-app-pub-8292070105756572" crossorigin="anonymous"></script>
    <style>
        :root {
            --bg-deep: #05070a; 
            --card-bg: #0f172a; 
            --text-primary: #ffffff;
            --accent-blue: #007aff;
            --btn-dark: #1e293b; 
            --btn-active: #334155;
        }

        * { margin: 0; padding: 0; box-sizing: border-box; font-family: sans-serif; -webkit-tap-highlight-color: transparent; }

        body {
            display: flex; flex-direction: column; justify-content: space-between; align-items: center;
            min-height: 100vh; background: var(--bg-deep); color: white;
        }

        .notes-calculator {
            width: 95%; max-width: 360px;
            background: var(--card-bg);
            padding: 20px;
            border-radius: 30px;
            margin-top: auto;
            margin-bottom: 20px;
            box-shadow: 0 20px 50px rgba(0,0,0,0.5);
        }

        #display {
            width: 100%; background: transparent; border: none;
            color: var(--text-primary); font-size: 3.5rem; text-align: right; outline: none;
            margin-bottom: 20px;
        }

        .buttons-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }

        button {
            height: 70px; border-radius: 20px; border: none;
            background: var(--btn-dark); color: white; font-size: 1.5rem;
        }

        button:active { background: var(--btn-active); transform: scale(0.95); }
        .operator { color: #38bdf8; }
        .equal { background: var(--accent-blue); grid-row: span 2; height: 150px; }

        /* Banner Ad Styling */
        .ad-bottom {
            width: 100%;
            height: 60px;
            background: #000;
            display: flex;
            justify-content: center;
            align-items: center;
            border-top: 1px solid #333;
        }
    </style>
</head>
<body>

    <div style="flex-grow: 1; display: flex; align-items: center;">
        <div class="notes-calculator">
            <input type="text" id="display" readonly placeholder="0">
            <div class="buttons-grid">
                <button style="color:#ff4d4d" onclick="clearDisplay()">C</button>
                <button class="operator" onclick="append('/')">÷</button>
                <button class="operator" onclick="append('*')">×</button>
                <button onclick="backspace()">⌫</button>
                
                <button onclick="append('7')">7</button>
                <button onclick="append('8')">8</button>
                <button onclick="append('9')">9</button>
                <button class="operator" onclick="append('-')">−</button>
                
                <button onclick="append('4')">4</button>
                <button onclick="append('5')">5</button>
                <button onclick="append('6')">6</button>
                <button class="operator" onclick="append('+')">+</button>
                
                <button onclick="append('1')">1</button>
                <button onclick="append('2')">2</button>
                <button onclick="append('3')">3</button>
                <button class="equal" onclick="calculate()">=</button>
                
                <button onclick="append('0')">0</button>
                <button onclick="append('.')">.</button>
                <button onclick="append('%')">%</button>
            </div>
        </div>
    </div>

    <div class="ad-bottom">
        <ins class="adsbygoogle"
             style="display:inline-block;width:320px;height:50px"
             data-ad-client="ca-app-pub-8292070105756572"
             data-ad-slot="6300978111"></ins>
        <script>
             (adsbygoogle = window.adsbygoogle || []).push({});
        </script>
    </div>

    <script>
        const display = document.getElementById('display');
        function append(char) { display.value += char; }
        function clearDisplay() { display.value = ""; }
        function backspace() { display.value = display.value.slice(0, -1); }
        function calculate() {
            try { display.value = eval(display.value); }
            catch { display.value = "Error"; setTimeout(clearDisplay, 1000); }
        }
    </script>
</body>
</html>

Landing Page

This ad does not have a landing page available

Network Timeline

Performance Summary

Requests

Domains

283KB

Transfer Size

809KB

Content Size

65.0ms

Dom Content Loaded

124.0ms

First Paint

528.0ms

Load Time

Domain Breakdown

Transfer Size (bytes)

Content Size (bytes)

Header Size (bytes)

Requests

Timings (ms)

Total Time

Content Breakdown

Transfer Size (bytes)

Content Size (bytes)

Header Size (bytes)

Requests