staging.crossmint.com
Open in
urlscan Pro
2606:4700:20::681a:bda
Public Scan
URL:
https://staging.crossmint.com/collections/crossmint-claims-demo/claim
Submission: On January 04 via api from US — Scanned from DE
Submission: On January 04 via api from US — Scanned from DE
Form analysis 1 forms found in the DOM
<form>
<div class="p-4 shadow-md md:p-8" style="background-color: rgb(251, 253, 248); color: rgb(11, 31, 21); border-radius: 8px;">
<div class="flex flex-col justify-between mb-6 space-y-3 md:space-y-0 md:flex-row">
<div class="flex flex-col space-y-1 w-[250px]">
<h1 class="font-bold text-custom-text-primary text-2xl text-inherit">Crossmint Claims Demo</h1>
<p class="text-custom-text-secondary text-sm capitalize text-inherit opacity-80">Chain: polygon</p>
</div>
<div class="flex flex-row space-x-2 space-y-0 md:flex-col md:space-x-0 md:space-y-1">
<h1 class="font-bold text-custom-text-primary text-2xl capitalize text-xl leading-6 font-[500] lg:text-[18px] md:font-bold text-start lg:text-end text-inherit" role="price">Free</h1>
</div>
</div>
<div>
<h3 class="font-semibold text-custom-text-primary text-base mb-3 mb-1 text-inherit">Destination</h3>
<p class="text-custom-text-secondary text-sm text-inherit opacity-80">Choose where you would like to receive for your items.</p>
</div>
<style>
.active-tab {
background-color: rgba(54, 179, 126, 0.25);
border-color: rgba(54, 179, 126, 0.5);
}
.active-tab p {
color: rgba(11, 31, 21, 1) !important;
}
.inactive-tab p {
color: rgba(11, 31, 21, 0.75) !important;
}
.inactive-tab:hover {
background-color: rgba(208, 232, 215, 0.25);
}
.tab-item {
color: #0b1f15;
border-radius: 8px;
}
.tab {
background-color: rgba(208, 232, 215, 0.3);
border-radius: 8px;
}
</style>
<div class="w-full">
<div class="hidden"><label for="tabs" class="sr-only">Select a tab</label><select id="tabs" name="tabs"
class="block w-full py-2 pl-3 pr-10 text-base border-gray-300 rounded-md focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm">
<option value="email">Email</option>
<option value="wallet">Wallet</option>
</select></div>
<div class="block">
<div class="">
<nav class="flex flex-grow -mb-px space-x-8 p-[0.25rem] space-x-[0.125rem] rounded-[0.5rem] bg-[#F8F9FB] justify-center w-full !my-4 tab" aria-label="Tabs">
<div
class="flex justify-center items-center border-[#E6EEF1] bg-white active-tab text-sm text-[#59797F] tab-text cursor-pointer flex flex-row w-full justify-center items-center text-sm px-[1rem] py-[0.5rem] rounded-[0.5rem] border border-solid tab-item">
<p aria-current="page" role="tab">Email</p>
</div>
<div
class="flex justify-center items-center border-transparent bg-transparent hover:bg-[#E6EEF1] hover:rounded-lg inactive-tab text-sm text-[#59797F] tab-text cursor-pointer flex flex-row w-full justify-center items-center text-sm px-[1rem] py-[0.5rem] rounded-[0.5rem] border border-solid tab-item">
<p role="tab">Wallet</p>
</div>
</nav>
</div>
</div>
</div>
<div class="w-full">
<div class="space-y-3">
<div class="space-y-2">
<div class="flex h-10 border transition rounded-default border-custom-border" style="background-color: transparent; border-color: rgba(11, 31, 21, 0.2); --tw-ring-color: #36B37E; border-radius: 8px;">
<div class="rounded-l-default"></div><input class="py-2.5 px-3.5 text-sm h-full rounded-default focus-visible:outline-none w-full placeholder:text-[#67797F] truncate w-full" required="" placeholder="email@email.com" type="text"
role="mint-email" value="" style="background-color: transparent; border-color: rgba(11, 31, 21, 0.2); --tw-ring-color: #36B37E; border-radius: 8px;">
</div>
<p class="text-custom-text-secondary text-sm text-xs">A Crossmint wallet associated with this email will be created for you. We will send you a receipt by email to inform you about the status of your order.</p>
</div>
</div>
</div>
<div class="py-4"></div><button type="submit" role="claim-nft-button" disabled=""
class="text-center rounded-md disabled:opacity-25 disabled:transition-none disabled:cursor-not-allowed transition group font-medium bg-custom-primary enabled:hover:bg-custom-primary-hover text-white py-3 px-4 text-sm w-full button-loaded px-7"
style="background-color: rgb(54, 179, 126); border-radius: 8px;">
<div class="relative flex items-center justify-center"><span class="flex items-center">Claim NFT</span></div>
</button>
<div class="py-2 mt-2 space-y-2">
<p class="text-custom-text-secondary text-sm !text-xs">By continuing, you accept Crossmint’s
<a target="_blank" class="text-link underline underline-offset-1 text-sm !text-xs text-[#1A73E8]" href="https://www.crossmint.com/legal/terms-of-service">Terms</a> and
<a target="_blank" class="text-link underline underline-offset-1 text-sm !text-xs text-[#1A73E8]" href="https://www.crossmint.com/legal/privacy-policy">Privacy Policy</a>.</p>
</div>
</div>
</form>Text Content
EN ABOUT THE COLLECTION Contract Address: 0xbB…8cf2 Claim your NFT for free! CROSSMINT CLAIMS DEMO Chain: polygon FREE DESTINATION Choose where you would like to receive for your items. Select a tabEmailWallet Email Wallet A Crossmint wallet associated with this email will be created for you. We will send you a receipt by email to inform you about the status of your order. Claim NFT By continuing, you accept Crossmint’s Terms and Privacy Policy. ABOUT THE COLLECTION Contract Address: 0xbB…8cf2 Claim your NFT for free! Powered by Crossmint /collections/crossmint-claims-demo/claim × We value your privacy We use cookies to enhance your browsing experience and analyze our traffic. By clicking "Allow all cookies", you consent to our use of cookies. Read more Save & Close Allow all cookies Settings Hide details