https://plantcrossing.vercel.app/
Last Checked: Aug 24, 2023, 14:24 EDT
| IP Address: | 76.76.21.61 |
| ASN #: | AS16509 AMAZON-02, US |
| Location: | Walnut, California, US |
| URL Reputation: |
|
Other submissions on 76.76.21.61:
-
https://anticimex.vercel.app/
-
https://cryptoprices-nine.vercel.app/
-
http://www.rippling.com/
-
https://dapps-space.vercel.app/
-
https://mysteryclicks91d.vercel.app/
-
https://app.trytemelio.com/form/17e30d9b-1f9c-4a6f-8116-935661462f4c
-
https://www.no-responder.fyi/?id=44c68472-8e0c-4613-ae2c-4fbdff54bc33
-
https://mysteryclaims6d.vercel.app/
-
https://openseaclaimzx.vercel.app/
-
https://coinbase-walletconnectv4.vercel.app/
Other submissions on vercel.app:
-
http://vercel.app/
-
https://0tools-0365-0utlook.vercel.app/?cbaker@firstib[.]com
-
https://citasbanconacional-bn.vercel.app/
-
https://metamask-activation.vercel.app/
-
https://walletw3.vercel.app/
-
https://vexstria.vercel.app/
-
https://verification-page-account-91564451.vercel.app/business
-
https://anticimex.vercel.app/
-
https://cryptoprices-nine.vercel.app/
-
https://fixmail.vercel.app/?i=/peter.kaspar@ksw24.com
Previous checks:
No previous checks.
Domain Name: vercel.app
Registry Domain ID: 411BDF619-APP
Registrar WHOIS Server: whois.nic.google
Registrar URL: http://www.tucows.com
Updated Date: 2023-01-26T03:03:48Z
Creation Date: 2020-01-28T03:03:04Z
Registry Expiry Date: 2024-01-28T03:03:04Z
Registrar: Tucows Domains Inc
Registrar IANA ID: 69
Registrar Abuse Contact Email: domainabuse@tucows.com
Registrar Abuse Contact Phone: +1.4165350123
Domain Status: ok https://icann.org/epp#ok
Registry Registrant ID: REDACTED FOR PRIVACY
Registrant Name: REDACTED FOR PRIVACY
Registrant Organization: Data Protected
Registrant Street: REDACTED FOR PRIVACY
Registrant City: REDACTED FOR PRIVACY
Registrant State/Province: CA
Registrant Postal Code: REDACTED FOR PRIVACY
Registrant Country: US
Registrant Phone: REDACTED FOR PRIVACY
Registrant Fax: REDACTED FOR PRIVACY
Registrant Email: Please query the WHOIS server of the owning registrar identified in this output for information on how to contact the Registrant, Admin, or Tech contact of the queried domain name.
Registry Admin ID: REDACTED FOR PRIVACY
Admin Name: REDACTED FOR PRIVACY
Admin Organization: REDACTED FOR PRIVACY
Admin Street: REDACTED FOR PRIVACY
Admin City: REDACTED FOR PRIVACY
Admin State/Province: REDACTED FOR PRIVACY
Admin Postal Code: REDACTED FOR PRIVACY
Admin Country: REDACTED FOR PRIVACY
Admin Phone: REDACTED FOR PRIVACY
Admin Fax: REDACTED FOR PRIVACY
Admin Email: Please query the WHOIS server of the owning registrar identified in this output for information on how to contact the Registrant, Admin, or Tech contact of the queried domain name.
Registry Tech ID: REDACTED FOR PRIVACY
Tech Name: REDACTED FOR PRIVACY
Tech Organization: REDACTED FOR PRIVACY
Tech Street: REDACTED FOR PRIVACY
Tech City: REDACTED FOR PRIVACY
Tech State/Province: REDACTED FOR PRIVACY
Tech Postal Code: REDACTED FOR PRIVACY
Tech Country: REDACTED FOR PRIVACY
Tech Phone: REDACTED FOR PRIVACY
Tech Fax: REDACTED FOR PRIVACY
Tech Email: Please query the WHOIS server of the owning registrar identified in this output for information on how to contact the Registrant, Admin, or Tech contact of the queried domain name.
Name Server: a.zeit-world.co.uk
Name Server: b.zeit-world.org
Name Server: e.zeit-world.com
Name Server: f.zeit-world.net
DNSSEC: unsigned
URL of the ICANN Whois Inaccuracy Complaint Form: https://www.icann.org/wicf/
>>> Last update of WHOIS database: 2023-08-24T18:24:07Z <<<
For more information on Whois status codes, please visit https://icann.org/epp
Please query the WHOIS server of the owning registrar identified in this
output for information on how to contact the Registrant, Admin, or Tech
contact of the queried domain name.
WHOIS information is provided by Charleston Road Registry Inc. (CRR) solely
for query-based, informational purposes. By querying our WHOIS database, you
are agreeing to comply with these terms
(https://www.registry.google/about/whois-disclaimer.html) and acknowledge
that your information will be used in accordance with CRR's Privacy Policy
(https://www.registry.google/about/privacy.html), so please read those
documents carefully. Any information provided is "as is" without any
guarantee of accuracy. You may not use such information to (a) allow,
enable, or otherwise support the transmission of mass unsolicited,
commercial advertising or solicitations; (b) enable high volume, automated,
electronic processes that access the systems of CRR or any ICANN-Accredited
Registrar, except as reasonably necessary to register domain names or modify
existing registrations; or (c) engage in or support unlawful behavior. CRR
reserves the right to restrict or deny your access to the Whois database,
and may modify these terms at any time.
-
GET200 OK
https://plantcrossing.vercel.app/images/favicon.ico
<html lang="en"><!-- 英文 --><head>
<!-- 标题 -->
<title>Plant Crossing</title>
<!-- 百度禁止转码 -->
<meta content="no-siteapp">
<!-- 字符集 -->
<meta charset="utf-8"><!-- HTML5 -->
<link rel="shortcut icon" href="./images/favicon.ico" type="image/x-icon">
<!-- 响应式viewport -->
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0">
<!-- 样式 -->
<link rel="stylesheet" type="text/css" href="./icons/sprite.css">
<link rel="stylesheet" type="text/css" href="./styles/index.css">
<!-- scrollmagic -->
<script type="text/javascript" src="./plugins/scrollmagic/lib/gsap3/gsap.min.js"></script>
<script type="text/javascript" src="./plugins/scrollmagic/ScrollMagic.min.js"></script>
<script type="text/javascript" src="./plugins/scrollmagic/plugins/animation.gsap.js"></script>
<script type="text/javascript" src="./plugins/scrollmagic/plugins/debug.addIndicators.js"></script>
<!-- swiper -->
<link rel="stylesheet" type="text/css" href="./plugins/swiper/swiper-bundle.min.css">
<script type="text/javascript" src="./plugins/swiper/swiper-bundle.min.js"></script>
<!-- animate.css -->
<!-- <link rel="stylesheet" type="text/css" href="./plugins/animate.min.css" /> -->
<!-- vue3d -->
<script type="text/javascript" src="./plugins/vue3d/vue.js"></script>
<script type="text/javascript" src="./plugins/vue3d/vue3dmodel.js"></script>
<!--axios-->
<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
<style>
@media screen and (max-width: 640px) {
.qrcode{
position: fixed;
top: 30vh;
right: 0vw;
z-index: 9999;
transform: scale(0.5);
translate: 25%;
}
.qrbtn-l{
position: absolute;bottom:0;height: 30px;width: 50%;cursor:pointer;
}
.qrbtn-r{
position: absolute;bottom:0;right:0;height: 30px;width: 50%;cursor:pointer;"
}
}
@media screen and (min-width: 641px) {
.qrcode {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 9999;
}
.qrbtn-l{
position: absolute;bottom:0;height: 30px;width: 50%;cursor:pointer;
}
.qrbtn-r{
position: absolute;bottom:0;right:0;height: 30px;width: 50%;cursor:pointer;
}
}
.download {
font-family: harmony;
--swiper-theme-color: #007aff;
--swiper-navigation-size: 44px;
font-size: 20rem;
display: flex;
-webkit-tap-highlight-color: transparent;
color: #fff;
cursor: pointer;
text-decoration: none;
background-color: #2fd6dc;
height: 48rem;
border-radius: 24rem;
align-items: center;
padding: 0 32rem;
}
</style>
<script>
function gotoIosStore(){
window.location.href = "https://apps.apple.com/us/app/plant-crossing/id1644085099";
}
function gotoAndroidStore(){
window.location.href = "https://play.google.com/store/apps/details?id=com.plantcrossing.plant";
}
</script>
</head>
<body>
<header class="header">
<a class="btnmusic deactive center circle" onclick="window.onBtnMusic(this)" btnmusic="">
<i class="icon icon-music"></i>
</a>
<img class="logo" src="./images/logo@2x.png">
<nav>
<a href="https://metaspace-entertainment-ltd.gitbook.io/project-avalon/" target="_blank">Wiki</a>
<!--<a href="#scene5">Subscribe</a>-->
<!--<a href="###" onclick="window.showDialog('.dialog-login')">Login</a>-->
</nav>
<a class="btnNav"><i class="icon icon-line2"></i><i class="icon icon-close"></i></a>
</header>
<article class="dialog dialog-login">
<div class="bg" onclick="window.hideDialog('.dialog-login')"></div>
<div class="container">
<img class="btnclose" src="./images/dialog_1@2x.png" onclick="window.hideDialog('.dialog-login')">
<div class="tab">
<a class="active" href="###">LOGIN</a>
<a href="###" onclick="window.showDialog('.dialog-signup')">SIGN UP</a>
</div>
<form>
<div class="item">
<input type="text" placeholder="Your Email">
</div>
<div class="item">
<input type="text" placeholder="Password">
</div>
<div class="item code">
<input type="text" placeholder="Key">
<img src="./images/code.jpeg">
</div>
<div class="item">
<button type="button">LOGIN</button>
</div>
</form>
<div class="btns">
<a class="pass" href="###">Forgot<em>Password？</em></a>
<a class="sign" href="###">Not rogistred yot？<em>Sign up</em></a>
</div>
</div>
</article>
<article class="dialog dialog-signup">
<div class="bg" onclick="window.hideDialog('.dialog-signup')"></div>
<div class="container">
<img class="btnclose" src="./images/dialog_1@2x.png" onclick="window.hideDialog('.dialog-signup')">
<div class="tab">
<a href="###" onclick="window.showDialog('.dialog-login')">LOGIN</a>
<a class="active" href="###">SIGN UP</a>
</div>
<form>
<div class="item mail">
<input type="text" placeholder="Your Email">
<button type="button">INSPECT</button>
</div>
<div class="item">
<input type="text" placeholder="Password">
</div>
<div class="item">
<input type="text" placeholder="Enter password again">
</div>
<div class="item code">
<input type="text" placeholder="Key">
<img src="./images/code.jpeg">
</div>
<div class="item submit">
<button type="button">SIGN UP</button>
</div>
</form>
<!-- <div class="btns">
<a class="pass" href="###">Forgot<em>Password？</em></a>
<a class="sign" href="###">Not rogistred yot？<em>Sign up</em></a>
</div> -->
</div>
</article>
<article class="dialog dialog-3d">
<div class="bg" onclick="window.hideDialog('.dialog-3d')"></div>
<div class="container">
<img class="btnclose" src="./images/dialog_1@2x.png" onclick="window.hideDialog('.dialog-3d')">
<div id="app" class="ar"><div style="width: 100%; height: 100%; margin: 0px; border: 0px none; padding: 0px;" backgroundalpha="0" cameraposition="[object Object]"><div> Your browser does not seem to support <a href="http://khronos.org/webgl/wiki/Getting_a_WebGL_Implementation" style="color: rgb(0, 0, 0);">WebGL</a>.<br>' </div></div></div>
<script>
new Vue({
el: '#app',
data: {
dWidth: 566,
dHeight: 566,
// dWidth: window.innerWidth>=1280&&window.innerWidth<=1440 ? 399 : 566,
// dHeight: window.innerWidth>=1280&&window.innerWidth<=1440 ? 399 : 566,
objPath: './plugins/3d/Gujiecao.obj',
mtlPath: './plugins/3d/Gujiecao.mtl',
show: false,
cameraPosition: { x: 0, y: 0, z: 0 },
rotation: { x: 0, y: 0, z: 0 },
scale: { x: 1, y: 1, z: 1 },
position: { x: 0, y: 0, z: 0 },
lights: [{
type: 'AmbientLight',
position: { x: 1, y: 1, z: 1 },
color: 0xffffff,
intensity: 1.8,
}],
}
});
</script>
</div>
</article>
<article class="dialog dialog-video land-movie-1">
<div class="bg" onclick="window.hideDialog('.land-movie-1')"></div>
<div class="container">
<img class="btnclose" src="./images/dialog_1@2x.png" onclick="window.hideDialog('.land-movie-1')">
<div class="video">
<video src="./medias/land_movie_1.mp4" muted="" autoplay="autoplay" preload="" playsinline="" loop="loop"></video>
</div>
</div>
</article>
<article class="dialog dialog-video land-movie-2">
<div class="bg" onclick="window.hideDialog('.land-movie-2')"></div>
<div class="container">
<img class="btnclose" src="./images/dialog_1@2x.png" onclick="window.hideDialog('.land-movie-2')">
<div class="video">
<video src="./medias/land_movie_2.mp4" muted="" autoplay="autoplay" preload="" playsinline="" loop="loop"></video>
</div>
</div>
</article>
<article class="dialog dialog-video land-movie-3">
<div class="bg" onclick="window.hideDialog('.land-movie-3')"></div>
<div class="container">
<img class="btnclose" src="./images/dialog_1@2x.png" onclick="window.hideDialog('.land-movie-3')">
<div class="video">
<video src="./medias/land_movie_3.mp4" muted="" autoplay="autoplay" preload="" playsinline="" loop="loop"></video>
</div>
</div>
</article>
<article class="dialog dialog-video land-movie-4">
<div class="bg" onclick="window.hideDialog('.land-movie-4')"></div>
<div class="container">
<img class="btnclose" src="./images/dialog_1@2x.png" onclick="window.hideDialog('.land-movie-4')">
<div class="video">
<video src="./medias/land_movie_4.mp4" muted="" autoplay="autoplay" preload="" playsinline="" loop="loop"></video>
</div>
</div>
</article>
<article class="dialog dialog-video land-movie-5">
<div class="bg" onclick="window.hideDialog('.land-movie-5')"></div>
<div class="container">
<img class="btnclose" src="./images/dialog_1@2x.png" onclick="window.hideDialog('.land-movie-5')">
<div class="video">
<video src="./medias/land_movie_5.mp4" muted="" autoplay="autoplay" preload="" playsinline="" loop="loop"></video>
</div>
</div>
</article>
<audio src="./medias/bg.mp3" loop="" bgmusic=""></audio>
<video class="bannerVideo" src="./medias/video.mp4" playsinline="" autoplay="" loop="" muted="" preload=""></video>
<!-- 岩石 -->
<div class="rocks">
<img class="rock2" src="./images/index/rock2@2x.png">
<img class="rock" src="./images/index/rock@2x.png">
<img class="rock3" src="./images/index/rock3@2x.png">
</div>
<div class="page-index">
<div class="shell">
<section class="scene1">
<!-- <i class="icon icon-slider" iconSlider></i> -->
<div class="title">
<img src="./images/index/txt@2x.png" alt="welcome to plant crossing">
</div>
<p class="subtitle">Welcome to Plant Crossing, an innovative fantasy metaverse of world Avalon, which is powered by GameFi & SocialFi on mobile with AR & LBS that adopts casual gameplay of Pokémon GO & supports premium IPs in Web3.</p>
<div class="banner" banner="">
<div class="swiper-container swiper-initialized swiper-horizontal swiper-pointer-events">
<div class="swiper-wrapper" style="transition-duration: 0ms; transform: translate3d(-1233.33px, 0px, 0px);" id="swiper-wrapper-dbef76f857c255ef" aria-live="polite"><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="2" style="width: 566.667px; margin-right: 50px;" role="group" aria-label="3 / 5"><img src="./images/index/banner_3.png"></div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="3" style="width: 566.667px; margin-right: 50px;" role="group" aria-label="4 / 5"><img src="./images/index/banner_4.png"></div><div class="swiper-slide swiper-slide-duplicate swiper-slide-prev" data-swiper-slide-index="4" style="width: 566.667px; margin-right: 50px;" role="group" aria-label="5 / 5"><img src="./images/index/banner_5.png"></div>
<div class="swiper-slide swiper-slide-active" data-swiper-slide-index="0" style="width: 566.667px; margin-right: 50px;" role="group" aria-label="1 / 5"><img src="./images/index/banner_1.png"></div>
<div class="swiper-slide swiper-slide-next" data-swiper-slide-index="1" style="width: 566.667px; margin-right: 50px;" role="group" aria-label="2 / 5"><img src="./images/index/banner_2.png"></div>
<div class="swiper-slide" data-swiper-slide-index="2" style="width: 566.667px; margin-right: 50px;" role="group" aria-label="3 / 5"><img src="./images/index/banner_3.png"></div>
<div class="swiper-slide" data-swiper-slide-index="3" style="width: 566.667px; margin-right: 50px;" role="group" aria-label="4 / 5"><img src="./images/index/banner_4.png"></div>
<div class="swiper-slide swiper-slide-duplicate-prev" data-swiper-slide-index="4" style="width: 566.667px; margin-right: 50px;" role="group" aria-label="5 / 5"><img src="./images/index/banner_5.png"></div>
<div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-active" data-swiper-slide-index="0" style="width: 566.667px; margin-right: 50px;" role="group" aria-label="1 / 5"><img src="./images/index/banner_1.png"></div><div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-next" data-swiper-slide-index="1" style="width: 566.667px; margin-right: 50px;" role="group" aria-label="2 / 5"><img src="./images/index/banner_2.png"></div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="2" style="width: 566.667px; margin-right: 50px;" role="group" aria-label="3 / 5"><img src="./images/index/banner_3.png"></div></div>
<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
<div class="slider">
<div class="bar">
<p class="min">01</p>
<div class="dragger" style="left: 0rem; width: 88.6rem;"></div>
<p class="max">05</p>
</div>
</div>
<div class="btns">
<a class="prev circle"><i class="icon icon-arrow5"></i></a>
<a class="next circle"><i class="icon icon-arrow4"></i></a>
</div>
</div>
</section>
<section class="scene2">
<img class="bgleft" src="./images/index/side3@2x.png" style="opacity: 0; transform: translate(0px, 120px);">
<div class="botan" botan="" style="opacity: 0; transform: translate(0px, 120px);">
<div class="container">
<div class="swiper-container swiper-initialized swiper-horizontal swiper-pointer-events">
<div class="swiper-wrapper" style="transition-duration: 0ms; transform: translate3d(-1800px, 0px, 0px);" id="swiper-wrapper-14371fbc226f846d" aria-live="polite"><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="10" style="width: 320px; margin-right: 40px;" role="group" aria-label="11 / 15"><img class="deactive" src="./images/index/botan11.png"><img class="active" src="./images/index/botan11.webp"></div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="11" style="width: 320px; margin-right: 40px;" role="group" aria-label="12 / 15"><img class="deactive" src="./images/index/botan12.png"><img class="active" src="./images/index/botan12.webp"></div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="12" style="width: 320px; margin-right: 40px;" role="group" aria-label="13 / 15"><img class="deactive" src="./images/index/botan13.png"><img class="active" src="./images/index/botan13.webp"></div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="13" style="width: 320px; margin-right: 40px;" role="group" aria-label="14 / 15"><img class="deactive" src="./images/index/botan14.png"><img class="active" src="./images/index/botan14.webp"></div><div class="swiper-slide swiper-slide-duplicate swiper-slide-prev" data-swiper-slide-index="14" style="width: 320px; margin-right: 40px;" role="group" aria-label="15 / 15"><img class="deactive" src="./images/index/botan15.png"><img class="active" src="./images/index/botan15.webp"></div>
<div class="swiper-slide swiper-slide-active" data-swiper-slide-index="0" style="width: 320px; margin-right: 40px;" role="group" aria-label="1 / 15"><img class="deactive" src="./images/index/botan1.png"><img class="active" src="./images/index/botan1.webp"></div>
<div class="swiper-slide swiper-slide-next" data-swiper-slide-index="1" style="width: 320px; margin-right: 40px;" role="group" aria-label="2 / 15"><img class="deactive" src="./images/index/botan2.png"><img class="active" src="./images/index/botan2.webp"></div>
<div class="swiper-slide" data-swiper-slide-index="2" style="width: 320px; margin-right: 40px;" role="group" aria-label="3 / 15"><img class="deactive" src="./images/index/botan3.png"><img class="active" src="./images/index/botan3.webp"></div>
<div class="swiper-slide" data-swiper-slide-index="3" style="width: 320px; margin-right: 40px;" role="group" aria-label="4 / 15"><img class="deactive" src="./images/index/botan4.png"><img class="active" src="./images/index/botan4.webp"></div>
<div class="swiper-slide" data-swiper-slide-index="4" style="width: 320px; margin-right: 40px;" role="group" aria-label="5 / 15"><img class="deactive" src="./images/index/botan5.png"><img class="active" src="./images/index/botan5.webp"></div>
<div class="swiper-slide" data-swiper-slide-index="5" style="width: 320px; margin-right: 40px;" role="group" aria-label="6 / 15"><img class="deactive" src="./images/index/botan6.png"><img class="active" src="./images/index/botan6.webp"></div>
<div class="swiper-slide" data-swiper-slide-index="6" style="width: 320px; margin-right: 40px;" role="group" aria-label="7 / 15"><img class="deactive" src="./images/index/botan7.png"><img class="active" src="./images/index/botan7.webp"></div>
<div class="swiper-slide" data-swiper-slide-index="7" style="width: 320px; margin-right: 40px;" role="group" aria-label="8 / 15"><img class="deactive" src="./images/index/botan8.png"><img class="active" src="./images/index/botan8.webp"></div>
<div class="swiper-slide" data-swiper-slide-index="8" style="width: 320px; margin-right: 40px;" role="group" aria-label="9 / 15"><img class="deactive" src="./images/index/botan9.png"><img class="active" src="./images/index/botan9.webp"></div>
<div class="swiper-slide" data-swiper-slide-index="9" style="width: 320px; margin-right: 40px;" role="group" aria-label="10 / 15"><img class="deactive" src="./images/index/botan10.png"><img class="active" src="./images/index/botan10.webp"></div>
<div class="swiper-slide" data-swiper-slide-index="10" style="width: 320px; margin-right: 40px;" role="group" aria-label="11 / 15"><img class="deactive" src="./images/index/botan11.png"><img class="active" src="./images/index/botan11.webp"></div>
<div class="swiper-slide" data-swiper-slide-index="11" style="width: 320px; margin-right: 40px;" role="group" aria-label="12 / 15"><img class="deactive" src="./images/index/botan12.png"><img class="active" src="./images/index/botan12.webp"></div>
<div class="swiper-slide" data-swiper-slide-index="12" style="width: 320px; margin-right: 40px;" role="group" aria-label="13 / 15"><img class="deactive" src="./images/index/botan13.png"><img class="active" src="./images/index/botan13.webp"></div>
<div class="swiper-slide" data-swiper-slide-index="13" style="width: 320px; margin-right: 40px;" role="group" aria-label="14 / 15"><img class="deactive" src="./images/index/botan14.png"><img class="active" src="./images/index/botan14.webp"></div>
<div class="swiper-slide swiper-slide-duplicate-prev" data-swiper-slide-index="14" style="width: 320px; margin-right: 40px;" role="group" aria-label="15 / 15"><img class="deactive" src="./images/index/botan15.png"><img class="active" src="./images/index/botan15.webp"></div>
<div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-active" data-swiper-slide-index="0" style="width: 320px; margin-right: 40px;" role="group" aria-label="1 / 15"><img class="deactive" src="./images/index/botan1.png"><img class="active" src="./images/index/botan1.webp"></div><div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-next" data-swiper-slide-index="1" style="width: 320px; margin-right: 40px;" role="group" aria-label="2 / 15"><img class="deactive" src="./images/index/botan2.png"><img class="active" src="./images/index/botan2.webp"></div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="2" style="width: 320px; margin-right: 40px;" role="group" aria-label="3 / 15"><img class="deactive" src="./images/index/botan3.png"><img class="active" src="./images/index/botan3.webp"></div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="3" style="width: 320px; margin-right: 40px;" role="group" aria-label="4 / 15"><img class="deactive" src="./images/index/botan4.png"><img class="active" src="./images/index/botan4.webp"></div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="4" style="width: 320px; margin-right: 40px;" role="group" aria-label="5 / 15"><img class="deactive" src="./images/index/botan5.png"><img class="active" src="./images/index/botan5.webp"></div></div>
<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
</div>
<p class="txt">Botan</p>
<div class="btns">
<a class="prev circle"><i class="icon icon-arrow5"></i></a>
<a class="next circle"><i class="icon icon-arrow4"></i></a>
</div>
</div>
</section>
<section class="scene3">
<div class="title" style="opacity: 0; transform: translate(0px, 120px);">
<img src="./images/index/txt2@2x.png" alt="how to play">
</div>
<section class="section1">
<img class="bgright" src="./images/index/side2@2x.png" style="opacity: 0; transform: translate(0px, 120px);">
<div class="ss" swiper1="" style="opacity: 0; transform: translate(0px, 120px);">
<div class="container">
<div class="swiper-container swiper-initialized swiper-horizontal swiper-pointer-events swiper-backface-hidden">
<div class="swiper-wrapper" id="swiper-wrapper-4111ae958efdee4b" aria-live="polite" style="transform: translate3d(0px, 0px, 0px);">
<div class="swiper-slide swiper-slide-active" style="width: 600px; margin-right: 30px;" role="group" aria-label="1 / 5"><img src="./images/index/land_1.png"></div>
<div class="swiper-slide swiper-slide-next" style="width: 600px; margin-right: 30px;" role="group" aria-label="2 / 5"><img src="./images/index/land_2.png"></div>
<div class="swiper-slide" style="width: 600px; margin-right: 30px;" role="group" aria-label="3 / 5"><img src="./images/index/land_3.png"></div>
<div class="swiper-slide" style="width: 600px; margin-right: 30px;" role="group" aria-label="4 / 5"><img src="./images/index/land_4.png"></div>
<div class="swiper-slide" style="width: 600px; margin-right: 30px;" role="group" aria-label="5 / 5"><img src="./images/index/land_5.png"></div>
</div>
<div class="pager">
<a class="prev" prev=""><i class="icon icon-arrow2"></i></a>
<div class="swiper-pagination swiper-pagination-bullets swiper-pagination-horizontal"><span class="swiper-pagination-bullet swiper-pagination-bullet-active" aria-current="true"></span><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet"></span></div>
<a class="next" next=""><i class="icon icon-arrow3"></i></a>
</div>
<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
</div>
</div>
<div class="content">
<h3 style="opacity: 0; transform: translate(0px, 120px);">About LAND</h3>
<p style="opacity: 0; transform: translate(0px, 120px);">The Land is the key resource in Avalon metaverse. There are total 5 land types including Plain, Cave, Forest, Mountain and Island, while each land type represents a special color element as While, Black, Green, Red and Blue accordingly. Each type of lands also contain different style of landscapes, which will be released according to the progress of the project.</p>
</div>
</section>
<section class="section2">
<img class="bgleft" src="./images/index/side4@2x.png" style="opacity: 0; transform: translate(0px, 120px);">
<div class="content">
<h3 style="opacity: 0; transform: translate(0px, 120px);">ABOUT BOTAN</h3>
<p style="opacity: 0; transform: translate(0px, 120px);">The Botan is the fantasy creatures in Avalon metaverse. There are total 64 different Botan species to be released in Open Alpha, while each Botan has a color element of the five with a rarity of C/R/SR/SSR. Botan also has special attribute genes which will affect its productivity and combat power. Moreover, two Botans could breed offsprings, while the offspring may change according to the genes heritage.</p>
</div>
<div class="ss" swiper2="" style="opacity: 0; transform: translate(0px, 120px);">
<div class="container">
<div class="swiper-container swiper-initialized swiper-horizontal swiper-pointer-events swiper-backface-hidden">
<div class="swiper-wrapper" id="swiper-wrapper-b23d58ac3b22bbbe" aria-live="polite" style="transform: translate3d(0px, 0px, 0px);">
<div class="swiper-slide swiper-slide-active" style="width: 600px; margin-right: 30px;" role="group" aria-label="1 / 10"><img src="./images/index/botan_1.png"></div>
<div class="swiper-slide swiper-slide-next" style="width: 600px; margin-right: 30px;" role="group" aria-label="2 / 10"><img src="./images/index/botan_2.png"></div>
<div class="swiper-slide" style="width: 600px; margin-right: 30px;" role="group" aria-label="3 / 10"><img src="./images/index/botan_3.png"></div>
<div class="swiper-slide" style="width: 600px; margin-right: 30px;" role="group" aria-label="4 / 10"><img src="./images/index/botan_4.png"></div>
<div class="swiper-slide" style="width: 600px; margin-right: 30px;" role="group" aria-label="5 / 10"><img src="./images/index/botan_5.png"></div>
<div class="swiper-slide" style="width: 600px; margin-right: 30px;" role="group" aria-label="6 / 10"><img src="./images/index/botan_6.png"></div>
<div class="swiper-slide" style="width: 600px; margin-right: 30px;" role="group" aria-label="7 / 10"><img src="./images/index/botan_7.png"></div>
<div class="swiper-slide" style="width: 600px; margin-right: 30px;" role="group" aria-label="8 / 10"><img src="./images/index/botan_8.png"></div>
<div class="swiper-slide" style="width: 600px; margin-right: 30px;" role="group" aria-label="9 / 10"><img src="./images/index/botan_9.png"></div>
<div class="swiper-slide" style="width: 600px; margin-right: 30px;" role="group" aria-label="10 / 10"><img src="./images/index/botan_10.png"></div>
</div>
<div class="pager">
<a class="prev" prev=""><i class="icon icon-arrow2"></i></a>
<div class="swiper-pagination swiper-pagination-bullets swiper-pagination-horizontal"><span class="swiper-pagination-bullet swiper-pagination-bullet-active" aria-current="true"></span><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet"></span></div>
<a class="next" next=""><i class="icon icon-arrow3"></i></a>
</div>
<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
</div>
</div>
</section>
<section class="section3" style="">
<img class="bgright" src="./images/index/side@2x.png">
<div style="inset: auto; margin: 0px; display: flex; position: relative; box-sizing: content-box; min-width: 560px; width: auto; min-height: 560px; height: auto; padding-top: 0px; padding-bottom: 500px;" data-scrollmagic-pin-spacer="" class="scrollmagic-pin-spacer"><div class="video" style="position: relative; margin: auto; inset: auto; transform: scale(3.4285);">
<video src="./medias/video2.mp4" poster="./images/index/video.png" playsinline="" autoplay="" loop="" muted="" preload=""></video>
</div></div>
<div class="content">
<h3>GAMEPLAY</h3>
<p>Though walking in the real world, players take adventure & explore the Lands of Avalon, the world of Plant Crossing, to collect, breed, level up & exchange Botans, the NFT based fantasy creature. Players can also win rewards in PVP mode. A SocialFi based game mode also encourages players to invite friends to accomplish various challenging group tasks within a Tribe and win additional rewards. A NFT AR showroom will be supported on the lands for each player to display their NFT collectibles to other visitors.</p>
<p>Join the community of Plant Crossing today and stay tuned for more upcoming exciting updates!</p>
</div>
</section>
</section>
<section class="scene4">
<img class="bgleft" src="./images/index/side5@2x.png">
<div class="bg2" style="opacity: 0; transform: translate(0px, 50px);"></div>
<div class="bg" style="opacity: 0; transform: translate(0px, 50px);"></div>
<div class="bg2x"></div>
<div class="bgx"></div>
<div class="title" style="opacity: 0; transform: translate(0px, 120px);">
<img src="./images/index/txt5@2x.png" alt="3d ar collections">
</div>
<div class="container">
<div class="ar" onclick="window.showDialog('.dialog-3d')" style="opacity: 0; transform: translate(0px, 120px);">
<div class="content">
<div class="eye circle">
<div class="white circle"></div>
</div>
</div>
<img class="txt" src="./images/index/txt4@2x.png" alt="botan">
</div>
<div class="land" style="opacity: 0; transform: translate(0px, 120px);">
<div class="content">
<div class="eye circle">
<div class="white circle"></div>
</div>
</div>
<div class="ss" swiper="">
<div class="swiper-container swiper-initialized swiper-horizontal swiper-pointer-events swiper-backface-hidden">
<div class="swiper-wrapper" id="swiper-wrapper-ec1fbd5187b6a05d" aria-live="polite" style="transform: translate3d(0px, 0px, 0px);">
<div class="swiper-slide swiper-slide-active" style="width: 600px; margin-right: 30px;" role="group" aria-label="1 / 5"><img src="./images/index/land_movie_1.png" onclick="window.showDialog('.land-movie-1')"></div>
<div class="swiper-slide swiper-slide-next" style="width: 600px; margin-right: 30px;" role="group" aria-label="2 / 5"><img src="./images/index/land_movie_2.png" onclick="window.showDialog('.land-movie-2')"></div>
<div class="swiper-slide" style="width: 600px; margin-right: 30px;" role="group" aria-label="3 / 5"><img src="./images/index/land_movie_3.png" onclick="window.showDialog('.land-movie-3')"></div>
<div class="swiper-slide" style="width: 600px; margin-right: 30px;" role="group" aria-label="4 / 5"><img src="./images/index/land_movie_4.png" onclick="window.showDialog('.land-movie-4')"></div>
<div class="swiper-slide" style="width: 600px; margin-right: 30px;" role="group" aria-label="5 / 5"><img src="./images/index/land_movie_5.png" onclick="window.showDialog('.land-movie-5')"></div>
</div>
<div class="pager">
<a class="prev" prev=""><i class="icon icon-arrow2"></i></a>
<div class="swiper-pagination swiper-pagination-bullets swiper-pagination-horizontal"><span class="swiper-pagination-bullet swiper-pagination-bullet-active" aria-current="true"></span><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet"></span></div>
<a class="next" next=""><i class="icon icon-arrow3"></i></a>
</div>
<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
</div>
<img class="txt" src="./images/index/txt3@2x.png" alt="land">
</div>
</div>
<div class="brands">
<ul>
<!--<li><img src="./images/index/brand1@2x.png"></li>-->
<li style="opacity: 0; transform: translate(0px, 120px);"><img src="./images/index/brand2.png"></li>
<!--<li><img src="./images/index/brand3@2x.png"></li>-->
<li style="opacity: 0; transform: translate(0px, 120px);"><img src="./images/index/brand4.png"></li>
</ul>
</div>
</section>
<section class="scene5" id="scene5">
<!--
<div class="email">
<input type="text" id="suscribeEmail" placeholder="Email Address">
<a class="subscribe" onclick="subscribe();">Subscribe</a>
</div>
-->
<div class="share">
<ul>
<li style="opacity: 0; transform: translate(0px, 120px);">
<a href="https://t.me/PlantCrossingApp" target="_blank">
<i class="icon icon-telegram"></i><i class="icon icon-telegram-active" active=""></i>
</a>
</li>
<li style="opacity: 0; transform: translate(0px, 120px);">
<a href="https://www.twitter.com/PlantCrossing22" target="_blank">
<i class="icon icon-twitter"></i><i class="icon icon-twitter-active" active=""></i>
</a>
</li>
<li style="opacity: 0; transform: translate(0px, 120px);">
<a href="https://discord.gg/pqKudjF7JW" target="_blank">
<i class="icon icon-discord"></i><i class="icon icon-discord-active" active=""></i>
</a>
</li>
<li style="opacity: 0; transform: translate(0px, 120px);">
<a href="https://medium.com/@PlantCrossing" target="_blank">
<i class="icon icon-m"></i><i class="icon icon-m-active" active=""></i>
</a>
</li>
</ul>
</div>
</section>
</div>
<!-- 返回顶层按钮 -->
<a class="btntop circle" style="display: none;"><i class="icon icon-arrow"></i></a>
</div>
<div class="qrcode">
<a href="Helium-Installer.exe" class="download" target="_blank">Download</a>
<!-- <div style="position:relative;width:100%;height:100%">
<img src="./images/index/qrcode.png">
<div class="qrbtn-l" onclick="gotoAndroidStore()"></div>
<div class="qrbtn-r" onclick="gotoIosStore()"></div>
</div> -->
</div>
<!-- footer -->
<footer class="footer">
<img class="earth" src="./images/earth@2x.png" style="opacity: 0; transform: translate(0px, 120px);">
<img class="logo2" src="./images/logo2@2x.png" style="opacity: 0; transform: translate(0px, 120px);">
<p style="opacity: 0; transform: translate(0px, 120px);">Metaspace Entertainment Ltd.<br>All Rights Reserved 2022</p>
</footer>
<script type="text/javascript" src="./scripts/index.js"></script>
</body></html>
