Cash-Ninjas - Minting Page

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link href="images/favicon.png" rel="icon" /> <title>Cash-Ninjas - Minting Page</title> <meta name="description" content="Cash-Ninjas - A CashTokens NFT Collection, taking NFTs on Bitcoin Cash to the next level! Created by known BCH community members to help build out the CashTokens ecosystem.">  <link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">   <link rel="stylesheet" type="text/css" href="/vendor/bootstrap/css/bootstrap.min.css" />  <link rel="stylesheet" type="text/css" href="/vendor/font-awesome/css/all.min.css" />  <link rel="stylesheet" type="text/css" href="/vendor/owl.carousel/assets/owl.carousel.min.css" />    <script type="module" crossorigin src="/assets/mint-aJerdMYC.js"></script> <link rel="modulepreload" crossorigin href="/assets/theme-nX-Rll94.js"> <link rel="modulepreload" crossorigin href="/assets/ElectrumNetworkProvider-rkoVGbAC.js"> <link rel="modulepreload" crossorigin href="/assets/mintingParams-X_tDKk3U.js"> <link rel="stylesheet" crossorigin href="/assets/theme-zjvAY6UE.css"> <link rel="stylesheet" crossorigin href="/assets/mint-ZyRjrW_C.css"> </head> <body data-bs-spy="scroll" data-bs-target="#header-nav" data-bs-smooth-scroll="true" data-bs-offset="0" class="hero-bg" style="background-image:url('images/bg.png');">  <div class="preloader preloader-dark"> <div class="lds-ellipsis"> <div></div> <div></div> <div></div> <div></div> </div> </div>   <div id="main-wrapper">  <header id="header" class="sticky-top-slide">  <nav class="primary-menu navbar navbar-expand-lg navbar-dark bg-primary fw-500 border-bottom-0"> <div class="container position-relative"> <div class="col-auto col-lg-auto">  <a class='logo' href='/' title='Cash-Ninjas'> <img src="images/ninjaIcon.png" alt="Cash-Ninjas" style="width: 55px" /> <h2 class="text-6 ls-5 text-white text-uppercase" style="margin-top: 10px; font-family: samurai;"> Cash-Ninjas</h2> </a>  </div> <div class="col navbar-accordion"> <button class="navbar-toggler ms-auto" type="button" data-bs-toggle="collapse" data-bs-target="#header-nav"><span></span><span></span><span></span></button> <div id="header-nav" class="collapse navbar-collapse justify-content-end"> <ul class="navbar-nav"> <li class="nav-item"><a class="nav-link" href="/#home">Home</a></li> <li class="nav-item"><a class='nav-link active' href='/mint'>Mint <sup>new</sup></a></li> <li class="nav-item"><a class="nav-link" href="/#about">About</a></li> <li class="nav-item"><a class="nav-link" href="/#team">Team</a></li> <li class="nav-item"><a class='nav-link' href='/collection'>Collection <sup>new</sup></a></li> <li class="nav-item"><a class="nav-link" href="/#clans">Clans</a></li> <li class="nav-item"><a class="nav-link" href="/#roadmap">Roadmap</a></li> <li class="nav-item h-auto"><a class="nav-link" href="/#faq">FAQ</a></li> </ul> </div> </div> </div> </nav>  </header>   <div id="content" role="main"> <div class="section mt-5 pb-0"> <div class="container pt-3"> <div class="row g-5">  <h2 class="displayMobile text-8 text-white fw-600 oMarginMobile col-lg-6 text-center text-lg-start" style="margin-top: 10px; margin-bottom: -25px;"> Cash-Ninjas Mint is <span class="bg-success rounded-4 px-3">Live</span> </h2>  <div class="col-lg-6 text-center"> <img id="imageMint" class="img-fluid rounded-5" src="images/unknown.jpg" alt="" style="max-width: 500px; width: 90%;"> <div id="textImageMint" class="text-light text-5 mb-3"></div> <div id="numbersMinted" class="text-light text-4 mb-3" style="display: none;">Minted: <span id="Placeholder"></span></div> </div> <template id="nr-template"> <span class="nr"></span> <span style="display: none;" class="comma">,</span> </template>   <div class="noMarginMobile col-lg-6 text-center text-lg-start">  <h1 class="hideMobile text-light text-5 mb-4">Public Mint</h1> <h2 class="hideMobile text-10 text-white fw-600 mb-4">Cash-Ninjas Mint is <span class="bg-success rounded-4 px-3">Live</span></h2> <div class="hideMobile"> <p class="text-white fw-500 mb-1"><span class="text-light fw-normal"></span> Provably Fair <span class="d-inline-flex text-success bg-white rounded-circle"><i class="fas fa-check-circle"></i></span></p> <p class="text-white fw-500 mb-1"><span class="text-light fw-normal"></span> Equal Access <span class="d-inline-flex text-success bg-white rounded-circle"><i class="fas fa-check-circle"></i></span></p> <p class="text-white fw-500"><span class="text-light fw-normal"></span> Negligible Fees <span class="d-inline-flex text-success bg-white rounded-circle"><i class="fas fa-check-circle"></i></span></p> </div>  <div class="row justify-content-center justify-content-lg-start mb-4"> <div class="col-auto col-lg-4"> <p class="text-light mb-0">Mint Price:</p> <div class="text-7 text-white fw-600">0.05 BCH</div> </div> <div class="col-auto col-lg-4"> <p class="text-light mb-0">Minted:</p> <div class="text-7 text-white fw-600"> <span class="blink_me" id="nftsMinted"></span>/5000</div> </div> </div>  <div class="col-12 col-sm-auto text-light mb-4 mt-2" id="connectInfo"> You need a BCH wallet with WalletConnect support to mint Cash-Ninjas! <br><br> Supporting wallets are <a href="https://cashonize.com/" target="_blank">Cashonize</a>, <a href="https://zapit.io/" target="_blank">Zapit</a> and <a href="https://www.paytaca.com/" target="_blank">Paytaca</a>. </div>  <div id="my-button" class="btn btn-light rounded-4">Connect Wallet</div>  <div id="mintSection" style="display: none;">  <div class="row g-2 align-items-center justify-content-center justify-content-lg-start mb-3"> <div class="col-12 col-sm-auto text-light"> Quantity (max 5): </div> <div class="col-auto col-sm-4"> <div class="input-group form-dark"> <button type="button" class="input-group-text bg-transparent border-0 text-light text-5" data-value="decrease" data-target="#quantity-nfts" data-toggle="spinner">-</button> <input type="text" data-ride="spinner" id="quantity-nfts" class="form-control text-center bg-trnsparent rounded-4" value="1" data-min="1" data-max="5"> <button type="button" class="input-group-text bg-transparent border-0 text-light text-5" data-value="increase" data-target="#quantity-nfts" data-toggle="spinner">+</button> </div> </div> </div> <div class="col-12 col-sm-auto text-light mb-4"> * Each nft-mint needs individual approval </div>  <div class="d-grid"> <div id="mintButton" class="btn btn-primary btn-lg rounded-pill">Mint Now</div> </div> </div> </div> </div> </div> </div> </div>   <a id="back-to-top" data-bs-toggle="tooltip" title="Back to Top" href="javascript:void(0)"><i class="fa fa-chevron-up"></i></a>  <script src="/vendor/jquery/jquery.min.js"></script> <script src="/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>  <script src="/vendor/owl.carousel/owl.carousel.min.js"></script>   <script src="/vendor/bootstrap-spinner/bootstrap-spinner.js"></script>  </body> </html>

CINXE.COM

Cash-Ninjas - Minting Page