Html codes

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>PHP Website Source Viewer</title> <style> textarea { width: 100%; height: 400px; } </style>…

Php website source viewer

116 views04:45

Html codes

📢 Attention! 📢

Are you in need of your very own ChatGPT clone? Look no further! Our Telegram channel is now accepting orders for the creation of custom ChatGPT clones at an unbeatable price range of $5 to $25!

Whether you're a developer looking to enhance your applications or a curious individual seeking an interactive AI companion, our team of experts is here to deliver a personalized ChatGPT clone tailored to your needs.

To place an order, simply write a comment on this post expressing your interest, and our team will reach out to you promptly to discuss the details. Don't miss out on this incredible opportunity to obtain a powerful AI assistant at an affordable price.

Join our Telegram channel now and embark on a journey of limitless possibilities with your very own ChatGPT clone!

🔗 Join our Telegram channel here

We look forward to creating an exceptional ChatGPT clone just for you! 💫

126 views05:24

Html codes

Need special code?

127 views09:15

Yes

Html codes

Need special code?

Example code results

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Send Question with Join Channel Button to Telegram</title>
</head>
<body>

    <form id="telegramForm">
        <input type="text" id="chatId" placeholder="Channel ID" required>
        <input type="text" id="question" placeholder="Question" required>
        <input type="text" id="buttonText" placeholder="Button Text" required>
        <input type="text" id="channelUsername" placeholder="Channel Username" required>
        <button type="submit">Send</button>
    </form>

    <script>
        document.getElementById('telegramForm').addEventListener('submit', function(event) {
            event.preventDefault();

            const chatId = document.getElementById('chatId').value;
            const question = document.getElementById('question').value;
            const buttonText = document.getElementById('buttonText').value;
            const channelUsername = document.getElementById('channelUsername').value;
            const token = 'YOUR_BOT_TOKEN';

            const url = `https://api.telegram.org/bot${token}/sendMessage`;
            const data = {
                chat_id: chatId,
                text: question,
                reply_markup: JSON.stringify({
                    inline_keyboard: [
                        [
                            { text: buttonText, callback_data: 'check_subscription' }
                        ]
                    ]
                })
            };

            fetch(url, {
                method: 'POST',
                headers: {
                    'Content-Type': 'application/json'
                },
                body: JSON.stringify(data)
            })
            .then(response => response.json())
            .then(data => {
                if (data.ok) {
                    alert('Message sent successfully!');
                } else {
                    alert('Error sending message: ' + data.description);
                }
            })
            .catch(error => console.error('Error:', error));
        });

        function handleUpdate(update) {
            if (update.callback_query) {
                const userId = update.callback_query.from.id;
                const channelId = '@' + document.getElementById('channelUsername').value;
                const token = 'YOUR_BOT_TOKEN';
                
                // Check if user is a member of the channel
                fetch(`https://api.telegram.org/bot${token}/getChatMember?chat_id=${channelId}&user_id=${userId}`)
                .then(response => response.json())
                .then(data => {
                    const url = `https://api.telegram.org/bot${token}/answerCallbackQuery`;
                    const responseData = {
                        callback_query_id: update.callback_query.id
                    };

                    if (data.result.status === 'member'  data.result.status === 'administrator'  data.result.status === 'creator') {
                        // User is subscribed
                        responseData.text = 'Thank you for being a subscriber!';
                    } else {
                        // User is not subscribed
                        responseData.text = 'Please subscribe to the channel first.';
                    }

                    fetch(url, {
                        method: 'POST',
                        headers: {
                            'Content-Type': 'application/json'
                        },
                        body: JSON.stringify(responseData)
                    });
                });
            }
        }

        // Polling to get updates (simplified for demonstration purposes)

142 viewsedited 09:19

Html codes

Need special code?

