HTML ad tag preview - Powered by Ad Reform

Live Preview

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

300x150

495 Bytes

Share this result

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

Script

Open in browser

<!DOCTYPE html>
<html>
<head>
    <title>Message Converter - Demo</title>
    <style>
        /* 3D Animation Container */
        #gojo-container {
            width: 100%;
            height: 400px;
            position: relative;
        }
        
        /* Demo Mode Styling */
        .demo-notice {
            color: red;
            font-weight: bold;
            padding: 15px;
            background: #ffeeee;
            border: 2px solid red;
            border-radius: 10px;
        }
    </style>
</head>
<body>

<!-- 3D Gojo Animation Area -->
<div id="gojo-container">
    <!-- Three.js या CSS 3D animation यहाँ -->
    <canvas id="gojo-canvas"></canvas>
</div>

<!-- Demo Notice -->
<div class="demo-notice">
    ⚠️ यह केवल DEMO है। वास्तविक SMS भेजने के लिए official SMS API की जरूरत होती है।
</div>

<!-- Input Form -->
<div class="form-container">
    <h3>Message Spelling Demo</h3>
    
    <!-- DEMO के लिए: अपना खुदका नंबर डालें -->
    <label>Your Own Number (Demo के लिए):</label>
    <input type="tel" id="demo-number" placeholder="+91XXXXXXXXXX" maxlength="13">
    
    <label>Message:</label>
    <textarea id="message" placeholder="Type your message here..."></textarea>
    
    <!-- SPELLING OPTIONS -->
    <label>Spelling Style:</label>
    <select id="spelling-style">
        <option value="word">Word by Word</option>
        <option value="letter">Letter by Letter</option>
        <option value="reverse">Reverse Spelling</option>
    </select>
    
    <!-- START BUTTON -->
    <button id="start-btn" onclick="demoSpelling()">
        🎮 START DEMO
    </button>
    
    <!-- Output Display -->
    <div id="output" class="output-box">
        <!-- यहाँ converted message दिखेगा -->
    </div>
</div>

<script>
// DEMO FUNCTION - असल में SMS नहीं भेजेगा
function demoSpelling() {
    const number = document.getElementById('demo-number').value;
    const message = document.getElementById('message').value;
    const style = document.getElementById('spelling-style').value;
    
    // VALIDATION
    if(!number || !message) {
        alert("Please enter both number and message for demo");
        return;
    }
    
    // कानूनी चेतावनी
    if(!number.startsWith('+91')) {
        alert("⚠️ For security, this demo only works with Indian (+91) numbers");
        return;
    }
    
    // SPELLING CONVERSION LOGIC
    let convertedMessage = "";
    
    if(style === 'word') {
        // Word by word spelling
        const words = message.split(' ');
        convertedMessage = words.join(' . ');
    }
    else if(style === 'letter') {
        // Letter by letter spelling
        convertedMessage = message.split('').join('.');
    }
    else if(style === 'reverse') {
        // Reverse spelling
        convertedMessage = message.split('').reverse().join('');
    }
    
    // OUTPUT DISPLAY
    document.getElementById('output').innerHTML = `
        <h4>DEMO OUTPUT:</h4>
        <p><strong>To:</strong> ${number}</p>
        <p><strong>Original:</strong> ${message}</p>
        <p><strong>Converted:</strong> ${convertedMessage}</p>
        <p class="demo-text">📱 (DEMO: Actual SMS नहीं भेजा गया)</p>
        <p class="legal-note">वास्तविक SMS भेजने के लिए Twilio/TextLocal जैसी API की जरूरत होती है</p>
    `;
}
</script>
</body>
</html>

Landing Page

This ad does not have a landing page available

Network Timeline

Performance Summary

Requests

Domains

4KB

Transfer Size

4KB

Content Size

119.0ms

Dom Content Loaded

308.0ms

First Paint

206.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