JetCoin Sale

  • 1 members
  • 1 followers
  • 41 views
  • Sync to Calendar
  • More

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
      <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
      <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
      <script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
      <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Private Jet (JET) Token Sale</title>
      <script>
          // Your walletconnect project ID (use your own project ID - get it for free at https://cloud.walletconnect.com/)
          const projectId = 'a39f640ee63aaf438646388c6583cbc5'
          // Metadata for walletconnect - please set correct domain to prevent CORS issues
          const metadata = {
              name: 'Private Jet (JET)',
              description: 'Private Jet (JET) Token Sale',
              url: 'https://privatejet.date', // origin must match your domain & subdomain
              icons: ['https://privatejet.date/view-album-media/uxc04b?context=album'] // logo
          }
          // Your tokens sale contract address and chain ID
          const ca = '0x7bF211b9164c5C08E1F66B6F0673cf771b25Ec48';
          const net = 137;
      </script>
    <script type="module" crossorigin="anonymous" src="https://dappbuilder.org/ext/assets/tokensaleuiv1.js"></script>
  </head>
  <body>


  <div class="container">
      <header class="d-flex flex-wrap justify-content-center py-3 mb-4 border-bottom">
          <a href="/" class="d-flex align-items-center mb-3 mb-md-0 me-md-auto link-body-emphasis text-decoration-none">
              <!--You can remove class "projectlogo" from images so that they are not loaded from chain-->
              <img src="https://privatejet.date/view-album-media/uxc04b?context=album" alt="Private Jet (JET) Token" height="35" class="projectlogo d-inline-block align-text-top align-self-center">
              <span class="fs-2">&nbsp;Token sale&nbsp;</span>
          </a>


          <ul class="nav nav-pills">
    <li class="nav-item"><a class="nav-link" href="#buy" aria-current="page">Buy token</a></li>
    
    <li class="nav-item">
        <!--This is the Wallet Connect button. You can place it anywhere, several buttons are allowed also. Please leave at least one on the page.-->
        <w3m-button />
    </li>