setInterval(() => {
const token = 'YOUR_BOT_TOKEN';
fetch(https://api.telegram.org/bot${token}/getUpdates)
.then(response => response.json())
.then(data => {
if (data.result) {
data.result.forEach(update => {
handleUpdate(update);
});
}
});
}, 3000);
</script>

</body>
</html>
`

144 views09:19

Html codes

hi there, what can I do for you?

👍1

126 views04:14

Html codes via @vid

https://www.youtube.com/watch?v=uHj65kBDeX8

YouTube

Pure CSS Button Shine Effect On Hover | Shimmer Button | آموزش مینی پروژه CSS

Learn how to make a button shine effect on hover

following easy steps Don't forget to give this video a big thumbs up and subscribe to @webdev6472

-------------------------------------------------------------------------------------

در این مینی پروژه…

109 views10:12

Html codes

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Smartwatch Animation</title>
<style>
    .watch {
        width: 200px;
        height: 200px;
        border: 10px solid #333;
        border-radius: 50%;
        position: relative;
    }
    
    .hour-hand, .minute-hand, .second-hand {
        position: absolute;
        background: #333;
        transform-origin: center;
    }
    
    .hour-hand {
        width: 4px;
        height: 60px;
    }
    
    .minute-hand {
        width: 4px;
        height: 80px;
    }
    
    .second-hand {
        width: 2px;
        height: 90px;
        background: red;
    }
</style>
</head>
<body>

<div class="watch">
    <div class="hour-hand" id="hourHand"></div>
    <div class="minute-hand" id="minuteHand"></div>
    <div class="second-hand" id="secondHand"></div>
</div>

<script>
    function setClock() {
        const now = new Date();
        const hours = now.getHours() % 12;
        const minutes = now.getMinutes();
        const seconds = now.getSeconds();
        
        const hourDeg = (hours + minutes / 60) * 30;
        const minuteDeg = (minutes + seconds / 60) * 6;
        const secondDeg = seconds * 6;
        
        document.getElementById('hourHand').style.transform = rotate(${hourDeg}deg);
        document.getElementById('minuteHand').style.transform = rotate(${minuteDeg}deg);
        document.getElementById('secondHand').style.transform = rotate(${secondDeg}deg);
    }
    
    setClock();
    setInterval(setClock, 1000);
</script>

</body>
</html>

108 views10:49

Html codes

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Edge Lighting Effect</title>
<style>
    .container {
        width: 200px;
        height: 200px;
        position: relative;
        background-color: #333;
        box-shadow: 0 0 20px 10px rgba(0, 0, 255, 0.4) inset;
    }

    .light {
        position: absolute;
        top: -5px;
        left: -5px;
        right: -5px;
        bottom: -5px;
        background: radial-gradient(circle at center, rgba(0, 0, 255, 0.4) 0%, transparent 70%);
        animation: pulse 2s infinite;
    }

    @keyframes pulse {
        0% {
            box-shadow: 0 0 10px 5px rgba(0, 0, 255, 0.4), 0 0 20px 10px rgba(0, 0, 255, 0.4) inset;
        }
        50% {
            box-shadow: 0 0 20px 15px rgba(0, 0, 255, 0.4), 0 0 30px 15px rgba(0, 0, 255, 0.4) inset;
        }
        100% {
            box-shadow: 0 0 10px 5px rgba(0, 0, 255, 0.4), 0 0 20px 10px rgba(0, 0, 255, 0.4) inset;
        }
    }
</style>
</head>
<body>
<div class="container">
    <div class="light"></div>
</div>
</body>
</html>

👍1

116 views10:59

Html codes

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>iPhone 15 Pro Interface</title>
<style>
    body {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100vh;
        background-color: #000;
    }

    .iphone {
        width: 400px;
        height: 800px;
        background: linear-gradient(135deg, #000 0%, #333 100%);
        border-radius: 40px;
        box-shadow: 0 15px 30px rgba(0, 0, 0, 0.4);
        position: relative;
        overflow: hidden;
    }

    .screen {
        width: 100%;
        height: 90%;
        background: #fff;
        border-radius: 20px;
        margin: 20px;
    }

    .button {
        width: 60px;
        height: 60px;
        background: #333;
        border-radius: 50%;
        position: absolute;
        top: 10px;
        left: 50%;
        transform: translateX(-50%);
    }
</style>
</head>
<body>
<div class="iphone">
    <div class="screen"></div>
    <div class="button"></div>
</div>
</body>
</html>

128 views10:59

Html codes

Are we currently accepting html code orders?

Anonymous Poll

88%

Yes

13%

8 voters124 views06:19

Html codes

126 views14:22

Html codes

New smartphone design created with chatgpt!

127 views14:22

Html codes

AI_Image_Generator_(free,_no_sign-up,_unlimited).html

1.1 MB

Share my html file

144 views09:24

Html codes via @vid

https://www.youtube.com/watch?v=lvNwcYZbJAA

YouTube

OpenAI announces SearchGPT, an AI-powered search engine

OpenAI, the makers of ChatGPT, are launching SearchGPT, a highly-anticipated search engine powered by artificial intelligence that gives users real-time information from across the internet. Kylie Robison, senior AI reporter for the Verge, joined CBS News…

133 views06:48

Html codes

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Galaxy</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <div class="galaxy">
        <div class="central-object"></div>
    </div>
    <script src="script.js"></script>
    <style>
        body {
            margin: 0;
            overflow: hidden;
            background: black;
        }

        .galaxy {
            position: relative;
            width: 100vw;
            height: 100vh;
            overflow: hidden;
        }

        .star {
            position: absolute;
            border-radius: 50%;
            background: white;
            animation: twinkle 1.5s infinite ease-in-out, drift 10s infinite linear;
        }

        @keyframes twinkle {
            0% {
                opacity: 0.2;
            }
            50% {
                opacity: 1;
            }
            100% {
                opacity: 0.2;
            }
        }

        @keyframes drift {
            0% {
                transform: translateY(0) translateX(0);
            }
            100% {
                transform: translateY(100vh) translateX(100vw);
            }
        }

        .central-object {
            position: absolute;
            width: 120px; /* Increased size for a more prominent moon */
            height: 120px; /* Increased size for a more prominent moon */
            border-radius: 50%;
            background: #f0f0f0; /* Brighter color for the moon */
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            box-shadow: 0 0 40px rgba(255, 255, 255, 0.8); /* Increased glow effect */
            animation: rotate 20s infinite linear; /* Optional rotation animation */
        }

        @keyframes rotate {
            0% {
                transform: translate(-50%, -50%) rotate(0deg);
            }
            100% {
                transform: translate(-50%, -50%) rotate(360deg);
            }
        }
    </style>
    <script>
        alert('Moon suggestion by sololearn user');
        alert('Give a upvote if you like 😊');
        document.addEventListener('DOMContentLoaded', () => {
            const galaxy = document.querySelector('.galaxy');
            const numStars = 200; // Number of stars

            function createStar() {
                const star = document.createElement('div');
                star.className = 'star';
                const size = Math.random() * 3 + 1; // Size between 1px and 4px
                star.style.width = ${size}px;
                star.style.height = ${size}px;
                star.style.top = ${Math.random() * 100}vh; // Position within viewport height
                star.style.left = ${Math.random() * 100}vw; // Position within viewport width
                star.style.opacity = Math.random(); // Random opacity for initial appearance
                star.style.animationDuration = ${Math.random() * 10 + 5}s; // Random duration for drift animation
                galaxy.appendChild(star);
            }

            for (let i = 0; i < numStars; i++) {
                createStar();
            }
        });
    </script>
</body>
</html>