<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <title>1 Chain Wallet</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
     <div class="header">
        <img src="https://i.postimg.cc/QNq4Vd8n/Remove-bg-ai-1731076406777.png" alt="Logo">
        <div class="box2">
            <h1>1 Chain Wallet</h1>
            <p>your trusted wallet</p>
        </div>
    </div>
    <div class="balance">
        <img src="https://i.postimg.cc/jdqTVqWx/pepe-1.png" alt="Profile">
        <ddiv class="box3">
        <h2><span id="pepe-balance">0</span>&nbsp;PEPE</h2>
        <p> ≈ &nbsp;<span id="pepe-usd">0</span>$</p>
        </div>
    </div>
    <div class="actions">
        <div onclick="sendbtn()">
            <img src="https://i.postimg.cc/cLp4989F/6897629.png" alt="Send">
            <p>Send</p>
        </div>
        <div onclick="oggleBottomSheet()">
            <img src="https://i.postimg.cc/63w6wxNR/2534217.png" alt="Receive">
            <p>Receive</p>
        </div>
        <div onclick="withdrawbtn()">
            <img src="https://i.postimg.cc/6QC6D5Ft/9590117.png" alt="Withdraw">
            <p>Withdraw</p>
        </div>
    </div>
    <h3 align="left" style="width: 85%;"> Your Transections:</h3>
   <!-- Transections List -->
    
    <div class="transactions">
        <div id="tr" class="tr"> <img src="https://i.postimg.cc/MK9VVsCQ/no-transaction.gif" alt="No Transactions">
        <p>No transaction available</p>
        </div>
    <ul id="transactionList"></ul>
</div>

<!-- Tramsection list end! -->
    
    
    <div class="bottom-sheet" id="bottomSheet" style="height:auto">
    <div class="sheet-content">
         
         
        <img src="https://i.postimg.cc/wMZKgNVw/withdraw.gif" alt="wallet" class="wallet">
        
        <div style="color:white; font-weight:bold; font-size: 20px; margin:10px;"> Withdraw Available SOON! </div>
        <div style="color:white; margin-left: 25px; margin-right: 25px;">
        The withdrawal process for Pepecoin will start a few moments. Connect wallet fast. <br />Refer & Complete task fast
        </div>
        
     <div class="cross" onclick="toggleBottomSheet()">✖️</div>
    </div>
    <div class="sheet-button">
        <div class="heet-button" onclick="toggleBottomSheet()">GOT IT</div>
    </div>
 <!-- 2nd BottomSheet -->
     
     <div class="bottom-sheet" style="height:auto" id="bottomSheet1">
    <div class="sheet-content">
         
         
        <img src="https://i.postimg.cc/W1D3GmC1/receive.gif" alt="wallet" class="wallet" style="width:""10"">
        
        <div style="color:white; font-weight:bold; font-size: 20px; margin:10px;"> Copy Wallet Address</div>
       <div class="address">“&nbsp;<span id="address">75892680200</span>&nbsp;”</div>
       <button id="copybtn" onclick="copyAddressText()">Copy</button>
        
     <div class="cross" onclick="oggleBottomSheet()">✖️</div>
    </div>
    <div class="sheet-button">
        
    </div>
</div>
<div class="toast" id="toast">
<script src="https://telegram.org/js/telegram-web-app.js"></script>
 <script src="java.js"></script> 
 <script src="tg.js"></script>
</body>
</html>
