velzon/nft-landing.html
2025-05-08 13:13:51 +05:45

964 lines
62 KiB
HTML

<!doctype html>
<html lang="en" data-layout="vertical" data-topbar="light" data-sidebar="dark" data-sidebar-size="lg" data-sidebar-image="none" data-preloader="disable" data-theme="default" data-theme-colors="default">
<!-- Mirrored from themesbrand.com/velzon/html/master/nft-landing.html by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 08 May 2025 07:16:56 GMT -->
<head>
<meta charset="utf-8" />
<title>Landing | Velzon - Admin & Dashboard Template</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta content="Premium Multipurpose Admin & Dashboard Template" name="description" />
<meta content="Themesbrand" name="author" />
<!-- App favicon -->
<link rel="shortcut icon" href="assets/images/favicon.ico">
<!--Swiper slider css-->
<link href="assets/libs/swiper/swiper-bundle.min.css" rel="stylesheet" type="text/css" />
<!-- Layout config Js -->
<script src="assets/js/layout.js"></script>
<!-- Bootstrap Css -->
<link href="assets/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<!-- Icons Css -->
<link href="assets/css/icons.min.css" rel="stylesheet" type="text/css" />
<!-- App Css-->
<link href="assets/css/app.min.css" rel="stylesheet" type="text/css" />
<!-- custom Css-->
<link href="assets/css/custom.min.css" rel="stylesheet" type="text/css" />
</head>
<body data-bs-spy="scroll" data-bs-target="#navbar-example">
<!-- Begin page -->
<div class="layout-wrapper landing">
<nav class="navbar navbar-expand-lg navbar-landing navbar-light fixed-top" id="navbar">
<div class="container">
<a class="navbar-brand" href="index.html">
<img src="assets/images/logo-dark.png" class="card-logo card-logo-dark" alt="logo dark" height="17">
<img src="assets/images/logo-light.png" class="card-logo card-logo-light" alt="logo light" height="17">
</a>
<button class="navbar-toggler py-0 fs-20 text-body" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<i class="mdi mdi-menu"></i>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mx-auto mt-2 mt-lg-0" id="navbar-example">
<li class="nav-item">
<a class="nav-link active" href="#hero">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#wallet">Wallet</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#marketplace">Marketplace</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#categories">Categories</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#creators">Creators</a>
</li>
</ul>
<div class="">
<a href="apps-nft-wallet.html" class="btn btn-success">Wallet Connect</a>
</div>
</div>
</div>
</nav>
<div class="bg-overlay bg-overlay-pattern"></div>
<!-- end navbar -->
<!-- start hero section -->
<section class="section nft-hero" id="hero">
<div class="bg-overlay"></div>
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8 col-sm-10">
<div class="text-center">
<h1 class="display-4 fw-medium mb-4 lh-base text-white">Discover Digital Art & Collect <span class="text-success">NFT Marketplace</span></h1>
<p class="lead text-white-50 lh-base mb-4 pb-2">Can artwork be NFT? NFTs (non-fungible tokens) are one-of-a-kind digital assets. Given they're digital in nature, can physical works of art be turned into NFTs?.</p>
<div class="hstack gap-2 justify-content-center">
<a href="apps-nft-create.html" class="btn btn-primary">Create Own <i class="ri-arrow-right-line align-middle ms-1"></i></a>
<a href="apps-nft-explore.html" class="btn btn-danger">Explore Now <i class="ri-arrow-right-line align-middle ms-1"></i></a>
</div>
</div>
</div><!--end col-->
</div><!-- end row -->
</div><!-- end container -->
</section><!-- end hero section -->
<!-- start wallet -->
<section class="section" id="wallet">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8">
<div class="text-center mb-5">
<h2 class="mb-3 fw-semibold lh-base">Connect NFT Marketplace</h2>
<p class="text-muted">A non-fungible token is a non-interchangeable unit of data stored on a blockchain, a form of digital ledger, that can be sold and traded.</p>
</div>
</div><!-- end col -->
</div><!-- end row -->
<div class="row g-4">
<div class="col-lg-4">
<div class="card text-center border shadow-none material-shadow">
<div class="card-body py-5 px-4">
<img src="assets/images/nft/wallet/metamask.png" alt="" height="55" class="mb-3 pb-2">
<h5>Metamask</h5>
<p class="text-muted pb-1">MetaMask is a popular cryptocurrency wallet known for its ease of use, availability on both desktops.</p>
<a href="#!" class="btn btn-soft-info">Connect Wallet</a>
</div>
</div>
</div><!-- end col -->
<div class="col-lg-4">
<div class="card text-center border shadow-none material-shadow">
<div class="card-body py-5 px-4">
<img src="assets/images/nft/wallet/coinbase.png" alt="" height="55" class="mb-3 pb-2">
<h5>Coinbase Wallet</h5>
<p class="text-muted pb-1">Coinbase Wallet is a self-custody wallet that gives you complete control of your crypto for your Wallet.</p>
<a href="#!" class="btn btn-info">Change Wallet</a>
</div>
</div>
</div>
<!-- end col -->
<div class="col-lg-4">
<div class="card text-center border shadow-none material-shadow">
<div class="card-body py-5 px-4">
<img src="assets/images/nft/wallet/binance.png" alt="" height="55" class="mb-3 pb-2">
<h5>Binance</h5>
<p class="text-muted pb-1">Binance is considered a safe exchange that allows user account protection via the use of Two Authentication.</p>
<a href="#!" class="btn btn-soft-info">Connect Wallet</a>
</div>
</div>
</div><!-- end col -->
</div><!-- end row -->
</div><!-- end container -->
</section><!-- end wallet -->
<!-- start marketplace -->
<section class="section bg-light" id="marketplace">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8">
<div class="text-center mb-5">
<h2 class="mb-3 fw-semibold lh-base">Explore Products</h2>
<p class="text-muted mb-4">Collection widgets specialize in displaying many elements of the same type, such as a collection of pictures from a collection of articles.</p>
<ul class="nav nav-pills filter-btns justify-content-center" role="tablist">
<li class="nav-item" role="presentation">
<button class="nav-link fw-medium active" type="button" data-filter="all">All Items</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link fw-medium" type="button" data-filter="artwork">Artwork</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link fw-medium" type="button" data-filter="music">Music</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link fw-medium" type="button" data-filter="games">Games</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link fw-medium" type="button" data-filter="crypto-card">Crypto Card</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link fw-medium" type="button" data-filter="3d-style">3d Style</button>
</li>
</ul>
</div>
</div><!-- end col -->
</div><!-- end row -->
<div class="row">
<div class="col-lg-4 product-item artwork crypto-card 3d-style">
<div class="card explore-box card-animate">
<div class="bookmark-icon position-absolute top-0 end-0 p-2">
<button type="button" class="btn btn-icon active" data-bs-toggle="button" aria-pressed="true"><i class="mdi mdi-cards-heart fs-16"></i></button>
</div>
<div class="explore-place-bid-img">
<img src="assets/images/nft/img-03.jpg" alt="" class="card-img-top explore-img" />
<div class="bg-overlay"></div>
<div class="place-bid-btn">
<a href="#!" class="btn btn-success"><i class="ri-auction-fill align-bottom me-1"></i> Place Bid</a>
</div>
</div>
<div class="card-body">
<p class="fw-medium mb-0 float-end"><i class="mdi mdi-heart text-danger align-middle"></i> 19.29k </p>
<h5 class="mb-1"><a href="apps-nft-item-details.html">Creative Filtered Portrait</a></h5>
<p class="text-muted mb-0">Photography</p>
</div>
<div class="card-footer border-top border-top-dashed">
<div class="d-flex align-items-center">
<div class="flex-grow-1 fs-14">
<i class="ri-price-tag-3-fill text-warning align-bottom me-1"></i> Highest: <span class="fw-medium">75.3ETH</span>
</div>
<h5 class="flex-shrink-0 fs-14 text-primary mb-0">67.36 ETH</h5>
</div>
</div>
</div>
</div>
<div class="col-lg-4 product-item music crypto-card games">
<div class="card explore-box card-animate">
<div class="bookmark-icon position-absolute top-0 end-0 p-2">
<button type="button" class="btn btn-icon active" data-bs-toggle="button" aria-pressed="true"><i class="mdi mdi-cards-heart fs-16"></i></button>
</div>
<div class="explore-place-bid-img">
<img src="assets/images/nft/img-02.jpg" alt="" class="card-img-top explore-img" />
<div class="bg-overlay"></div>
<div class="place-bid-btn">
<a href="#!" class="btn btn-success"><i class="ri-auction-fill align-bottom me-1"></i> Place Bid</a>
</div>
</div>
<div class="card-body">
<p class="fw-medium mb-0 float-end"><i class="mdi mdi-heart text-danger align-middle"></i> 23.63k </p>
<h5 class="mb-1"><a href="apps-nft-item-details.html">The Chirstoper</a></h5>
<p class="text-muted mb-0">Music</p>
</div>
<div class="card-footer border-top border-top-dashed">
<div class="d-flex align-items-center">
<div class="flex-grow-1 fs-14">
<i class="ri-price-tag-3-fill text-warning align-bottom me-1"></i> Highest: <span class="fw-medium">412.30ETH</span>
</div>
<h5 class="flex-shrink-0 fs-14 text-primary mb-0">394.7 ETH</h5>
</div>
</div>
</div>
</div>
<div class="col-lg-4 product-item artwork music games">
<div class="card explore-box card-animate">
<div class="bookmark-icon position-absolute top-0 end-0 p-2">
<button type="button" class="btn btn-icon active" data-bs-toggle="button" aria-pressed="true"><i class="mdi mdi-cards-heart fs-16"></i></button>
</div>
<div class="explore-place-bid-img">
<img src="https://img.themesbrand.com/velzon/images/img-4.gif" alt="" class="card-img-top explore-img" />
<div class="bg-overlay"></div>
<div class="place-bid-btn">
<a href="#!" class="btn btn-success"><i class="ri-auction-fill align-bottom me-1"></i> Place Bid</a>
</div>
</div>
<div class="card-body">
<p class="fw-medium mb-0 float-end"><i class="mdi mdi-heart text-danger align-middle"></i> 15.93k </p>
<h5 class="mb-1"><a href="apps-nft-item-details.html">Evolved Reality</a></h5>
<p class="text-muted mb-0">Video</p>
</div>
<div class="card-footer border-top border-top-dashed">
<div class="d-flex align-items-center">
<div class="flex-grow-1 fs-14">
<i class="ri-price-tag-3-fill text-warning align-bottom me-1"></i> Highest: <span class="fw-medium">2.75ETH</span>
</div>
<h5 class="flex-shrink-0 fs-14 text-primary mb-0">3.167 ETH</h5>
</div>
</div>
</div>
</div>
<div class="col-lg-4 product-item crypto-card 3d-style">
<div class="card explore-box card-animate">
<div class="bookmark-icon position-absolute top-0 end-0 p-2">
<button type="button" class="btn btn-icon active" data-bs-toggle="button" aria-pressed="true"><i class="mdi mdi-cards-heart fs-16"></i></button>
</div>
<div class="explore-place-bid-img">
<img src="assets/images/nft/img-01.jpg" alt="" class="card-img-top explore-img" />
<div class="bg-overlay"></div>
<div class="place-bid-btn">
<a href="#!" class="btn btn-success"><i class="ri-auction-fill align-bottom me-1"></i> Place Bid</a>
</div>
</div>
<div class="card-body">
<p class="fw-medium mb-0 float-end"><i class="mdi mdi-heart text-danger align-middle"></i> 14.85k </p>
<h5 class="mb-1"><a href="apps-nft-item-details.html">Abstract Face Painting</a></h5>
<p class="text-muted mb-0">Collectibles</p>
</div>
<div class="card-footer border-top border-top-dashed">
<div class="d-flex align-items-center">
<div class="flex-grow-1 fs-14">
<i class="ri-price-tag-3-fill text-warning align-bottom me-1"></i> Highest: <span class="fw-medium">122.34ETH</span>
</div>
<h5 class="flex-shrink-0 fs-14 text-primary mb-0">97.8 ETH</h5>
</div>
</div>
</div>
</div>
<div class="col-lg-4 product-item games music 3d-style">
<div class="card explore-box card-animate">
<div class="bookmark-icon position-absolute top-0 end-0 p-2">
<button type="button" class="btn btn-icon active" data-bs-toggle="button" aria-pressed="true"><i class="mdi mdi-cards-heart fs-16"></i></button>
</div>
<div class="explore-place-bid-img">
<img src="assets/images/nft/img-05.jpg" alt="" class="card-img-top explore-img" />
<div class="bg-overlay"></div>
<div class="place-bid-btn">
<a href="#!" class="btn btn-success"><i class="ri-auction-fill align-bottom me-1"></i> Place Bid</a>
</div>
</div>
<div class="card-body">
<p class="fw-medium mb-0 float-end"><i class="mdi mdi-heart text-danger align-middle"></i> 64.10k </p>
<h5 class="mb-1"><a href="apps-nft-item-details.html">Long-tailed Macaque</a></h5>
<p class="text-muted mb-0">Artwork</p>
</div>
<div class="card-footer border-top border-top-dashed">
<div class="d-flex align-items-center">
<div class="flex-grow-1 fs-14">
<i class="ri-price-tag-3-fill text-warning align-bottom me-1"></i> Highest: <span class="fw-medium">874.01ETH</span>
</div>
<h5 class="flex-shrink-0 fs-14 text-primary mb-0">745.14 ETH</h5>
</div>
</div>
</div>
</div>
<div class="col-lg-4 product-item artwork music crypto-card">
<div class="card explore-box card-animate">
<div class="bookmark-icon position-absolute top-0 end-0 p-2">
<button type="button" class="btn btn-icon active" data-bs-toggle="button" aria-pressed="true"><i class="mdi mdi-cards-heart fs-16"></i></button>
</div>
<div class="explore-place-bid-img">
<img src="assets/images/nft/img-06.jpg" alt="" class="card-img-top explore-img" />
<div class="bg-overlay"></div>
<div class="place-bid-btn">
<a href="#!" class="btn btn-success"><i class="ri-auction-fill align-bottom me-1"></i> Place Bid</a>
</div>
</div>
<div class="card-body">
<p class="fw-medium mb-0 float-end"><i class="mdi mdi-heart text-danger align-middle"></i> 36.42k </p>
<h5 class="mb-1"><a href="apps-nft-item-details.html">Robotic Body Art</a></h5>
<p class="text-muted mb-0">Artwork</p>
</div>
<div class="card-footer border-top border-top-dashed">
<div class="d-flex align-items-center">
<div class="flex-grow-1 fs-14">
<i class="ri-price-tag-3-fill text-warning align-bottom me-1"></i> Highest: <span class="fw-medium">41.658 ETH</span>
</div>
<h5 class="flex-shrink-0 fs-14 text-primary mb-0">34.81 ETH</h5>
</div>
</div>
</div>
</div>
</div>
</div><!-- end container -->
</section>
<!-- end marketplace -->
<!-- start features -->
<section class="section">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8">
<div class="text-center mb-5">
<h2 class="mb-3 fw-semibold lh-base">Create and Sell Your NFTs</h2>
<p class="text-muted">The process of creating an NFT may cost less than a dollar, but the process of selling it can cost up to a thousand dollars. For example, Allen Gannett, a software developer.</p>
</div>
</div><!-- end col -->
</div><!-- end row -->
<div class="row">
<div class="col-lg-3">
<div class="card shadow-none">
<div class="card-body">
<img src="assets/images/nft/wallet.png" alt="" class="avatar-sm">
<h5 class="mt-4">Set up your wallet</h5>
<p class="text-muted fs-14">You have to choose whether to use a hot wallet a cold wallet.</p>
<a href="#!" class="link-success fs-14">Read More <i class="ri-arrow-right-line align-bottom"></i></a>
</div>
</div>
</div><!--end col-->
<div class="col-lg-3">
<div class="card shadow-none">
<div class="card-body">
<img src="assets/images/nft/money.png" alt="" class="avatar-sm">
<h5 class="mt-4">Create your collection</h5>
<p class="text-muted fs-14">Create a collection in Opensea and give it a proper art.</p>
<a href="#!" class="link-success fs-14">Read More <i class="ri-arrow-right-line align-bottom"></i></a>
</div>
</div>
</div><!--end col-->
<div class="col-lg-3">
<div class="card shadow-none">
<div class="card-body">
<img src="assets/images/nft/add.png" alt="" class="avatar-sm">
<h5 class="mt-4">Add your NFT's</h5>
<p class="text-muted fs-14">Go to your profile icon and top right corner creation page.</p>
<a href="#!" class="link-success fs-14">Read More <i class="ri-arrow-right-line align-bottom"></i></a>
</div>
</div>
</div><!--end col-->
<div class="col-lg-3">
<div class="card shadow-none">
<div class="card-body">
<img src="assets/images/nft/sell.png" alt="" class="avatar-sm">
<h5 class="mt-4">Sell Your NFT's</h5>
<p class="text-muted fs-14">Create a collection in Opensea and give Add items and art.</p>
<a href="#!" class="link-success fs-14">Read More <i class="ri-arrow-right-line align-bottom"></i></a>
</div>
</div>
</div><!--end col-->
</div><!--end row-->
</div><!-- end container -->
</section><!-- end features -->
<!-- start plan -->
<section class="section bg-light" id="categories">
<div class="container-fluid">
<div class="row justify-content-center">
<div class="col-lg-5">
<div class="text-center mb-5">
<h2 class="mb-3 fw-semibold lh-base">Trending All Categories</h2>
<p class="text-muted">The process of creating an NFT may cost less than a dollar, but the process of selling it can cost up to a thousand dollars. For example, Allen Gannett, a software developer.</p>
</div>
</div><!-- end col -->
</div><!-- end row -->
<div class="row">
<div class="col-lg-12">
<!-- Swiper -->
<div class="swiper mySwiper pb-4">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="card">
<div class="card-body">
<div class="row g-1 mb-3">
<div class="col-6">
<img src="assets/images/nft/img-06.jpg" alt="" class="img-fluid rounded">
<img src="https://img.themesbrand.com/velzon/images/img-2.gif" alt="" class="img-fluid rounded mt-1">
</div><!--end col-->
<div class="col-6">
<img src="https://img.themesbrand.com/velzon/images/img-5.gif" alt="" class="img-fluid rounded mb-1">
<img src="assets/images/nft/img-03.jpg" alt="" class="img-fluid rounded">
</div><!--end col-->
</div><!--end row-->
<a href="#!" class="float-end"> View All <i class="ri-arrow-right-line align-bottom"></i></a>
<h5 class="mb-0 fs-16"><a href="#!">Artwork <span class="badge bg-success-subtle text-success">206</span></a></h5>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="card">
<div class="card-body">
<div class="row g-1 mb-3">
<div class="col-6">
<img src="assets/images/nft/img-05.jpg" alt="" class="img-fluid rounded">
<img src="https://img.themesbrand.com/velzon/images/img-1.gif" alt="" class="img-fluid rounded mt-1">
</div><!--end col-->
<div class="col-6">
<img src="https://img.themesbrand.com/velzon/images/img-4.gif" alt="" class="img-fluid rounded mb-1">
<img src="assets/images/nft/img-04.jpg" alt="" class="img-fluid rounded">
</div><!--end col-->
</div><!--end row-->
<a href="#!" class="float-end"> View All <i class="ri-arrow-right-line align-bottom"></i></a>
<h5 class="mb-0 fs-16"><a href="#!">Crypto Card <span class="badge bg-success-subtle text-success">743</span></a></h5>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="card">
<div class="card-body">
<div class="row g-1 mb-3">
<div class="col-6">
<img src="assets/images/nft/img-02.jpg" alt="" class="img-fluid rounded">
<img src="https://img.themesbrand.com/velzon/images/img-3.gif" alt="" class="img-fluid rounded mt-1">
</div><!--end col-->
<div class="col-6">
<img src="https://img.themesbrand.com/velzon/images/img-1.gif" alt="" class="img-fluid rounded mb-1">
<img src="assets/images/nft/img-01.jpg" alt="" class="img-fluid rounded">
</div><!--end col-->
</div><!--end row-->
<a href="#!" class="float-end"> View All <i class="ri-arrow-right-line align-bottom"></i></a>
<h5 class="mb-0 fs-16"><a href="#!">Music <span class="badge bg-success-subtle text-success">679</span></a></h5>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="card">
<div class="card-body">
<div class="row g-1 mb-3">
<div class="col-6">
<img src="assets/images/nft/img-03.jpg" alt="" class="img-fluid rounded">
<img src="https://img.themesbrand.com/velzon/images/img-5.gif" alt="" class="img-fluid rounded mt-1">
</div><!--end col-->
<div class="col-6">
<img src="https://img.themesbrand.com/velzon/images/img-2.gif" alt="" class="img-fluid rounded mb-1">
<img src="assets/images/nft/img-05.jpg" alt="" class="img-fluid rounded">
</div><!--end col-->
</div><!--end row-->
<a href="#!" class="float-end"> View All <i class="ri-arrow-right-line align-bottom"></i></a>
<h5 class="mb-0 fs-16"><a href="#!">Games <span class="badge bg-success-subtle text-success">341</span></a></h5>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="card">
<div class="card-body">
<div class="row g-1 mb-3">
<div class="col-6">
<img src="assets/images/nft/img-02.jpg" alt="" class="img-fluid rounded">
<img src="https://img.themesbrand.com/velzon/images/img-3.gif" alt="" class="img-fluid rounded mt-1">
</div><!--end col-->
<div class="col-6">
<img src="https://img.themesbrand.com/velzon/images/img-1.gif" alt="" class="img-fluid rounded mb-1">
<img src="assets/images/nft/img-01.jpg" alt="" class="img-fluid rounded">
</div><!--end col-->
</div><!--end row-->
<a href="#!" class="float-end"> View All <i class="ri-arrow-right-line align-bottom"></i></a>
<h5 class="mb-0 fs-16"><a href="#!">Photography <span class="badge bg-success-subtle text-success">1452</span></a></h5>
</div>
</div>
</div>
</div>
<div class="swiper-pagination swiper-pagination-dark"></div>
</div>
</div>
</div>
</div><!-- end container -->
</section>
<!-- end plan -->
<!-- start Discover Items-->
<section class="section">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-12">
<div class="d-flex align-items-center mb-5">
<h2 class="mb-0 fw-semibold lh-base flex-grow-1">Discover Items</h2>
<a href="apps-nft-explore.html" class="btn btn-primary">View All <i class="ri-arrow-right-line align-bottom"></i></a>
</div>
</div>
</div><!-- end row -->
<div class="row">
<div class="col-lg-4">
<div class="card explore-box card-animate border">
<div class="card-body">
<div class="d-flex align-items-center mb-3">
<img src="assets/images/users/avatar-2.jpg" alt="" class="avatar-xs rounded-circle">
<div class="ms-2 flex-grow-1">
<a href="#!"><h6 class="mb-0 fs-15">Nancy Martino</h6></a>
<p class="mb-0 text-muted fs-13">Owners</p>
</div>
<div class="bookmark-icon">
<button type="button" class="btn btn-icon active" data-bs-toggle="button" aria-pressed="true"><i class="mdi mdi-cards-heart fs-16"></i></button>
</div>
</div>
<div class="explore-place-bid-img overflow-hidden rounded">
<img src="assets/images/nft/img-05.jpg" alt="" class="explore-img w-100">
<div class="bg-overlay"></div>
<div class="place-bid-btn">
<a href="#!" class="btn btn-success"><i class="ri-auction-fill align-bottom me-1"></i> Place Bid</a>
</div>
</div>
<div class="mt-3">
<p class="fw-medium mb-0 float-end"><i class="mdi mdi-heart text-danger align-middle"></i> 19.29k </p>
<h5 class="text-success"><i class="mdi mdi-ethereum"></i> 97.8 ETH </h5>
<h6 class="fs-16 mb-0"><a href="apps-nft-item-details.html">Patterns arts &amp; culture</a></h6>
</div>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="card explore-box card-animate border">
<div class="card-body">
<div class="d-flex align-items-center mb-3">
<img src="assets/images/users/avatar-9.jpg" alt="" class="avatar-xs rounded-circle">
<div class="ms-2 flex-grow-1">
<a href="#!"><h6 class="mb-0 fs-15">Henry Baird</h6></a>
<p class="mb-0 text-muted fs-13">Creators</p>
</div>
<div class="bookmark-icon">
<button type="button" class="btn btn-icon" data-bs-toggle="button" aria-pressed="true"><i class="mdi mdi-cards-heart fs-16"></i></button>
</div>
</div>
<div class="explore-place-bid-img overflow-hidden rounded">
<img src="assets/images/nft/img-03.jpg" alt="" class="explore-img w-100">
<div class="bg-overlay"></div>
<div class="place-bid-btn">
<a href="#!" class="btn btn-success"><i class="ri-auction-fill align-bottom me-1"></i> Place Bid</a>
</div>
</div>
<div class="mt-3">
<p class="fw-medium mb-0 float-end"><i class="mdi mdi-heart text-danger align-middle"></i> 31.64k </p>
<h5 class="text-success"><i class="mdi mdi-ethereum"></i> 475.23 ETH </h5>
<h6 class="fs-16 mb-0"><a href="apps-nft-item-details.html">Evolved Reality</a></h6>
</div>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="card explore-box card-animate border">
<div class="card-body">
<div class="d-flex align-items-center mb-3">
<img src="assets/images/users/avatar-10.jpg" alt="" class="avatar-xs rounded-circle">
<div class="ms-2 flex-grow-1">
<a href="#!"><h6 class="mb-0 fs-15">Diana Kohler</h6></a>
<p class="mb-0 text-muted fs-13">Owners</p>
</div>
<div class="bookmark-icon">
<button type="button" class="btn btn-icon active" data-bs-toggle="button" aria-pressed="true"><i class="mdi mdi-cards-heart fs-16"></i></button>
</div>
</div>
<div class="explore-place-bid-img overflow-hidden rounded">
<img src="https://img.themesbrand.com/velzon/images/img-1.gif" alt="" class="img-fluid explore-img">
<div class="bg-overlay"></div>
<div class="place-bid-btn">
<a href="#!" class="btn btn-success"><i class="ri-auction-fill align-bottom me-1"></i> Place Bid</a>
</div>
</div>
<div class="mt-3">
<p class="fw-medium mb-0 float-end"><i class="mdi mdi-heart text-danger align-middle"></i> 8.34k </p>
<h5 class="text-success"><i class="mdi mdi-ethereum"></i> 701.38 ETH </h5>
<h6 class="fs-16 mb-0"><a href="apps-nft-item-details.html">Long-tailed macaque</a></h6>
</div>
</div>
</div>
</div><!--end col-->
</div><!--end row-->
</div><!--end container-->
</section>
<!--end Discover Items-->
<!-- start Work Process -->
<section class="section bg-light" id="creators">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8">
<div class="text-center mb-5">
<h2 class="mb-3 fw-semibold lh-base">Top Creator This Week</h2>
<p class="text-muted">NFTs are valuable because they verify the authenticity of a non-fungible asset. This makes these assets unique and one of a kind.</p>
</div>
</div>
</div><!-- end row -->
<div class="row">
<div class="col-xl-4 col-md-6">
<div class="card">
<div class="card-body">
<div class="d-flex">
<div class="flex-shink-0">
<img src="assets/images/nft/img-01.jpg" alt="" class="avatar-sm object-fit-cover rounded" />
</div>
<div class="ms-3 flex-grow-1">
<a href="pages-profile.html">
<h5 class="mb-1">Timothy Smith</h5>
</a>
<p class="text-muted mb-0"><i class="mdi mdi-ethereum text-primary fs-14"></i> 4,754 ETH</p>
</div>
<div>
<div class="dropdown float-end">
<button class="btn btn-ghost-primary btn-icon dropdown" type="button" data-bs-toggle="dropdown" aria-expanded="false">
<i class="ri-more-fill align-middle fs-16"></i>
</button>
<ul class="dropdown-menu dropdown-menu-end">
<li><a class="dropdown-item view-item-btn" href="javascript:void(0);">Share</a></li>
<li><a class="dropdown-item edit-item-btn" href="#!" data-bs-toggle="modal">Report</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div><!--end col-->
<div class="col-xl-4 col-md-6">
<div class="card">
<div class="card-body">
<div class="d-flex">
<div class="flex-shink-0">
<img src="assets/images/users/avatar-5.jpg" alt="" class="avatar-sm object-fit-cover rounded">
</div>
<div class="ms-3 flex-grow-1">
<a href="pages-profile.html">
<h5 class="mb-1">Alexis Clarke</h5>
</a>
<p class="text-muted mb-0"><i class="mdi mdi-ethereum text-primary fs-14"></i> 81,369 ETH</p>
</div>
<div>
<div class="dropdown float-end">
<button class="btn btn-ghost-primary btn-icon dropdown" type="button" data-bs-toggle="dropdown" aria-expanded="false">
<i class="ri-more-fill align-middle fs-16"></i>
</button>
<ul class="dropdown-menu dropdown-menu-end">
<li><a class="dropdown-item view-item-btn" href="javascript:void(0);">Share</a></li>
<li><a class="dropdown-item edit-item-btn" href="#!" data-bs-toggle="modal">Report</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div><!--end col-->
<div class="col-xl-4 col-md-6">
<div class="card">
<div class="card-body">
<div class="d-flex">
<div class="flex-shink-0">
<img src="assets/images/nft/img-06.jpg" alt="" class="avatar-sm object-fit-cover rounded">
</div>
<div class="ms-3 flex-grow-1">
<a href="pages-profile.html">
<h5 class="mb-1">Glen Matney</h5>
</a>
<p class="text-muted mb-0"><i class="mdi mdi-ethereum text-primary fs-14"></i> 13,156 ETH</p>
</div>
<div>
<div class="dropdown float-end">
<button class="btn btn-ghost-primary btn-icon dropdown" type="button" data-bs-toggle="dropdown" aria-expanded="false">
<i class="ri-more-fill align-middle fs-16"></i>
</button>
<ul class="dropdown-menu dropdown-menu-end">
<li><a class="dropdown-item view-item-btn" href="javascript:void(0);">Share</a></li>
<li><a class="dropdown-item edit-item-btn" href="#!" data-bs-toggle="modal">Report</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<!--end col-->
<div class="col-xl-4 col-md-6">
<div class="card">
<div class="card-body">
<div class="d-flex">
<div class="flex-shink-0">
<img src="https://img.themesbrand.com/velzon/images/img-5.gif" alt="" class="avatar-sm object-fit-cover rounded">
</div>
<div class="ms-3 flex-grow-1">
<a href="pages-profile.html">
<h5 class="mb-1">Herbert Stokes</h5>
</a>
<p class="text-muted mb-0"><i class="mdi mdi-ethereum text-primary fs-14"></i> 34,754 ETH</p>
</div>
<div>
<div class="dropdown float-end">
<button class="btn btn-ghost-primary btn-icon dropdown" type="button" data-bs-toggle="dropdown" aria-expanded="false">
<i class="ri-more-fill align-middle fs-16"></i>
</button>
<ul class="dropdown-menu dropdown-menu-end">
<li><a class="dropdown-item view-item-btn" href="javascript:void(0);">Share</a></li>
<li><a class="dropdown-item edit-item-btn" href="#!" data-bs-toggle="modal">Report</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<!--end col-->
<div class="col-xl-4 col-md-6">
<div class="card">
<div class="card-body">
<div class="d-flex">
<div class="flex-shink-0">
<img src="assets/images/users/avatar-8.jpg" alt="" class="avatar-sm object-fit-cover rounded">
</div>
<div class="ms-3 flex-grow-1">
<a href="pages-profile.html">
<h5 class="mb-1">Michael Morris</h5>
</a>
<p class="text-muted mb-0"><i class="mdi mdi-ethereum text-primary fs-14"></i> 13,841 ETH</p>
</div>
<div>
<div class="dropdown float-end">
<button class="btn btn-ghost-primary btn-icon dropdown" type="button" data-bs-toggle="dropdown" aria-expanded="false">
<i class="ri-more-fill align-middle fs-16"></i>
</button>
<ul class="dropdown-menu dropdown-menu-end">
<li><a class="dropdown-item view-item-btn" href="javascript:void(0);">Share</a></li>
<li><a class="dropdown-item edit-item-btn" href="#!" data-bs-toggle="modal">Report</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<!--end col-->
<div class="col-xl-4 col-md-6">
<div class="card">
<div class="card-body">
<div class="d-flex">
<div class="flex-shink-0">
<img src="assets/images/nft/img-02.jpg" alt="" class="avatar-sm object-fit-cover rounded">
</div>
<div class="ms-3 flex-grow-1">
<a href="pages-profile.html">
<h5 class="mb-1">James Morris</h5>
</a>
<p class="text-muted mb-0"><i class="mdi mdi-ethereum text-primary fs-14"></i> 63,710 ETH</p>
</div>
<div>
<div class="dropdown float-end">
<button class="btn btn-ghost-primary btn-icon dropdown" type="button" data-bs-toggle="dropdown" aria-expanded="false">
<i class="ri-more-fill align-middle fs-16"></i>
</button>
<ul class="dropdown-menu dropdown-menu-end">
<li><a class="dropdown-item view-item-btn" href="javascript:void(0);">Share</a></li>
<li><a class="dropdown-item edit-item-btn" href="#!" data-bs-toggle="modal">Report</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<!--end col-->
</div>
</div><!-- end container -->
</section><!-- end Work Process -->
<!-- start cta -->
<section class="py-5 bg-primary position-relative">
<div class="bg-overlay bg-overlay-pattern opacity-50"></div>
<div class="container">
<div class="row align-items-center gy-4">
<div class="col-sm">
<div>
<h4 class="text-white mb-0 fw-semibold">Create and Sell Your NFT's</h4>
</div>
</div>
<!-- end col -->
<div class="col-sm-auto">
<div>
<a href="apps-nft-create.html" class="btn bg-gradient btn-danger">Create NFT</a>
<a href="apps-nft-explore.html" class="btn bg-gradient btn-info">Discover More</a>
</div>
</div>
<!-- end col -->
</div>
<!-- end row -->
</div>
<!-- end container -->
</section>
<!-- end cta -->
<!-- Start footer -->
<footer class="custom-footer bg-dark py-5 position-relative">
<div class="container">
<div class="row">
<div class="col-lg-4 mt-4">
<div>
<div>
<img src="assets/images/logo-light.png" alt="logo light" height="17">
</div>
<div class="mt-4">
<p>Premium Multipurpose Admin & Dashboard Template</p>
<p>You can build any type of web application like eCommerce, CRM, CMS, Project management apps, Admin Panels, etc using Velzon.</p>
</div>
</div>
</div>
<div class="col-lg-7 ms-lg-auto">
<div class="row">
<div class="col-sm-4 mt-4">
<h5 class="text-white mb-0">Company</h5>
<div class="text-muted mt-3">
<ul class="list-unstyled ff-secondary footer-list">
<li><a href="pages-profile.html">About Us</a></li>
<li><a href="pages-gallery.html">Gallery</a></li>
<li><a href="apps-projects-overview.html">Projects</a></li>
<li><a href="pages-timeline.html">Timeline</a></li>
</ul>
</div>
</div>
<div class="col-sm-4 mt-4">
<h5 class="text-white mb-0">Apps Pages</h5>
<div class="text-muted mt-3">
<ul class="list-unstyled ff-secondary footer-list">
<li><a href="pages-pricing.html">Calendar</a></li>
<li><a href="apps-mailbox.html">Mailbox</a></li>
<li><a href="apps-chat.html">Chat</a></li>
<li><a href="apps-crm-deals.html">Deals</a></li>
<li><a href="apps-tasks-kanban.html">Kanban Board</a></li>
</ul>
</div>
</div>
<div class="col-sm-4 mt-4">
<h5 class="text-white mb-0">Support</h5>
<div class="text-muted mt-3">
<ul class="list-unstyled ff-secondary footer-list">
<li><a href="pages-faqs.html">FAQ</a></li>
<li><a href="pages-faqs.html">Contact</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="row text-center text-sm-start align-items-center mt-5">
<div class="col-sm-6">
<div>
<p class="copy-rights mb-0">
<script> document.write(new Date().getFullYear()) </script> © Velzon - Themesbrand
</p>
</div>
</div>
<div class="col-sm-6">
<div class="text-sm-end mt-3 mt-sm-0">
<ul class="list-inline mb-0 footer-social-link">
<li class="list-inline-item">
<a href="javascript: void(0);" class="avatar-xs d-block">
<div class="avatar-title rounded-circle">
<i class="ri-facebook-fill"></i>
</div>
</a>
</li>
<li class="list-inline-item">
<a href="javascript: void(0);" class="avatar-xs d-block">
<div class="avatar-title rounded-circle">
<i class="ri-github-fill"></i>
</div>
</a>
</li>
<li class="list-inline-item">
<a href="javascript: void(0);" class="avatar-xs d-block">
<div class="avatar-title rounded-circle">
<i class="ri-linkedin-fill"></i>
</div>
</a>
</li>
<li class="list-inline-item">
<a href="javascript: void(0);" class="avatar-xs d-block">
<div class="avatar-title rounded-circle">
<i class="ri-google-fill"></i>
</div>
</a>
</li>
<li class="list-inline-item">
<a href="javascript: void(0);" class="avatar-xs d-block">
<div class="avatar-title rounded-circle">
<i class="ri-dribbble-line"></i>
</div>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</footer>
<!-- end footer -->
<!--start back-to-top-->
<button onclick="topFunction()" class="btn btn-danger btn-icon landing-back-top" id="back-to-top">
<i class="ri-arrow-up-line"></i>
</button>
<!--end back-to-top-->
</div>
<!-- end layout wrapper -->
<!-- JAVASCRIPT -->
<script src="assets/libs/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/libs/simplebar/simplebar.min.js"></script>
<script src="assets/libs/node-waves/waves.min.js"></script>
<script src="assets/libs/feather-icons/feather.min.js"></script>
<script src="assets/js/pages/plugins/lord-icon-2.1.0.js"></script>
<script src="assets/js/plugins.js"></script>
<!--Swiper slider js-->
<script src="assets/libs/swiper/swiper-bundle.min.js"></script>
<script src="assets/js/pages/nft-landing.init.js"></script>
</body>
<!-- Mirrored from themesbrand.com/velzon/html/master/nft-landing.html by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 08 May 2025 07:17:01 GMT -->
</html>