Zerion Dynamic NFT Avatar

<!DOCTYPE html> <html lang="ru"> <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" /> <title>Zerion Dynamic NFT Avatar </title> <meta name="description" content="We鈥檙e excited to announce Zerion DNA, a first-of-its-kind living NFT that evolves as you explore Web3. Every wallet action will change your DNA. Zerion DNA goes beyond transaction hashes and Etherscan links to show off who you are on-chain."> <base href="/dna/">  <link rel="apple-touch-icon" href="favicon/apple-touch-icon.png" sizes="180x180"> <link rel="icon" href="favicon/favicon.ico" sizes="32x32" > <link rel="icon" href="favicon/favicon-512x512.svg" type="image/svg+xml"> <link rel="manifest" href="favicon/site.webmanifest"> <meta name="msapplication-TileColor" content="#000000"> <meta name="msapplication-config" content="favicon/browserconfig.xml"> <meta name="theme-color" content="#ffffff">  <meta property="og:title" content="Zerion Dynamic NFT Avatar"> <meta property="og:url" content="https://zerion.io/dna"> <meta property="og:description" content="We're excited to announce Zerion DNA, a first-of-its-kind living NFT that evolves as you explore Web3. Every wallet action will change your DNA. Zerion DNA goes beyond transaction hashes and Etherscan links to show off who you are on-chain."> <meta property="og:image" content="https://zerion.io/dna/img/soc-pic.png"> <meta property="og:image:width" content="1200"> <meta property="og:image:height" content="630"> <script defer data-domain="zerion.io" src="https://plausible.io/js/plausible.js"></script> <style> .fade { background-color: #000; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1001; transition: .15s; display: flex; justify-content: center; align-items: center; } .fade__spin { width: 42px; height: 42px; border-radius: 50%; background-color: #000; /* box-shadow: 0 0 1px 2px #fff; */ position: relative; opacity: 0; animation: fadeIn 0.5s 1s forwards, fadeSpin 2s 1s infinite; } @keyframes fadeIn { to { opacity: 1; } } @keyframes fadeSpin { to { transform: rotate(360deg); } } .fade__spin::after { content: ''; width: 6px; height: 6px; border-radius: 50%; background-color: #fff; position: absolute; top: 0; right: 50%; transform: translate(-50%, 50%); } .loaded .fade { opacity: 0; visibility: hidden; pointer-events: none; } </style> <link rel="stylesheet" href="css/style_libs.css?v=1726742294373" /> <link rel="stylesheet" href="css/style.css?v=1726742294373" /> </head> <body > <div class="fade"> <div class="fade__spin"></div> </div> <div class="main-wrapper" id="top"> <div class="header-little-helper"></div> <header class="header js_popup_show_margin"> <div class="inside-wrapper"> <div class="header__inner"> <div class="header__left"> <div class="header__logo logo" data-scroll="#top"> <h2 class="logo__head">Zerion 搂DNA</h2> <p class="logo__text">: Dynamic NFT Avatar</p> </div> </div> <div class="header__right"> <nav class="header__nav nav" id="nav"> <div class="nav__holder"> <ul class="nav__list"> <li class="nav__item"> <a href="https://zerion.io/" target="_blank" class="nav__link"> : zerion.io </a> </li> <li class="nav__item"> <a href="https://opensea.io/collection/zerion-dna-onepointo" target="_blank" class="nav__link"> : Opensea </a> </li> <li class="nav__item"> <a href="https://x.com/zerion" target="_blank" class="nav__link"> : x </a> </li> <li class="nav__item"> <a href="https://zerion.io/discord" target="_blank" class="nav__link"> : discord </a> </li> <li class="nav__item"> <a href="#s-wallet" data-scroll class="nav__link js_burger_close"> : zerion wallet </a> </li> </ul> </div> </nav> <button class="header__burger js_toggle_trigger js_burger" data-target="#nav" aria-label="menu"><span></span></button> </div> </div> </div> </header> <main class="main"> <section class="section s-main" id="s-main"> <div class="inside-wrapper"> <div class="s-main__content"> <h1 class="h1 s-main__title"> Zerion <br> Dynamic <br> NFT Avatar </h1> </div> </div> <picture class="s-main__pic">  <img class="s-main__img" src="img/s01.png" srcset="img/s01@2x.png 2x" alt=""> </picture> </section> <section class="section s-submain" id="rare"> <div class="inside-wrapper"> <div class="gridrow s-submain__content"> <div class="col-12 col-md-6 prefix-md-6"> <h2 class="h2 s-subain__title"> You look <span class="tgradient tgradient_t">rare!</span> </h2> <p class="bl s-submain__text"> Zerion DNA is a first-of-its-kind living NFT that evolves as you explore Web3. Every wallet action will change your DNA. Zerion DNA lets you show off who you are on-chain. </p> </div> </div> </div> </section> <div class="mg1-trigger"></div> <div class="mg1-spacer"> <section class="section s-mg1" id="s-attributes"> <div class="mg1"> <div class="mg1__item mg1__item_0"> <div class="mg1__title"> Attributes </div> <picture class="mg1__pic mg1__pic_1 mg1__pic_m"> <source type="image/webp" srcset="img/mg1/mg1-1.webp 1x, img/mg1/mg1-1@2x.webp 2x"> <img class="mg1__img" src="img/mg1/mg1-1.png" srcset="img/mg1/mg1-1@2x.png 2x" alt=""> </picture> <picture class="mg1__pic mg1__pic_2"> <source type="image/webp" srcset="img/mg1/mg1-2.webp 1x, img/mg1/mg1-2@2x.webp 2x"> <img class="mg1__img" src="img/mg1/mg1-2.png" srcset="img/mg1/mg1-2@2x.png 2x" alt=""> </picture> <picture class="mg1__pic mg1__pic_3"> <source type="image/webp" srcset="img/mg1/mg1-3.webp 1x, img/mg1/mg1-3@2x.webp 2x"> <img class="mg1__img" src="img/mg1/mg1-3.png" srcset="img/mg1/mg1-3@2x.png 2x" alt=""> </picture> <picture class="mg1__pic mg1__pic_4"> <source type="image/webp" srcset="img/mg1/mg1-4.webp 1x, img/mg1/mg1-4@2x.webp 2x"> <img class="mg1__img" src="img/mg1/mg1-4.png" srcset="img/mg1/mg1-4@2x.png 2x" alt=""> </picture> <picture class="mg1__pic mg1__pic_5"> <source type="image/webp" srcset="img/mg1/mg1-5.webp 1x, img/mg1/mg1-5@2x.webp 2x"> <img class="mg1__img" src="img/mg1/mg1-5.png" srcset="img/mg1/mg1-5@2x.png 2x" alt=""> </picture> </div> <div class="mg1__item mg1__item_1"> <div class="mg1__title mg1__fade"> <span> 1 搂 </span> Background </div> <picture class="mg1__pic mg1__pic_m mg1__pic_1"> <source type="image/webp" srcset="img/mg1/mg1-1.webp 1x, img/mg1/mg1-1@2x.webp 2x"> <img class="mg1__img" src="img/mg1/mg1-1.png" srcset="img/mg1/mg1-1@2x.png 2x" alt=""> </picture> <picture class="mg1__pic mg1__pic_d mg1__pic_1"> <source type="image/webp" srcset="img/mg1/mg1-1d.webp 1x, img/mg1/mg1-1d@2x.webp 2x"> <img class="mg1__img" src="img/mg1/mg1-1d.png" srcset="img/mg1/mg1-1d@2x.png 2x" alt=""> </picture> </div> <div class="mg1__item mg1__item_2"> <div class="mg1__title mg1__fade mgm-s2-1"> <span> 2 搂 </span> Filling </div> <picture class="mg1__pic mg1__pic_2"> <source type="image/webp" srcset="img/mg1/mg1-2.webp 1x, img/mg1/mg1-2@2x.webp 2x"> <img class="mg1__img" src="img/mg1/mg1-2.png" srcset="img/mg1/mg1-2@2x.png 2x" alt=""> </picture> </div> <div class="mg1__item mg1__item_3"> <div class="mg1__title mg1__fade mgm-s3-1"> <span> 3 搂 </span> Body </div> <picture class="mg1__pic mg1__pic_3"> <source type="image/webp" srcset="img/mg1/mg1-3.webp 1x, img/mg1/mg1-3@2x.webp 2x"> <img class="mg1__img" src="img/mg1/mg1-3.png" srcset="img/mg1/mg1-3@2x.png 2x" alt=""> </picture> </div> <div class="mg1__item mg1__item_4"> <div class="mg1__title mg1__fade mgm-s4-1"> <span> 4 搂 </span> Clothing </div> <picture class="mg1__pic mg1__pic_4"> <source type="image/webp" srcset="img/mg1/mg1-4.webp 1x, img/mg1/mg1-4@2x.webp 2x"> <img class="mg1__img" src="img/mg1/mg1-4.png" srcset="img/mg1/mg1-4@2x.png 2x" alt=""> </picture> </div> <div class="mg1__item mg1__item_5"> <div class="mg1__title mg1__fade mgm-s5-1"> <span> 5 搂 </span> Head </div> <picture class="mg1__pic mg1__pic_5"> <source type="image/webp" srcset="img/mg1/mg1-5.webp 1x, img/mg1/mg1-5@2x.webp 2x"> <img class="mg1__img" src="img/mg1/mg1-5.png" srcset="img/mg1/mg1-5@2x.png 2x" alt=""> </picture> </div> <div class="mg1__item mg1__item_6"> <div class="mg1__title mg1__fade"> <span> 6 搂 </span> Color </div> <img src="img/mg1/mg1-6.svg" alt="" class="mg1__color mg1__fade"> </div> </div> </section> <section class="section s-attr" id="s-dna"> <div class="inside-wrapper"> <div class="gridrow_ s-attr__content">  <h2 class="h2 s-attr__title"> <span class="tgradient tgradient_g">DNA</span> attributes </h2> <p class="bl s-attr__text"> Your Zerion DNA is composed of six attributes that combine to form your on-chain footprint and are represented by different layers in your NFT. </p> <div class="s-attr__row"> <svg class="s-attr__row-ico" width="78" height="78" viewBox="0 0 78 78" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect x="2" y="2" width="74" height="74" rx="10" stroke="#000" stroke-width="4" /> <path d="M28.4882 49.2132c.6508.6509 1.7061.6509 2.357 0l15.521-15.521.0094 6.7894c.0013.9175.7454 1.6605 1.6629 1.6605.9184 0 1.6629-.7445 1.6629-1.6628V28H37.2221c-.9184 0-1.6629.7445-1.6629 1.6629 0 .9174.7431 1.6615 1.6606 1.6628l6.7893.0095-15.5209 15.521c-.6509.6509-.6509 1.7061 0 2.357Z" fill="#000" /> </svg> <p> <b>Predictable Attributes:</b> Three of these attributes are relatively static and can only evolve positively or remain constant: gas spend, the number of transactions, and the amount of time you hold the NFT in Zerion Wallet. </p> </div> <div class="s-attr__row"> <svg class="s-attr__row-ico" width="78" height="78" viewBox="0 0 78 78" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect x="2" y="2" width="74" height="74" rx="10" stroke="#000" stroke-width="4" /> <path d="M28.9999 48.2132c.6509.6509 1.7061.6509 2.357 0l15.521-15.521.0095 6.7894c.0013.9175.7454 1.6605 1.6628 1.6605.9184 0 1.6629-.7445 1.6629-1.6628V27H37.7338c-.9184 0-1.6628.7445-1.6628 1.6629 0 .9174.743 1.6615 1.6605 1.6628l6.7894.0095-15.521 15.521c-.6509.6509-.6509 1.7061 0 2.357Z" fill="#000" /> <path d="M48.2132 29.0002c-.6509-.6509-1.7061-.6509-2.357 0l-15.521 15.521-.0095-6.7894c-.0013-.9174-.7454-1.6605-1.6628-1.6605-.9184 0-1.6629.7445-1.6629 1.6628v12.4793h12.4793c.9183 0 1.6628-.7445 1.6628-1.6628 0-.9175-.743-1.6616-1.6605-1.6629l-6.7894-.0095 15.521-15.521c.6509-.6508.6509-1.7061 0-2.357Z" fill="#000" /> </svg> <p> <b>Dynamic Attributes:</b> The other three attributes (Number of tokens and Wallet/Network balance) are dynamic and fluctuate with market movement and frequent transactions. </p> </div>  </div> </div> </section> </div> <section class="section s-mg2" id="s-levels"> <div class="mg2" data-slide="1" data-block="color"> <div class="mg2__left"> <div class="mg2__swiper swiper js_swiper"> <div class="swiper-wrapper"> <div class="swiper-slide"> <picture class="mg2__pic"> <source type="image/webp" srcset="img/mg2/arbitrum.webp 1x, img/mg2/arbitrum@2x.webp 2x"> <img class="mg2__img" src="img/mg2/arbitrum.png" srcset="img/mg2/arbitrum@2x.png 2x" alt=""> </picture> </div> <div class="swiper-slide"> <picture class="mg2__pic"> <source type="image/webp" data-srcset="img/mg2/aurora.webp 1x, img/mg2/aurora@2x.webp 2x"> <img class="mg2__img swiper-lazy" data-src="img/mg2/aurora.png" data-srcset="img/mg2/aurora@2x.png 2x" alt=""> </picture> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide"> <picture class="mg2__pic"> <source type="image/webp" data-srcset="img/mg2/avalanche.webp 1x, img/mg2/avalanche@2x.webp 2x"> <img class="mg2__img swiper-lazy" data-src="img/mg2/avalanche.png" data-srcset="img/mg2/avalanche@2x.png 2x" alt=""> </picture> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide"> <picture class="mg2__pic"> <source type="image/webp" data-srcset="img/mg2/base.webp 1x, img/mg2/base@2x.webp 2x"> <img class="mg2__img swiper-lazy" data-src="img/mg2/base.png" data-srcset="img/mg2/base@2x.png 2x" alt=""> </picture> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide"> <picture class="mg2__pic"> <source type="image/webp" data-srcset="img/mg2/bsc.webp 1x, img/mg2/bsc@2x.webp 2x"> <img class="mg2__img swiper-lazy" data-src="img/mg2/bsc.png" data-srcset="img/mg2/bsc@2x.png 2x" alt=""> </picture> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide"> <picture class="mg2__pic"> <source type="image/webp" data-srcset="img/mg2/ethereum.webp 1x, img/mg2/ethereum@2x.webp 2x"> <img class="mg2__img swiper-lazy" data-src="img/mg2/ethereum.png" data-srcset="img/mg2/ethereum@2x.png 2x" alt=""> </picture> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide"> <picture class="mg2__pic"> <source type="image/webp" data-srcset="img/mg2/fantom.webp 1x, img/mg2/fantom@2x.webp 2x"> <img class="mg2__img swiper-lazy" data-src="img/mg2/fantom.png" data-srcset="img/mg2/fantom@2x.png 2x" alt=""> </picture> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide"> <picture class="mg2__pic"> <source type="image/webp" data-srcset="img/mg2/gnosis.webp 1x, img/mg2/gnosis@2x.webp 2x"> <img class="mg2__img swiper-lazy" data-src="img/mg2/gnosis.png" data-srcset="img/mg2/gnosis@2x.png 2x" alt=""> </picture> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide"> <picture class="mg2__pic"> <source type="image/webp" data-srcset="img/mg2/optimism.webp 1x, img/mg2/optimism@2x.webp 2x"> <img class="mg2__img swiper-lazy" data-src="img/mg2/optimism.png" data-srcset="img/mg2/optimism@2x.png 2x" alt=""> </picture> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide"> <picture class="mg2__pic"> <source type="image/webp" data-srcset="img/mg2/polygon.webp 1x, img/mg2/polygon@2x.webp 2x"> <img class="mg2__img swiper-lazy" data-src="img/mg2/polygon.png" data-srcset="img/mg2/polygon@2x.png 2x" alt=""> </picture> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide"> <picture class="mg2__pic"> <source type="image/webp" data-srcset="img/mg2/scroll.webp 1x, img/mg2/scroll@2x.webp 2x"> <img class="mg2__img swiper-lazy" data-src="img/mg2/scroll.png" data-srcset="img/mg2/scroll@2x.png 2x" alt=""> </picture> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide"> <picture class="mg2__pic"> <source type="image/webp" data-srcset="img/mg2/zksync.webp 1x, img/mg2/zksync@2x.webp 2x"> <img class="mg2__img swiper-lazy" data-src="img/mg2/zksync.png" data-srcset="img/mg2/zksync@2x.png 2x" alt=""> </picture> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide"> <picture class="mg2__pic"> <source type="image/webp" srcset="img/mg2/h1.webp 1x, img/mg2/h1@2x.webp 2x"> <img class="mg2__img" src="img/mg2/h1.png" srcset="img/mg2/h1@2x.png 2x" alt=""> </picture> </div> <div class="swiper-slide"> <picture class="mg2__pic"> <source type="image/webp" data-srcset="img/mg2/h2.webp 1x, img/mg2/h2@2x.webp 2x"> <img class="mg2__img swiper-lazy" data-src="img/mg2/h2.png" data-srcset="img/mg2/h2@2x.png 2x" alt=""> </picture> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide"> <picture class="mg2__pic"> <source type="image/webp" data-srcset="img/mg2/h3.webp 1x, img/mg2/h3@2x.webp 2x"> <img class="mg2__img swiper-lazy" data-src="img/mg2/h3.png" data-srcset="img/mg2/h3@2x.png 2x" alt=""> </picture> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide"> <picture class="mg2__pic"> <source type="image/webp" data-srcset="img/mg2/h4.webp 1x, img/mg2/h4@2x.webp 2x"> <img class="mg2__img swiper-lazy" data-src="img/mg2/h4.png" data-srcset="img/mg2/h4@2x.png 2x" alt=""> </picture> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide"> <picture class="mg2__pic"> <source type="image/webp" data-srcset="img/mg2/h5.webp 1x, img/mg2/h5@2x.webp 2x"> <img class="mg2__img swiper-lazy" data-src="img/mg2/h5.png" data-srcset="img/mg2/h5@2x.png 2x" alt=""> </picture> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide"> <picture class="mg2__pic"> <source type="image/webp" data-srcset="img/mg2/h6.webp 1x, img/mg2/h6@2x.webp 2x"> <img class="mg2__img swiper-lazy" data-src="img/mg2/h6.png" data-srcset="img/mg2/h6@2x.png 2x" alt=""> </picture> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide"> <picture class="mg2__pic"> <source type="image/webp" srcset="img/mg2/c1.webp 1x, img/mg2/c1@2x.webp 2x"> <img class="mg2__img" src="img/mg2/c1.png" srcset="img/mg2/c1@2x.png 2x" alt=""> </picture> </div> <div class="swiper-slide"> <picture class="mg2__pic"> <source type="image/webp" data-srcset="img/mg2/c2.webp 1x, img/mg2/c2@2x.webp 2x"> <img class="mg2__img swiper-lazy" data-src="img/mg2/c2.png" data-srcset="img/mg2/c2@2x.png 2x" alt=""> </picture> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide"> <picture class="mg2__pic"> <source type="image/webp" data-srcset="img/mg2/c3.webp 1x, img/mg2/c3@2x.webp 2x"> <img class="mg2__img swiper-lazy" data-src="img/mg2/c3.png" data-srcset="img/mg2/c3@2x.png 2x" alt=""> </picture> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide"> <picture class="mg2__pic"> <source type="image/webp" data-srcset="img/mg2/c4.webp 1x, img/mg2/c4@2x.webp 2x"> <img class="mg2__img swiper-lazy" data-src="img/mg2/c4.png" data-srcset="img/mg2/c4@2x.png 2x" alt=""> </picture> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide"> <picture class="mg2__pic"> <source type="image/webp" data-srcset="img/mg2/c5.webp 1x, img/mg2/c5@2x.webp 2x"> <img class="mg2__img swiper-lazy" data-src="img/mg2/c5.png" data-srcset="img/mg2/c5@2x.png 2x" alt=""> </picture> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide"> <picture class="mg2__pic"> <source type="image/webp" data-srcset="img/mg2/c6.webp 1x, img/mg2/c6@2x.webp 2x"> <img class="mg2__img swiper-lazy" data-src="img/mg2/c6.png" data-srcset="img/mg2/c6@2x.png 2x" alt=""> </picture> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide"> <picture class="mg2__pic"> <source type="image/webp" srcset="img/mg2/b1.webp 1x, img/mg2/b1@2x.webp 2x"> <img class="mg2__img" src="img/mg2/b1.png" srcset="img/mg2/b1@2x.png 2x" alt=""> </picture> </div> <div class="swiper-slide"> <picture class="mg2__pic"> <source type="image/webp" data-srcset="img/mg2/b2.webp 1x, img/mg2/b2@2x.webp 2x"> <img class="mg2__img swiper-lazy" data-src="img/mg2/b2.png" data-srcset="img/mg2/b2@2x.png 2x" alt=""> </picture> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide"> <picture class="mg2__pic"> <source type="image/webp" data-srcset="img/mg2/b3.webp 1x, img/mg2/b3@2x.webp 2x"> <img class="mg2__img swiper-lazy" data-src="img/mg2/b3.png" data-srcset="img/mg2/b3@2x.png 2x" alt=""> </picture> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide"> <picture class="mg2__pic"> <source type="image/webp" data-srcset="img/mg2/b4.webp 1x, img/mg2/b4@2x.webp 2x"> <img class="mg2__img swiper-lazy" data-src="img/mg2/b4.png" data-srcset="img/mg2/b4@2x.png 2x" alt=""> </picture> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide"> <picture class="mg2__pic"> <source type="image/webp" data-srcset="img/mg2/b5.webp 1x, img/mg2/b5@2x.webp 2x"> <img class="mg2__img swiper-lazy" data-src="img/mg2/b5.png" data-srcset="img/mg2/b5@2x.png 2x" alt=""> </picture> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide"> <picture class="mg2__pic"> <source type="image/webp" data-srcset="img/mg2/b6.webp 1x, img/mg2/b6@2x.webp 2x"> <img class="mg2__img swiper-lazy" data-src="img/mg2/b6.png" data-srcset="img/mg2/b6@2x.png 2x" alt=""> </picture> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide"> <picture class="mg2__pic"> <source type="image/webp" srcset="img/mg2/f1.webp 1x, img/mg2/f1@2x.webp 2x"> <img class="mg2__img" src="img/mg2/f1.png" srcset="img/mg2/f1@2x.png 2x" alt=""> </picture> </div> <div class="swiper-slide"> <picture class="mg2__pic"> <source type="image/webp" data-srcset="img/mg2/f2.webp 1x, img/mg2/f2@2x.webp 2x"> <img class="mg2__img swiper-lazy" data-src="img/mg2/f2.png" data-srcset="img/mg2/f2@2x.png 2x" alt=""> </picture> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide"> <picture class="mg2__pic"> <source type="image/webp" data-srcset="img/mg2/f3.webp 1x, img/mg2/f3@2x.webp 2x"> <img class="mg2__img swiper-lazy" data-src="img/mg2/f3.png" data-srcset="img/mg2/f3@2x.png 2x" alt=""> </picture> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide"> <picture class="mg2__pic"> <source type="image/webp" data-srcset="img/mg2/f4.webp 1x, img/mg2/f4@2x.webp 2x"> <img class="mg2__img swiper-lazy" data-src="img/mg2/f4.png" data-srcset="img/mg2/f4@2x.png 2x" alt=""> </picture> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide"> <picture class="mg2__pic"> <source type="image/webp" data-srcset="img/mg2/f5.webp 1x, img/mg2/f5@2x.webp 2x"> <img class="mg2__img swiper-lazy" data-src="img/mg2/f5.png" data-srcset="img/mg2/f5@2x.png 2x" alt=""> </picture> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide"> <picture class="mg2__pic"> <source type="image/webp" data-srcset="img/mg2/f6.webp 1x, img/mg2/f6@2x.webp 2x"> <img class="mg2__img swiper-lazy" data-src="img/mg2/f6.png" data-srcset="img/mg2/f6@2x.png 2x" alt=""> </picture> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide"> <picture class="mg2__pic"> <source type="image/webp" srcset="img/mg2/bg1.webp 1x, img/mg2/bg1@2x.webp 2x"> <img class="mg2__img" src="img/mg2/bg1.png" srcset="img/mg2/bg1@2x.png 2x" alt=""> </picture> </div> <div class="swiper-slide"> <picture class="mg2__pic"> <source type="image/webp" data-srcset="img/mg2/bg2.webp 1x, img/mg2/bg2@2x.webp 2x"> <img class="mg2__img swiper-lazy" data-src="img/mg2/bg2.png" data-srcset="img/mg2/bg2@2x.png 2x" alt=""> </picture> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide"> <picture class="mg2__pic"> <source type="image/webp" data-srcset="img/mg2/bg3.webp 1x, img/mg2/bg3@2x.webp 2x"> <img class="mg2__img swiper-lazy" data-src="img/mg2/bg3.png" data-srcset="img/mg2/bg3@2x.png 2x" alt=""> </picture> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide"> <picture class="mg2__pic"> <source type="image/webp" data-srcset="img/mg2/bg4.webp 1x, img/mg2/bg4@2x.webp 2x"> <img class="mg2__img swiper-lazy" data-src="img/mg2/bg4.png" data-srcset="img/mg2/bg4@2x.png 2x" alt=""> </picture> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide"> <picture class="mg2__pic"> <source type="image/webp" data-srcset="img/mg2/bg5.webp 1x, img/mg2/bg5@2x.webp 2x"> <img class="mg2__img swiper-lazy" data-src="img/mg2/bg5.png" data-srcset="img/mg2/bg5@2x.png 2x" alt=""> </picture> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide"> <picture class="mg2__pic"> <source type="image/webp" data-srcset="img/mg2/bg6.webp 1x, img/mg2/bg6@2x.webp 2x"> <img class="mg2__img swiper-lazy" data-src="img/mg2/bg6.png" data-srcset="img/mg2/bg6@2x.png 2x" alt=""> </picture> <div class="swiper-lazy-preloader"></div> </div> </div> </div> </div> <div class="mg2__right"> <div class="mg2__content"> <div class="mg2__sub"> <div class="mg2__sub-inner"> <div class="mg2__ch"> <div class="mg2__ch-title">Attribute</div> <div class="mg2__ch-inner mscroll-wrapper"> <div class="mg2__ch-holder mscroll"> <button class="mg2__ch-btn js_mg2" data-slide="1">Color</button> <button class="mg2__ch-btn js_mg2" data-slide="13">Head</button> <button class="mg2__ch-btn js_mg2" data-slide="19">Clothing</button> <button class="mg2__ch-btn js_mg2" data-slide="25">Body</button> <button class="mg2__ch-btn js_mg2" data-slide="31">Filling</button> <button class="mg2__ch-btn js_mg2" data-slide="37">Background</button> </div> </div> </div> <div class="mg2__target-wrapper"> <div class="mg2__target-holder"> <div class="mg2__target m-show-color"> <div class="mg2__subch"> <span class="mg2__subch-btn-ttl"><span>color</span> : Arbitrum network</span> <span class="mg2__subch-btn-ttl"><span>color</span> : aurora network</span> <span class="mg2__subch-btn-ttl"><span>color</span> : avalanche network</span> <span class="mg2__subch-btn-ttl"><span>color</span> : Base network</span> <span class="mg2__subch-btn-ttl"><span>color</span> : BSC network</span> <span class="mg2__subch-btn-ttl"><span>color</span> : ethereum network</span> <span class="mg2__subch-btn-ttl"><span>color</span> : Fantom network</span> <span class="mg2__subch-btn-ttl"><span>color</span> : gnosis network</span> <span class="mg2__subch-btn-ttl"><span>color</span> : optimism network</span> <span class="mg2__subch-btn-ttl"><span>color</span> : Polygon network</span> <span class="mg2__subch-btn-ttl"><span>color</span> : Scroll network</span> <span class="mg2__subch-btn-ttl"><span>color</span> : zkSync network</span> <div class="mg2__subch-inner mscroll-wrapper"> <div class="mg2__subch-holder mscroll"> <button class="mg2__subch-btn js_mg2" aria-label="color Arbitrum" data-slide="1"></button> <button class="mg2__subch-btn js_mg2" aria-label="color aurora" data-slide="2"></button> <button class="mg2__subch-btn js_mg2" aria-label="color avalanche" data-slide="3"></button> <button class="mg2__subch-btn js_mg2" aria-label="color base" data-slide="4"></button> <button class="mg2__subch-btn js_mg2" aria-label="color BSC" data-slide="5"></button> <button class="mg2__subch-btn js_mg2" aria-label="color ethereum" data-slide="6"></button> <button class="mg2__subch-btn js_mg2" aria-label="color Fantom" data-slide="7"></button> <button class="mg2__subch-btn js_mg2" aria-label="color gnosis" data-slide="8"></button> <button class="mg2__subch-btn js_mg2" aria-label="color optimism" data-slide="9"></button> <button class="mg2__subch-btn js_mg2" aria-label="color Polygon" data-slide="10"></button> <button class="mg2__subch-btn js_mg2" aria-label="color Scroll" data-slide="11"></button> <button class="mg2__subch-btn js_mg2" aria-label="color zkSync" data-slide="12"></button> </div> </div> </div> <div class="mg2__description"> Zerion DNA changes colors to reflect the network with the highest balance in your Zerion Wallet. </div> <div class="mg2__net mscroll-wrapper"> <div class="mg2__net-inner m-cols mscroll"> <p>: Arbitrum</p> <p>: aurora</p> <p>: avalanche</p> <p>: base</p> <p>: BSC</p> <p>: ethereum</p> <p>: Fantom</p> <p>: gnosis</p> <p>: optimism</p> <p>: Polygon</p> <p>: Scroll</p> <p>: zkSync</p> </div> </div> </div> </div> <div class="mg2__target-holder"> <div class="mg2__target m-show-head"> <div class="mg2__subch"> <div class="mg2__subch-inner"> <div class="mg2__subch-holder"> <button class="mg2__subch-btn js_mg2" data-slide="13"> <span class="mg2__subch-btn-ttl"><span class="m-txt">level</span> <span class="m-num">1</span></span> </button> <button class="mg2__subch-btn js_mg2" data-slide="14"> <span class="mg2__subch-btn-ttl"><span class="m-txt">level</span> <span class="m-num">2</span></span> </button> <button class="mg2__subch-btn js_mg2" data-slide="15"> <span class="mg2__subch-btn-ttl"><span class="m-txt">level</span> <span class="m-num">3</span></span> </button> <button class="mg2__subch-btn js_mg2" data-slide="16"> <span class="mg2__subch-btn-ttl"><span class="m-txt">level</span> <span class="m-num">4</span></span> </button> <button class="mg2__subch-btn js_mg2" data-slide="17"> <span class="mg2__subch-btn-ttl"><span class="m-txt">level</span> <span class="m-num">5</span></span> </button> <button class="mg2__subch-btn js_mg2" data-slide="18"> <span class="mg2__subch-btn-ttl"><span class="m-txt">level</span> <span class="m-num">6</span></span> </button> </div> </div> </div> <div class="mg2__description"> Zerion DNA adds details to your NFT’s headwear depending on the number of transactions you perform. </div> <div class="mg2__net mscroll-wrapper"> <div class="mg2__net-inner mscroll"> <p>level 1 : <br> 0-10 transactions</p> <p>level 2 : <br> 10-50 transactions</p> <p>level 3 : <br> 50-250 transactions</p> <p>level 4 : <br> 250-500 transactions</p> <p>level 5 : <br> 500-1,000 transactions</p> <p>level 6 : <br> >1,000 transactions</p> </div> </div> </div> </div> <div class="mg2__target-holder"> <div class="mg2__target m-show-clothes"> <div class="mg2__subch"> <div class="mg2__subch-inner"> <div class="mg2__subch-holder"> <button class="mg2__subch-btn js_mg2" data-slide="19"> <span class="mg2__subch-btn-ttl"><span class="m-txt">level</span> <span class="m-num">1</span></span> </button> <button class="mg2__subch-btn js_mg2" data-slide="20"> <span class="mg2__subch-btn-ttl"><span class="m-txt">level</span> <span class="m-num">2</span></span> </button> <button class="mg2__subch-btn js_mg2" data-slide="21"> <span class="mg2__subch-btn-ttl"><span class="m-txt">level</span> <span class="m-num">3</span></span> </button> <button class="mg2__subch-btn js_mg2" data-slide="22"> <span class="mg2__subch-btn-ttl"><span class="m-txt">level</span> <span class="m-num">4</span></span> </button> <button class="mg2__subch-btn js_mg2" data-slide="23"> <span class="mg2__subch-btn-ttl"><span class="m-txt">level</span> <span class="m-num">5</span></span> </button> <button class="mg2__subch-btn js_mg2" data-slide="24"> <span class="mg2__subch-btn-ttl"><span class="m-txt">level</span> <span class="m-num">6</span></span> </button> </div> </div> </div> <div class="mg2__description"> The value of your assets determines the style of your DNA’s the larger the balance, the more elaborate the clothes. </div> <div class="mg2__net mscroll-wrapper"> <div class="mg2__net-inner mscroll"> <p>level 1 : <br> $0-$100</p> <p>level 2 : <br> $100-$1,000</p> <p>level 3 : <br> $1,000-$10,000</p> <p>level 4 : <br> $10,000-$100,000</p> <p>level 5 : <br> $100,000-$1,000,000</p> <p>level 6 : <br> >$1,000,000</p> </div> </div> </div> </div> <div class="mg2__target-holder"> <div class="mg2__target m-show-body"> <div class="mg2__subch"> <div class="mg2__subch-inner"> <div class="mg2__subch-holder"> <button class="mg2__subch-btn js_mg2" data-slide="25"> <span class="mg2__subch-btn-ttl"><span class="m-txt">level</span> <span class="m-num">1</span></span> </button> <button class="mg2__subch-btn js_mg2" data-slide="26"> <span class="mg2__subch-btn-ttl"><span class="m-txt">level</span> <span class="m-num">2</span></span> </button> <button class="mg2__subch-btn js_mg2" data-slide="27"> <span class="mg2__subch-btn-ttl"><span class="m-txt">level</span> <span class="m-num">3</span></span> </button> <button class="mg2__subch-btn js_mg2" data-slide="28"> <span class="mg2__subch-btn-ttl"><span class="m-txt">level</span> <span class="m-num">4</span></span> </button> <button class="mg2__subch-btn js_mg2" data-slide="29"> <span class="mg2__subch-btn-ttl"><span class="m-txt">level</span> <span class="m-num">5</span></span> </button> <button class="mg2__subch-btn js_mg2" data-slide="30"> <span class="mg2__subch-btn-ttl"><span class="m-txt">level</span> <span class="m-num">6</span></span> </button> </div> </div> </div> <div class="mg2__description"> Your Zerion DNA’s body is defined by the amount of time you hold it. Its body will become more transparent over time. </div> <div class="mg2__net mscroll-wrapper"> <div class="mg2__net-inner mscroll"> <p>level 1 : <br> up to 4 weeks</p> <p>level 2 : <br> older than 4 weeks</p> <p>level 3 : <br> older than 13 weeks</p> <p>level 4 : <br> older than 26 weeks</p> <p>level 5 : <br> older than 39 weeks</p> <p>level 6 : <br> older than 52 weeks</p> </div> </div> </div> </div> <div class="mg2__target-holder"> <div class="mg2__target m-show-filling"> <div class="mg2__subch"> <div class="mg2__subch-inner"> <div class="mg2__subch-holder"> <button class="mg2__subch-btn js_mg2" data-slide="31"> <span class="mg2__subch-btn-ttl"><span class="m-txt">level</span> <span class="m-num">1</span></span> </button> <button class="mg2__subch-btn js_mg2" data-slide="32"> <span class="mg2__subch-btn-ttl"><span class="m-txt">level</span> <span class="m-num">2</span></span> </button> <button class="mg2__subch-btn js_mg2" data-slide="33"> <span class="mg2__subch-btn-ttl"><span class="m-txt">level</span> <span class="m-num">3</span></span> </button> <button class="mg2__subch-btn js_mg2" data-slide="34"> <span class="mg2__subch-btn-ttl"><span class="m-txt">level</span> <span class="m-num">4</span></span> </button> <button class="mg2__subch-btn js_mg2" data-slide="35"> <span class="mg2__subch-btn-ttl"><span class="m-txt">level</span> <span class="m-num">5</span></span> </button> <button class="mg2__subch-btn js_mg2" data-slide="36"> <span class="mg2__subch-btn-ttl"><span class="m-txt">level</span> <span class="m-num">6</span></span> </button> </div> </div> </div> <div class="mg2__description"> Your DNA’s filling will be influenced by the number of tokens you hold in your Zerion Wallet. </div> <div class="mg2__net mscroll-wrapper"> <div class="mg2__net-inner mscroll"> <p>level 1 : <br> 0-5 tokens</p> <p>level 2 : <br> 5-10 tokens</p> <p>level 3 : <br> 10-20 tokens</p> <p>level 4 : <br> 20-50 tokens</p> <p>level 5 : <br> 50-100 tokens</p> <p>level 6 : <br> >100 tokens</p> </div> </div> </div> </div> <div class="mg2__target-holder"> <div class="mg2__target m-show-background"> <div class="mg2__subch"> <div class="mg2__subch-inner"> <div class="mg2__subch-holder"> <button class="mg2__subch-btn js_mg2" data-slide="37"> <span class="mg2__subch-btn-ttl"><span class="m-txt">level</span> <span class="m-num">1</span></span> </button> <button class="mg2__subch-btn js_mg2" data-slide="38"> <span class="mg2__subch-btn-ttl"><span class="m-txt">level</span> <span class="m-num">2</span></span> </button> <button class="mg2__subch-btn js_mg2" data-slide="39"> <span class="mg2__subch-btn-ttl"><span class="m-txt">level</span> <span class="m-num">3</span></span> </button> <button class="mg2__subch-btn js_mg2" data-slide="40"> <span class="mg2__subch-btn-ttl"><span class="m-txt">level</span> <span class="m-num">4</span></span> </button> <button class="mg2__subch-btn js_mg2" data-slide="41"> <span class="mg2__subch-btn-ttl"><span class="m-txt">level</span> <span class="m-num">5</span></span> </button> <button class="mg2__subch-btn js_mg2" data-slide="42"> <span class="mg2__subch-btn-ttl"><span class="m-txt">level</span> <span class="m-num">6</span></span> </button> </div> </div> </div> <div class="mg2__description"> The background of your DNA is connected to the amount of gas you’ve spent on transactions in Zerion Wallet. </div> <div class="mg2__net mscroll-wrapper"> <div class="mg2__net-inner mscroll"> <p>level 1 : <br> $0-$50</p> <p>level 2 : <br> $50-$100</p> <p>level 3 : <br> $100-$1,000</p> <p>level 4 : <br> $1,000-$3,000</p> <p>level 5 : <br> $3,000-$5,000</p> <p>level 6 : <br> >$5,000</p> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </section> <section class="section s-get" id="s-wallet"> <div class="inside-wrapper"> <div class="gridrow"> <div class="col-12 col-lg-8 prefix-lg-4"> <div class="s-get__content"> <picture class="s-get__pic"> <source type="image/webp" srcset="img/s06@2x.webp"> <img class="s-get__img" src="img/s06@2x.png" alt=""> </picture> <h2 class="h2 s-get__title"> Get <span class="s-get__zerion"> <svg class="s-get__zerion-logo" width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect width="80" height="80" rx="16" fill="url(#paint0_linear_1104_2062)"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M45.7672 38.9364C37.9427 34.7082 28.4224 29.2251 21.2571 24.7559C19.143 23.2328 20.216 20.0002 22.7711 20.0002H58.2247C60.2024 20.0002 61.5254 22.2053 60.5343 23.8739C58.1519 27.9884 54.6738 33.2124 51.7686 37.3542C50.2092 39.5774 47.6677 39.9594 45.7672 38.9364ZM34.3553 40.3095C41.9207 44.3423 52.5231 50.4755 60.0567 55.1129C62.3845 56.5496 61.457 59.9958 58.7382 59.9958C54.2892 59.9958 47.0598 59.997 39.868 59.9981C32.7504 59.9993 25.6695 60.0004 21.3569 60.0004C19.1837 60.0004 18.0698 57.7453 18.9927 56.1722C22.1116 50.8574 25.617 45.4925 28.5313 41.4871C29.827 39.7003 32.464 39.3002 34.3553 40.3095Z" fill="white"/> <defs> <linearGradient id="paint0_linear_1104_2062" x1="40" y1="0" x2="40" y2="80" gradientUnits="userSpaceOnUse"> <stop stop-color="#56ACFF"/> <stop offset="1" stop-color="#3232DC"/> </linearGradient> </defs> </svg> <span class="tgradient tgradient_p">Zerion</span> </span> wallet </h2> <div class="s-get__btns"> <a href="https://link.zerion.io/a11o6IN0jqb" class="btn" target="_blank"> <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M20.2172 7.8415c-.1341.1035-2.5011 1.4307-2.5011 4.3819 0 3.4136 3.0119 4.6212 3.1021 4.6511-.0139.0736-.4785 1.6539-1.588 3.264-.9894 1.417-2.0226 2.8316-3.5945 2.8316-1.5718 0-1.9763-.9086-3.7909-.9086-1.7683 0-2.397.9385-3.8348.9385-1.4378 0-2.441-1.3111-3.5945-2.9213C3.0795 18.1879 2 15.2505 2 12.4626 2 7.991 4.9218 5.6195 7.7973 5.6195c1.528 0 2.8016.9983 3.7609.9983.913 0 2.3369-1.0581 4.0752-1.0581.6588 0 3.0258.0598 4.5838 2.2818Zm-5.409-4.175c.7189-.8487 1.2274-2.0264 1.2274-3.2042 0-.1633-.0138-.3289-.0439-.4623-1.1696.0437-2.5612.7752-3.4003 1.7436-.6587.7452-1.2736 1.923-1.2736 3.1168 0 .1794.03.3588.0439.4163.074.0138.1942.03.3144.03 1.0494 0 2.3693-.6993 3.1321-1.6401Z" fill="#000" /> </svg> iOS </a> <a href="https://link.zerion.io/901o6IN0jqb" class="btn" target="_blank"> <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="m1.5055 22.6776 10.0922-10.0633 3.5573 3.5467-11.9974 6.6517a1.4976 1.4976 0 0 1-1.4681-.0105l-.184-.1246Zm9.0744-11.0782L.9583 21.1932V2.0057l9.6216 9.5937Zm6.0126-3.9645 4.7006 2.6056c.4619.2569.7485.7379.7485 1.2593 0 .5213-.2866 1.0024-.7485 1.2592l-4.829 2.6766-3.8477-3.8362 3.9761-3.9645ZM1.3991.4149a1.4548 1.4548 0 0 1 .2904-.2176A1.4976 1.4976 0 0 1 3.1576.1868l12.1258 6.7226-3.6857 3.6752L1.3991.4149Z" fill="#000" /> </svg> Google Play </a> <a id="apk-link" href="https://s3.amazonaws.com/android.utils/apk_26.05.2022.21.26_2.0_200001.apk" class="btn" target="_blank"> <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M17.4078 17.0205c0 .4807-.3878.8708-.8694.8708H6.469c-.4807 0-.8699-.39-.8699-.8708V8.0243c2.6395-.0096 8.7971-.0096 11.8087 0v8.9962ZM9.3294 3.4118a.2014.2014 0 0 1-.087.27.2014.2014 0 0 1-.2695-.0873L7.7001 1.1137c-.0506-.0989-.0102-.2185.0879-.2695a.2002.2002 0 0 1 .2695.087l1.2719 2.4807ZM13.9652 3.5163a.1987.1987 0 0 1-.2742.0722.1981.1981 0 0 1-.0722-.2728L15.0126.9021c.0552-.0957.1784-.1297.2732-.0731a.199.199 0 0 1 .0741.2727l-1.3948 2.4146h.0001ZM20.4822 14.581c0 .6997-.5667 1.2677-1.2678 1.2677-.701 0-1.2691-.5676-1.2691-1.2677V9.033c0-.7011.5676-1.2674 1.2691-1.2674.7006 0 1.2678.5663 1.2678 1.2673v5.5481ZM5.0536 14.581c0 .6997-.5686 1.2677-1.2673 1.2677-.7015 0-1.2687-.5676-1.2687-1.2677V9.033c0-.7011.5667-1.2674 1.2687-1.2674.6987 0 1.2673.5663 1.2673 1.2673v5.5481Z" fill="#000" /> <path d="M10.5745 20.9305c0 .6997-.5676 1.2678-1.2696 1.2678-.6996 0-1.2663-.5677-1.2663-1.2678v-5.548c0-.6993.5667-1.2687 1.2663-1.2687.7015 0 1.2696.5694 1.2696 1.2687v5.548ZM14.9724 20.9305c0 .6997-.5676 1.2678-1.2691 1.2678-.6997 0-1.2678-.5677-1.2678-1.2678v-5.548c0-.6993.5677-1.2687 1.2678-1.2687.701 0 1.2691.5694 1.2691 1.2687v5.548ZM11.5035 2.0962c-3.0838 0-5.6235 2.347-5.963 5.3636H17.466c-.3385-3.0167-2.8768-5.3636-5.9625-5.3636ZM8.813 5.3479a.4957.4957 0 0 1-.4973-.4954c0-.2732.2222-.4944.4973-.4944a.4949.4949 0 0 1 0 .9898Zm5.3916 0a.4955.4955 0 0 1-.4963-.4954c0-.2732.2222-.4944.4963-.4944a.494.494 0 0 1 .4955.4944.4942.4942 0 0 1-.4955.4954Z" fill="#000" /> </svg> APK Android </a> </div> <div class="s-get__bottom"> <button data-target="#qrpopup" class="s-get__qr-link js_popup_trigger">Get app link via QR code</button> </div> </div> </div> </div> </div> </section>  <div class="popup js_popup_show_margin js_popup" id="qrpopup"> <div class="popup__fadeclose js_popup_close"></div>  <div class="popup__inner"> <div class="qr"> <h4 class="qr__title"> Download our Mobile App <br> to Create your Zerion Wallet </h4> <p class="qr__txt"> Scan QR code to start exploring <br> all of web3 in one place </p> <img class="qr__qr" src="img/qrCode.png" alt="QRCode"> <p class="qr__note"> The Zerion App is available on both iOS and Android </p> </div> <button class="popup__close js_popup_close"></button> </div>  </div>  <section class="section s-qa" id="s-questions"> <div class="inside-wrapper"> <h2 class="h2 s-qa__title"> Questions </h2> <ul class="s-qa__list qa"> <li class="qa__item js_slidedown"> <button class="qa__trigger js_slidedown_trigger"> What is Zerion? <span class="qa__icon"></span> </button> <div class="qa__text-holder js_slidedown_content"> <div class="gridrow"> <div class="col-12 col-lg-8"> <div class="qa__text"> <p>Zerion is a smart, social wallet and investing tool that helps manage your DeFi and NFT portfolio on mobile.</p> </div> </div> </div> </div> </li> <li class="qa__item js_slidedown"> <button class="qa__trigger js_slidedown_trigger"> What is Zerion DNA? <span class="qa__icon"></span> </button> <div class="qa__text-holder js_slidedown_content"> <div class="gridrow"> <div class="col-12 col-lg-8"> <div class="qa__text"> <p>Zerion Dynamic NFT Avatar (DNA) is a living NFT that evolves with every wallet action. Your Zerion DNA is your on-chain footprint, reflecting the networks you use, assets you hold and gas you’ve spent.</p> </div> </div> </div> </div> </li> <li class="qa__item js_slidedown"> <button class="qa__trigger js_slidedown_trigger"> How can I claim my Zerion DNA? <span class="qa__icon"></span> </button> <div class="qa__text-holder js_slidedown_content"> <div class="gridrow"> <div class="col-12 col-lg-8"> <div class="qa__text"> <p>To get Zerion DNA, you need to: </p> <ol> <li>Install Zerion Wallet mobile app on iOS or Android; </li> <li>Create a wallet or import an existing one via your seed phrase or private key;</li> <li>Open the NFTs tab in Zerion Wallet, tap on the “claim your Zerion DNA” banner and then “Claim DNA.” Minting is free, but you’ll need to have some ETH in your wallet to pay for gas.</li> </ol> </div> </div> </div> </div> </li> <li class="qa__item js_slidedown"> <button class="qa__trigger js_slidedown_trigger"> How can I evolve my NFT? <span class="qa__icon"></span> </button> <div class="qa__text-holder js_slidedown_content"> <div class="gridrow"> <div class="col-12 col-lg-8"> <div class="qa__text"> <p>Zerion DNA’s attributes change with every transaction you make as long as several conditions are met:</p> <ul> <li>You hold Zerion DNA in a Zerion Wallet.</li> <li>You have a green checkmark that means the DNA is set as “Primary” (if you have several DNAs in one address, only the Primary will evolve)</li> <li>You sign transactions with Zerion Wallet (if you also make transactions in another wallet, those will not count). </li> </ul> <p>As long as you hold Zerion DNA in a Zerion Wallet, the body (the number of weeks held) will change, becoming more transparent.</p> </div> </div> </div> </div> </li> <li class="qa__item js_slidedown"> <button class="qa__trigger js_slidedown_trigger"> Is Zerion DNA Transferrable? <span class="qa__icon"></span> </button> <div class="qa__text-holder js_slidedown_content"> <div class="gridrow"> <div class="col-12 col-lg-8"> <div class="qa__text"> <p>If you move your DNA to another Zerion Wallet, its Predictable Attributes will stay the same: </p> <ul> <li>Headwear: the number of transactions made; </li> <li>Body: the number of weeks the DNA was held; </li> <li>Background: gas spent on transactions in Zerion Wallet.</li> </ul> <p>As you transact in the new wallet, these attributes will continue to evolve.</p> <p>Your DNA’s Dynamic Attributes (number of tokens, wallet balance, and preferred network) will update based on the assets and value in the new wallet.</p> </div> </div> </div> </div> </li> <li class="qa__item js_slidedown"> <button class="qa__trigger js_slidedown_trigger"> What happens if I send my DNA NFT to a non-Zerion Wallet? <span class="qa__icon"></span> </button> <div class="qa__text-holder js_slidedown_content"> <div class="gridrow"> <div class="col-12 col-lg-8"> <div class="qa__text"> <p>If you move DNA to a non-Zerion Wallet, you will see a “Locked” label in NFT marketplaces like Opensea and Rarible.</p> <p>A Zerion DNA in a non-Zerion Wallet will not evolve. Even its body (the number of weeks) will not change.</p> </div> </div> </div> </div> </li> <li class="qa__item js_slidedown"> <button class="qa__trigger js_slidedown_trigger"> What happens if I buy a DNA on an NFT marketplace? <span class="qa__icon"></span> </button> <div class="qa__text-holder js_slidedown_content"> <div class="gridrow"> <div class="col-12 col-lg-8"> <div class="qa__text"> <p>If you buy Zerion DNA, its style (e.g., bubbles or stripes) will remain the same, but it will change how it looks.</p> <p>If you send an NFT you bought to a Zerion Wallet, Predictable attributes will stay the same: </p> <ul> <li>Headwear: the number of transactions, </li> <li>Body: the number of weeks the DNA was held, </li> <li>Background: gas spent on transactions in Zerion Wallet.</li> </ul> <p>Dynamic attributes will update to reflect what’s in your new Zerion Wallet. </p> <p>If you buy a DNA for a non-Zerion Wallet, it will show up as “Locked” in NFT marketplaces and will not evolve further.</p> </div> </div> </div> </div> </li> <li class="qa__item js_slidedown"> <button class="qa__trigger js_slidedown_trigger"> How can I set my NFT as Primary? <span class="qa__icon"></span> </button> <div class="qa__text-holder js_slidedown_content"> <div class="gridrow"> <div class="col-12 col-lg-8"> <div class="qa__text"> <p>If you have two Zerion DNAs in one Zerion Wallet address, one of them must be selected as Primary. Only the Primary NFT will evolve.</p> <p>If you have several addresses in your Zerion Wallet, each address can have one Primary DNA.</p> </div> </div> </div> </div> </li> <li class="qa__item js_slidedown"> <button class="qa__trigger js_slidedown_trigger"> What does the label “Locked” mean on some Zerion DNA listings? <span class="qa__icon"></span> </button> <div class="qa__text-holder js_slidedown_content"> <div class="gridrow"> <div class="col-12 col-lg-8"> <div class="qa__text"> <p>If you see a Zerion DNA listed on OpenSea or another marketplace, this means that this DNA is not kept in a Zerion Wallet. A “Locked” DNA will not evolve.</p> <p>If you buy a “Locked” DNA and move it to a Zerion Wallet, the “Locked” label will disappear and the DNA will continue to evolve (please make sure it’s set as “Primary”).</p> </div> </div> </div> </div> </li> <li class="qa__item js_slidedown"> <button class="qa__trigger js_slidedown_trigger"> Why can DNA only be active in a Zerion Wallet? <span class="qa__icon"></span> </button> <div class="qa__text-holder js_slidedown_content"> <div class="gridrow"> <div class="col-12 col-lg-8"> <div class="qa__text"> <p> Zerion DNA is meant to reflect Zerion Wallet transactions and is essential to it. This also allows us to ensure that your DNA’s evolution is tracked accurately and everyone has an equal chance of participating in Zerion’s ecosystem. </p> </div> </div> </div> </div> </li> </ul> </div> </section> </main> <footer class="footer"> <div class="inside-wrapper"> <div class="footer__inner"> <div class="footer__left"> <div class="footer__logo logo" data-scroll="#top"> <h2 class="logo__head">Zerion 搂DNA</h2> <p class="logo__text">: Dynamic NFT Avatar</p> </div> </div> <div class="footer__right"> <nav class="footer__nav nav"> <div class="nav__holder"> <ul class="nav__list"> <li class="nav__item"> <a href="https://zerion.io/" target="_blank" class="nav__link"> : zerion.io </a> </li> <li class="nav__item"> <a href="https://opensea.io/collection/zerion-dna-onepointo" target="_blank" class="nav__link"> : Opensea </a> </li> <li class="nav__item"> <a href="https://x.com/zerion" target="_blank" class="nav__link"> : x </a> </li> <li class="nav__item"> <a href="https://zerion.io/discord" target="_blank" class="nav__link"> : discord </a> </li> <li class="nav__item"> <a href="#s-wallet" data-scroll class="nav__link"> : zerion wallet </a> </li> </ul> </div> </nav> </div> </div> </div> </footer> </div> <script src="js/libs.js?v=1726742294373"></script> <script src="js/main.js?v=1726742294373"></script>  </body> </html>

CINXE.COM

Zerion Dynamic NFT Avatar