Scribd Logo
Upload

Welcome to Scribd!

  • Untitled 1

    Uploaded by

    Hírow
    4 views1 page
    The document is a simple HTML page with styling and JavaScript. It contains a button that, when clicked, displays a hidden message saying "This is the SMT ZELDRIS message." The page has a title and headings styled in uppercase letters with added effects, and uses color, padding and fonts to lay out the button and revealed message text.

    Original Description:

    Original Title

    Untitled-1

    Copyright

    © © All Rights Reserved

    Available Formats

    TXT, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    The document is a simple HTML page with styling and JavaScript. It contains a button that, when clicked, displays a hidden message saying "This is the SMT ZELDRIS message." The page has a title and headings styled in uppercase letters with added effects, and uses color, padding and fonts to lay out the button and revealed message text.

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    4 views1 page

    Untitled 1

    Uploaded by

    Hírow
    The document is a simple HTML page with styling and JavaScript. It contains a button that, when clicked, displays a hidden message saying "This is the SMT ZELDRIS message." The page has a title and headings styled in uppercase letters with added effects, and uses color, padding and fonts to lay out the button and revealed message text.

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 1

    <!

    DOCTYPE html>
    <html>
    <head>
    <title>SMT ZELDRIS</title>
    <style>
    body {
    font-family: Arial, sans-serif;
    text-align: center;
    background-color: #000;
    color: #FFF;
    padding: 50px;
    }

    h1 {
    font-size: 48px;
    text-transform: uppercase;
    letter-spacing: 6px;
    margin-bottom: 20px;
    }

    .question {
    font-size: 24px;
    margin-bottom: 20px;
    }

    .answer {
    font-size: 18px;
    margin-bottom: 40px;
    }

    .highlight {
    font-size: 72px;
    font-weight: bold;
    color: #FF9800;
    letter-spacing: 12px;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
    }
    </style>
    </head>
    <body>
    <h1>SMT ZELDRIS</h1>

    <div class="question">Zeldris, aperte aqui para uma surpresa:</div>


    <div class="answer">
    <button onclick="showMessage()">Aperte aqui!</button>
    </div>

    <div id="message" style="display: none;">


    <h1 class="highlight">SMT ZELDRIS</h1>
    <p>Esta é a mensagem SMT ZELDRIS.</p>
    </div>

    <script>
    function showMessage() {
    document.getElementById("message").style.display = "block";
    }
    </script>
    </body>
    </html>

    You might also like