代码拉取完成，页面将自动刷新
<!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.0, maximum-scale=1.0, user-scalable=no">
<link rel="stylesheet" type="text/css" href="./css/font.css" charset="utf-8" />
<link rel="stylesheet" type="text/css" href="./css/style.css" charset="utf-8" />
<title>ANGEL</title>
</head>
<body>
<div class="container" id="allcont">
<!-- logo -->
<div class="logobox" id="ydlogo">
<img class="logoimg" src="./img/index/pclogo.png">
</div>
<!-- 钱包地址 -->
<div class="address" id="address">0x6F9a...fEE7 </div>
<!-- 移动端导航栏btn -->
<div class="small_menu" onclick="openframe()" id="pcmask2">
<img class="caidn" src="./img/index/caidn.png">
</div>
<!-- 底部素材 -->
<div class="dibubox3">
</div>
<!-- 导航栏 -->
<div class="leftnav">
<div class="logotxt">
<div><a href="./ENmenu/manifesto.html">MANIFESTO</a></div>
<div class="pd26"> <a href="./ENmenu/godhood.html">GODHOOD</a></div>
<div class="pd26"> <a href="./ENmenu/roadmap.html">ROADMAP</a></div>
<div class="pd26"><a href="./ENmenu/team.html">TEAM</a></div>
<div class="coboder" onclick="openpopup()">CONNECT</div>
<!-- Mint -->
<div class="Mintbox" onclick="openMint()">
<div class="Mintbtn">Mint Now </div>
<img class="minimg" src="./img/index/pop3.png">
</div>
</div>
</div>
<!-- 中英文切换btn -->
<div class="index-pcswitch">
<div class="in-pcswitch">
<a href="./CNmenu/cnindex.html">
<div class="index-pcswitch-cntxt">中</div>
</a>
<a>
<div class="index-pcswitch-entxt">EN</div>
</a>
</div>
</div>
<!-- 长logo -->
<div class="blgbox">
<img class="biglogoimg" src="./img/index/Group110.png">
</div>
<!-- 梯形块 -->
<div class="trapezoid1"></div>
<!-- 移动端梯形块 -->
<div class="trapezoid2">
<img src="./img/index/Vector-1.png">
</div>
<!-- 波点 -->
<div class="bodian">
<img src="./img/index/bodian.png">
</div>
<!-- pc人物 -->
<div class="sybg3"> </div>
<!-- 移动端人物 -->
<div class="rwbox" id="pcmask" onclick="closepopup4()"></div>
<!-- 连接弹窗 -->
<div class="popupbox" id="popmask">
<div class="pop-mask">
<!-- 弹窗1 -->
<div class="popmain1">
<div class="pop-close" onclick="closepopup()"></div>
<div class="pop-title">Select a wallet</div>
<div class="wallet1" onclick="openpopup2()">
<div style="display: flex;justify-content: space-between;">
<div class="wallet-txt">MetaMask</div>
<div><img class="iconimg1" src="./img/index/icon1.png"></div>
</div>
</div>
<div class="wallet2" onclick="openpopup2()">
<div style="display: flex;justify-content: space-between;">
<div class="wallet-txt">WalletConnect</div>
<div><img class="iconimg2" src="./img/index/icon2.png"></div>
</div>
</div>
<div class="pop-txtbox">
<div>New to Ethereum?</div>
<div>Learn more about wallets.</div>
</div>
</div>
<!-- 弹窗2 -->
<div class="popmain2" id="popmain2">
<div class="popm2box">
<div class="pop-close" onclick="closepopup2()"></div>
<div class="pop-title2">Sign the message in </div>
<div class="pop-title3"> your wallet to continue </div>
<div class="pop-txt2">AngelMetaverse uses this signature to</div>
<div class="pop-txt3">verify that you’re the owner of this</div>
<div class="pop-txt4">Ethereum address.</div>
<div class="continuebtn" onclick="openpopup3()">Continue</div>
<div class="pop-txt5" onclick="closepopup2()">Disconnect</div>
</div>
</div>
<!-- 弹窗3 -->
<div class="popmain3" id="popmain3">
<div class="popm2box">
<div class="pop-close" onclick="closepopup3()"></div>
<div class="pop-title2">Sign the message in </div>
<div class="pop-title3"> your wallet to continue </div>
<div class="pop-txt2">AngelMetaverse uses this signature to</div>
<div class="pop-txt3">verify that you’re the owner of this</div>
<div class="pop-txt4">Ethereum address.</div>
<div class="continuebtn2" onclick="pcopenpopup4()">Sign message in wallet</div>
<div class="pop-txt5" onclick="closepopup3()">Disconnect</div>
</div>
</div>
</div>
</div>
<!-- 移动端连接弹窗 -->
<div class="popupbox" id="ydpopmask">
<div class="pop-mask">
<!-- 弹窗1 -->
<div class="popmain1">
<div class="pop-close" onclick="ydclosepopup()"></div>
<div class="pop-title">Select a wallet</div>
<div class="wallet1" onclick="ydopenpopup2()">
<div style="display: flex;justify-content: space-between;">
<div class="wallet-txt">MetaMask</div>
<div><img class="iconimg1" src="./img/index/icon1.png"></div>
</div>
</div>
<div class="wallet2" onclick="ydopenpopup2()">
<div style="display: flex;justify-content: space-between;">
<div class="wallet-txt">WalletConnect</div>
<div><img class="iconimg2" src="./img/index/icon2.png"></div>
</div>
</div>
<div class="pop-txtbox">
<div>New to Ethereum?</div>
<div>Learn more about wallets.</div>
</div>
</div>
<!-- 弹窗2 -->
<div class="popmain2" id="ydpopmain2">
<div class="popm2box">
<div class="pop-close" onclick="ydclosepopup2()"></div>
<div class="pop-title2">Sign the message in </div>
<div class="pop-title3"> your wallet to continue </div>
<div class="pop-txt2">AngelMetaverse uses this signature to</div>
<div class="pop-txt3">verify that you’re the owner of this</div>
<div class="pop-txt4">Ethereum address.</div>
<div class="continuebtn" onclick="ydopenpopup3()">Continue</div>
<div class="pop-txt5" onclick="ydclosepopup2()">Disconnect</div>
</div>
</div>
<!-- 弹窗3 -->
<div class="popmain3" id="ydpopmain3">
<div class="popm2box">
<div class="pop-close" onclick="ydclosepopup3()"></div>
<div class="pop-title2">Sign the message in </div>
<div class="pop-title3"> your wallet to continue </div>
<div class="pop-txt2">AngelMetaverse uses this signature to</div>
<div class="pop-txt3">verify that you’re the owner of this</div>
<div class="pop-txt4">Ethereum address.</div>
<div class="continuebtn2" onclick="openpopup4()">Sign message in wallet</div>
<div class="pop-txt5" onclick="ydclosepopup3()">Disconnect</div>
</div>
</div>
</div>
</div>
<!-- 弹窗4 -->
<div class="popmain4" id="popmain4">
<div class="pop-mask2" onclick="closepopup4()">
<div class="popm2box2">
<div class="pop-title2">YOUR WALLET</div>
<div class="pop-txt2" style="top: 140px;">0x6F9a...fEE7</div>
<div class="pop-txt3" style="top: 180px;">View on Etherscan <img class="imgfont" src="./img/index/jump.png"></div>
<div class="continuebtn2" style="top: 220px;" onclick="closepopup4()">DISCONNECT</div>
</div>
</div>
</div>
<!-- Mint移动端按钮 -->
<div class="ydmintbtn" id="mintxh" onclick="openMint2()">
Mint Now
</div>
<!-- Mint移动端弹窗 -->
<div class="Mintpopup2" id="Mintmask2">
<div class="Mint-mask2">
<div class="modalbtn2" id="addresstxt" onclick="ydopenpopup()">
CONNECT WALLET
</div>
<div onclick="closeMint2()">
<img class="Mintclose2" src="./img/index/close2.png">
</div>
<div class="Mintmain2">
<div class="Mintson">
<div class="Mitright2">
<div class="ydtoptxtbox">
<div class="ydtoptxt1">MINT NOW \\</div>
<div class="ydtoptxt2">
<div class="t-t2-img"><img class="imgfont2" src="./img/index/pop1.png"></div>
<div>Hand</div>
</div>
</div>
<div class="infoBox">
<div class="ydpricebox">
<div class="prtxt2" style="margin-left: -22px;">Price:</div>
<div style="width: 10px ;"></div>
<div class="prkuan" style="margin-left:9px;">0.06</div>
<div class="prtxt">ETH</div>
</div>
<div class="ydpricebox2">
<div class="prtxt2">Stock:</div>
<div class="prkuan" style="margin-right: 15px;">3333</div>
<div class="prtxt2">/ 6666</div>
</div>
<div class="ydpricebox3">
<div class="prtxt2">Amount:</div>
<div style="width: 200px; height: 10px;"></div>
</div>
<div class="ydpricebox4">
<!-- <input onclick="cut()" id="cut" class="ydcut" type="button" value="-" /> -->
<div onclick="cut()" id="cut" class="ydcut">-</div>
<input id="num" class="inputNum" value="1" size="1">
<div onclick="add()" id="add" class="ydadd">+</div>
<!-- <input onclick="add()" id="add" class="add" type="button" value="+" /> -->
</div>
<div style="display: flex;justify-content: center;">
<div class="prbtn2">Mint</div>
</div>
</div>
<div class="bottomtxt2" style="height: calc(100vh - 490px);overflow-y: scroll;">
<div>*Rule:</div>
<div style="word-break: break-all;">1. Each wallet address can mint up to 2 GodHood NFTS at Diamond Hand Stage.</div>
<div>2. Each wallet address can mint up to 2 GodHood NFTS at PreSale Stage.</div>
<div>3. Each wallet address can mint up to 1 GodHood NFTS at Free mint Stage.</div>
<div>4. At Public Sale Stage, each wallet no mint amount limit.</div>
<div style="height: 80px;"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Mint弹窗 -->
<div class="Mintpopup" id="Mintmask">
<div class="Mint-mask">
<div onclick="closeMint()">
<img class="Mintclose" src="./img/index/close2.png">
</div>
<div class="Mintmain">
<div class="Mintson">
<div class="Mitleft">
<img style="height: 100%;width: 100%;" src="./img/index/pop2.png">
</div>
<div class="Mitright">
<div class="toptxtbox">
<div class="toptxt1">MINT NOW \\</div>
<div class="toptxt2">
<div class="t-t2-img"><img class="imgfont2" src="./img/index/pop1.png"></div>
<div>Hand</div>
</div>
</div>
<div class="pricebox">
<div class="prtxt">Price:</div>
<div class="prkuan">0.06</div>
<div class="prtxt">ETH</div>
</div>
<div class="pricebox2">
<div class="prtxt">Stock:</div>
<div class="prkuan prkuan2">3333</div>
<div class="prtxt">/ 6666</div>
</div>
<div class="pricebox3">
<div class="prtxt">Amount:</div>
<div onclick="cut2()" id="cut" class="cut">-</div>
<!-- <input onclick="cut2()" id="cut" class="cut" type="button" value="-" /> -->
<input id="num2" class="inputNum" value="1" size="1">
<!-- <input onclick="add2()" id="add" class="add" type="button" value="+" /> -->
<div onclick="add2()" id="add" class="add">+</div>
</div>
<div class="prbtn">Mint</div>
<div class="bottomtxt">
<div>*Rule:</div>
<div>1. Each wallet address can mint up to 1 GodHood NFTS at OG Stage.</div>
<div>2. Each wallet address can mint up to 2 GodHood NFTS at PreSale Stage.</div>
<div>3. Each wallet address can mint up to 1 GodHood NFTS at Free mint Stage.</div>
<div>4. At Public Sale Stage, each wallet no mint amount limit.</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- icon -->
<div class="iconbox">
<a href="https://twitter.com/AngelMetaverse_ instagram:" target="_blakn"><img class="icon1" src="./img/index/twitter.svg"></a>
<a href="https://discord.gg/angelmetaverse opensea:" target="_blakn"><img class="icon2" src="./img/index/discord.svg"></a>
<a href="https://instagram.com/angelmetaverse_ discord:" target="_blakn">
<div style="margin-top: -3px;"><img class="icon3" src="./img/index/instagram-fill.svg"></div>
</a>
</div>
<!-- 移动端导航栏 -->
<div class="modal-show" id="mask">
<div class="modal">
<div class="modal-box">
<div class="modal-bg">
<div class="modal-head">
<img class="modal-logoimg" src="./img/index/pclogo.png">
<img onclick="closeframe()" class="head-close" src="./img/index/close2.png"></img>
</div>
<div class="modal-content">
<div class="menu-item"><a href="#">HOME</a></div>
<div class="menu-line"></div>
<div class="pd26 menu-item "><a href="./ENmenu/manifesto.html">MANIFESTO</a></div>
<div class="menu-line"></div>
<div class="pd26 menu-item"> <a href="./ENmenu/godhood.html">GODHOOD</a></div>
<div class="menu-line"></div>
<div class="pd26 menu-item"> <a href="./ENmenu/roadmap.html">ROADMAP</a></div>
<div class="menu-line"></div>
<div class="pd26 menu-item"><a href="./ENmenu/team.html">TEAM</a></div>
<div class="menu-line"></div>
</div>
<div class="icon-box">
<a href="https://twitter.com/AngelMetaverse_ instagram:" target="_blakn"><img class="item-img1" src="./img/index/twitter.svg"></img>
</a>
<a href="https://instagram.com/angelmetaverse_ discord:" target="_blakn"><img class="item-img2" src="./img/index/instagram-fill.svg"></img>
</a>
<a href="https://discord.gg/angelmetaverse opensea:" target="_blakn"><img class="item-img3" src="./img/index/discord.svg"></img>
</a>
<img class="item-img4" src="./img/index/opensea.svg"></img>
</div>
<div class="modalbtn" onclick="ydopenpopup()" id="addresstxt2">
CONNECT WALLET
</div>
<div class="bottombox">
<div class="bottombox-1">
<div class="btmtxt">
<div>MATRIVERSE GAME TECHNOLOGY</div>
<div>PET.LTD. @2022</div>
<div>DESIGN BY NOPLANSTUDIO.</div>
</div>
<div class="btmbtn">
<div class="mgr">中</div>
<div class="btmbtnson">
<input id="switch" type="checkbox" checked class="switch" />
<label for="switch" onclick="test()"></label>
</div>
<div class="mgl">EN</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
var a = 1;
function add() {
a++;
document.getElementById("num").value = a;
}
function cut() {
if (a > 0) {
a--;
document.getElementById("num").value = a;
} else {
a = 1
}
}
function add2() {
a++;
document.getElementById("num2").value = a;
}
function cut2() {
if (a > 0) {
a--;
document.getElementById("num2").value = a;
} else {
a = 1
}
}
var test = function() {
window.location.href = "./CNmenu/cnindex.html"
}
function openpopup() {
var modal = document.getElementById("popmask");
modal.style.display = "block";
}
function closepopup() {
var modal = document.getElementById("popmask");
modal.style.display = "none";
}
function ydopenpopup() {
var modal = document.getElementById("ydpopmask");
modal.style.display = "block";
}
function ydclosepopup() {
var modal = document.getElementById("ydpopmask");
modal.style.display = "none";
}
function openMint() {
var modal = document.getElementById("Mintmask");
modal.style.display = "block";
var modal2 = document.getElementById("allcont");
modal2.style.position = "fixed";
}
function closeMint() {
var modal = document.getElementById("Mintmask");
modal.style.display = "none";
var modal2 = document.getElementById("allcont");
modal2.style.position = "relative";
}
function openMint2() {
var modal = document.getElementById("Mintmask2");
modal.style.display = "block";
var modal2 = document.getElementById("allcont");
modal2.style.position = "fixed";
var modal3 = document.getElementById("pcmask");
var modal4 = document.getElementById("mintxh");
var modal5 = document.getElementById("ydlogo");
var modal6 = document.getElementById("pcmask2");
var modal7 = document.getElementById("address");
modal3.style.filter = "blur(5px)";
modal4.style.filter = "blur(5px)";
modal7.style.filter = "blur(5px)";
modal5.style.display = "none";
modal6.style.display = "none";
}
function closeMint2() {
var modal = document.getElementById("Mintmask2");
modal.style.display = "none";
var modal2 = document.getElementById("allcont");
modal2.style.position = "relative";
var modal3 = document.getElementById("pcmask");
modal3.style.filter = "none";
var modal4 = document.getElementById("mintxh");
modal4.style.filter = "none";
var modal7 = document.getElementById("address");
modal7.style.filter = "none";
var modal5 = document.getElementById("ydlogo");
var modal6 = document.getElementById("pcmask2");
modal5.style.display = "block";
modal6.style.display = "block";
}
function openpopup2() {
var modal = document.getElementById("popmain2");
modal.style.display = "block";
}
function closepopup2() {
var modal = document.getElementById("popmain2");
modal.style.display = "none";
}
function openpopup3() {
var modal = document.getElementById("popmain3");
modal.style.display = "block";
}
function ydopenpopup2() {
var modal = document.getElementById("ydpopmain2");
modal.style.display = "block";
}
function ydclosepopup2() {
var modal = document.getElementById("ydpopmain2");
modal.style.display = "none";
}
function ydopenpopup3() {
var modal = document.getElementById("ydpopmain3");
modal.style.display = "block";
}
function openpopup4() {
this.closeframe();
this.closeMint2();
var modal = document.getElementById("popmain4");
var modal2 = document.getElementById("ydpopmask");
var modal3 = document.getElementById("ydpopmain2");
var modal4 = document.getElementById("ydpopmain3");
var modal5 = document.getElementById("address");
document.getElementById('addresstxt').innerHTML = '0x6F9a...fEE7';
document.getElementById('addresstxt2').innerHTML = '0x6F9a...fEE7';
modal.style.display = "block";
modal2.style.display = "none";
modal3.style.display = "none";
modal4.style.display = "none";
modal5.style.display = "block";
}
function pcopenpopup4() {
var modal = document.getElementById("popmain4");
var modal2 = document.getElementById("popmask");
var modal3 = document.getElementById("popmain2");
var modal4 = document.getElementById("popmain3");
modal.style.display = "block";
modal2.style.display = "none";
modal3.style.display = "none";
modal4.style.display = "none";
}
function closepopup4() {
var modal = document.getElementById("popmain4");
modal.style.display = "none";
}
function closepopup3() {
var modal = document.getElementById("popmain3");
modal.style.display = "none";
}
function ydclosepopup3() {
var modal = document.getElementById("ydpopmain3");
modal.style.display = "none";
}
function openframe() {
var modal = document.getElementById("mask");
modal.style.display = "block";
var modal2 = document.getElementById("pcmask");
modal2.style.filter = "blur(5px)";
var modal22 = document.getElementById("mintxh");
modal22.style.filter = "blur(5px)";
var modal5 = document.getElementById("address");
modal5.style.filter = "blur(5px)";
var modal3 = document.getElementById("pcmask2");
modal3.style.display = "none";
this.toggleBody(1)
}
function closeframe() {
var modal = document.getElementById("mask");
modal.style.display = "none";
var modal2 = document.getElementById("pcmask");
modal2.style.filter = "none";
var modal22 = document.getElementById("mintxh");
var modal5 = document.getElementById("address");
modal5.style.filter = "none";
modal22.style.filter = "none";
var modal3 = document.getElementById("pcmask2");
modal3.style.display = "block";
this.toggleBody(0)
}
function toggleBody(isPopup) {
if (isPopup) {
document.body.style.height = '100%';
document.body.style.overflow = 'hidden';
} else {
document.body.style.height = 'auto';
document.body.style.overflow = 'auto';
}
}
</script>
</body>
</html>
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。
马建仓 AI 助手