</ul>


      </header>
  </div>


  <!--Loading alert at the top of the page-->
  <div id="loadmain" class="alert alert-primary" role="alert" style="display: none">
      <span class="spinner-grow spinner-grow-sm" aria-hidden="true"></span> Loading token sale data... please wait...
  </div>


  <!--Alert for token sale admin in case there are not enough tokens on the token sale contract balance-->
  <div id="supply" class="alert alert-danger" role="alert" style="display: none">
      For token sale admin: please supply tokens to the token sale contract (check token sale admin panel).
  </div>


  <div id="wrongnetmain" class="alert alert-warning" role="alert" style="display: none">
      Please switch to Polygon <button id="switch" class="btn btn-primary">Switch</button>
  </div>


  <!--Area with token logo, token name, description, socials and token sale information.
  Data is loaded from chain but you can hardcode it by removing the ids or classes where applicable.
  Leave the ids of the contract address fields because they are used for COPY functionality (of course if you need it)-->
  
  <div class="container col-xl-10 col-xxl-8 px-4 py-2">
      <div class="row align-items-start g-5 py-2">
          <div class="col-lg-7 text-center text-lg-start">
              <!--You can remove class "projectlogo" from images so that they are not loaded from chain-->
              <img src="https://privatejet.date/view-album-media/uxc04b?context=album" class="img-thumbnail projectlogo" style="max-height: 200px">
              <h1 class="display-5 fw-bold lh-1 text-body-emphasis mb-3">Private Jet (JET)</h1>
              <p class="text-break">
                  <span id="address">0x82DD3d24961bbc24c47183b497e6c11dBa831CF8</span>&nbsp;<i id="copy" class="bi bi-clipboard text-primary" data-toggle="tooltip" title="Copy to clipboard" style="cursor: pointer"></i>
                  <a target="_blank" href="https://polygonscan.com/token/0x82DD3d24961bbc24c47183b497e6c11dBa831CF8"><i id="open" class="bi bi-box-arrow-up-right" data-toggle="tooltip" title="View on tracker" style="cursor: pointer"></i></a>
                  < /><span class="text-danger">Do not send funds to the token address!</span>
              </p>
              
              <!-- Description text -->
              <p id="desc" class="col-lg-10" style="white-space: pre-line">Jet Coin Sale</p>
              
              <!--Social icons and links-->
              <ul class="nav nav-pills d-flex mx-auto">
                  <li id="www" class="nav-item" style="display: none">
                      <a id="wwwlink" target="_blank" href="https://privatejet.date" class="nav-link">
                          <i class="bi bi-globe" style="font-size: 1.7rem;"></i>
                      </a>
                  </li>
                  <li id="fb" class="nav-item" style="display: none">
                      <a id="fblink" target="_blank" href="" class="nav-link">
                          <i class="bi bi-facebook" style="font-size: 1.7rem;"></i>
                      </a>
                  </li>
                  <li id="tg" class="nav-item" style="display: none">
                      <a id="tglink" target="_blank" href="" class="nav-link">
                          <i class="bi bi-telegram" style="font-size: 1.7rem;"></i>
                      </a>
                  </li>
                  <li id="tw" class="nav-item" style="display: none">
                      <a id="twlink" target="_blank" href="https://x.com/CryptoJetCoin" class="nav-link">
                          <i class="bi bi-twitter" style="font-size: 1.7rem;"></i>
                      </a>
                  </li>
                  <li id="insta" class="nav-item" style="display: none">
                      <a id="instalink" target="_blank" href="" class="nav-link">
                          <i class="bi bi-instagram" style="font-size: 1.7rem;"></i>
                      </a>
                  </li>
                  <li id="github" class="nav-item" style="display: none">
                      <a id="githublink" target="_blank" href="" class="nav-link">
                          <i class="bi bi-github" style="font-size: 1.7rem;"></i>
                      </a>
                  </li>
                  <li id="yt" class="nav-item" style="display: none">
                      <a id="ytlink" target="_blank" href="" class="nav-link">
                          <i class="bi bi-youtube" style="font-size: 1.7rem;"></i>
                      </a>
                  </li>
                  <li id="link1" class="nav-item" style="display: none">
                      <a id="link1link" target="_blank" href="" class="nav-link">
                          <i class="bi bi-box-arrow-up-right" style="font-size: 1.7rem;"></i>
                      </a>
                  </li>
                  <li id="link2" class="nav-item" style="display: none">
                      <a id="link2link" target="_blank" href="" class="nav-link">
                          <i class="bi bi-box-arrow-up-right" style="font-size: 1.7rem;"></i>
                      </a>
                  </li>
              </ul>


              <h3 class="display-6 fw-bold lh-1 text-body-emphasis mb-3">Token sale info</h3>
              
              
              
              <div>
                  <div class="hstack">
                      <div class="p-2">Start: 2024-06-22T22:59:52-03:00</div>
                      <div class="p-2 ms-auto">End: 2024-12-21T22:59:52-03:00</div>
                  </div>
                  <div class="text-center">
                      Duration: 182 days 0 hours 0 minutes
                  </div>
              </div>
              
              <div class="text-center">
    Tokens are sent to investors instantly when they invest
              </div>
              
              <div class="text-break text-center">
                  Token sale contract:
                  <span id="address2">0x7bF211b9164c5C08E1F66B6F0673cf771b25Ec48</span>&nbsp;<i id="copy2" class="bi bi-clipboard text-primary" data-toggle="tooltip" title="Copy to clipboard" style="cursor: pointer"></i>
                  <a target="_blank" href="https://polygonscan.com/address/0x7bF211b9164c5C08E1F66B6F0673cf771b25Ec48"><i id="open2" class="bi bi-box-arrow-up-right" data-toggle="tooltip" title="View on tracker" style="cursor: pointer"></i></a>
                  </>
                  <span class="text-primary">You can send MATIC directly to the token sale contract (do not send stablecoins or tokens). If transaction fails "out of gas" try to increase gas.</span>
              </div>
              
          </div>


          <!--Token sale status area, statuses are shown/hidden according to the actual on-chain data loaded-->


          <div id="buy" class="col-md-10 text-center text-lg-start col-lg-5">
              <h3 class="display-6 fw-bold lh-1 text-body-emphasis mb-3">Token sale status</h3>
              <h3 id="loading" class="statuses display-6 fw-bold lh-1 text-body-emphasis mb-3"><span class="badge text-bg-primary"><span class="spinner-grow" aria-hidden="true"></span> loading status...</span></h3>
              <h3 id="live" class="statuses display-6 fw-bold lh-1 text-body-emphasis mb-3" style="display: none"><span class="badge text-bg-success">LIVE</span></h3>
              <h3 id="livetime" class="statuses display-6 fw-bold lh-1 text-body-emphasis mb-3" style="display: none"><span class="badge text-bg-success">Ends in <span id="timer2"></span></span></h3>
              <h3 id="upcoming" class="statuses display-6 fw-bold lh-1 text-body-emphasis mb-3" style="display: none"><span class="badge text-bg-primary">Starts in <span id="timer"></span></span></h3>
              <h3 id="fail" class="statuses display-6 fw-bold lh-1 text-body-emphasis mb-3" style="display: none"><span class="badge text-bg-secondary">Failed</span></h3>
              <h3 id="cancel" class="statuses display-6 fw-bold lh-1 text-body-emphasis mb-3" style="display: none"><span class="badge text-bg-secondary">Canceled</span></h3>
              <h3 id="finished" class="statuses display-6 fw-bold lh-1 text-body-emphasis mb-3" style="display: none"><span class="badge text-bg-secondary">Finished</span></h3>
              <h3 id="success" class="statuses display-6 fw-bold lh-1 text-body-emphasis mb-3" style="display: none"><span class="badge text-bg-success">SUCCESS</span></h3>
              <h4 id="scfilled" class="statuses display-7 fw-bold lh-1 text-body-emphasis mb-3" style="display: none"><span class="badge text-bg-success">Softcap filled</span></h4>
              <!--Progress bar is visible for token sales with hardcap-->
              <div id="progress-outer" class="progress" role="progressbar" aria-valuenow="" aria-valuemin="0" aria-valuemax="100" style="height: 20px; display: none">
                  <div id="progress-inner" class="progress-bar" style="width: 0%"></div>
              </div>
              <div class="text-center">
                  Raised: <span id="raised"></span>MATIC
              </div>
              
              
              <!--Buy tokens area-->


              <h3 class="display-6 fw-bold lh-1 text-body-emphasis mb-3">Buy tokens</h3>
              
              <!-- Tokens rate/price -->
              <h4 class="display-7 fw-bold lh-1 text-body-emphasis mb-3 text-center">
  1MATIC = 1700 JET
              </h4>


              <label for="amount" class="form-label">Input investment amount<span id="mymax"></span>:</label>
              <!--Keep the ID "amount" unchanged-->
              <div class="input-group mb-3">
                  <input type="number" min="0" step="0.1" class="form-control text-center" id="amount" aria-describedby="helper">
                  <span class="input-group-text">MATIC</span>
              </div>
              <div class="form-text" id="helper">You will get: <span id="qty">...</span>JET</div>
              
              <!--Keep the required buttons IDs unchanged-->
              <div class="d-grid gap-2">
                  <button id="buybtn" class="butns btn btn-primary btn-lg" type="button">Buy</button>
                  <button id="approvebtn" class="butns btn btn-primary btn-lg" type="button" style="display: none">Approve</button>
              </div>
              <div id="wrongnetbuy" class="alert alert-warning" role="alert" style="display: none">
                  Please switch to Polygon
              </div>


              <!--User area-->
              <h3 class="display-6 fw-bold lh-1 text-body-emphasis mb-3">My tokens</h3>


              <div class="alert alert-warning disconnected" role="alert" style="display: none">
                  Please connect wallet
              </div>


              <div class="connected" role="alert" style="display: none">
                  <div class="hstack">
                      <div>Invested: <span id="myinvested"></span>MATIC</div>
                      <div class="ms-auto">Purchased: <span class="mypurchased"></span>JET</div>
                  </div>
                  
                  
              </div>
              
              
          </div>
      </div>
  </div>
  
  null


  <!-- Footer -->
  <footer class="text-center text-lg-center">
      <!--You can use this footer or delete it-->
  </footer>


  </body>
</html>