<!doctype html>
<html xmlns:th="http://www.thymeleaf.org" xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout" lang="en" data-layout="vertical" data-topbar="light" data-sidebar="dark" data-sidebar-size="lg" data-sidebar-image="none" data-preloader="disable">

<head>
	<div th:replace="partials/title-meta :: title-meta('Landing')"></div>
	<!--Swiper slider css-->
	<link href="/assets/libs/swiper/swiper-bundle.min.css" rel="stylesheet" type="text/css" />

	<div th:replace="partials/head-css :: head-css"></div>
</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="/">
					<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" class="btn btn-primary">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-secondary">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" class="btn btn-primary">Create Own <i class="ri-arrow-right-line align-middle ms-1"></i></a>
								<a href="/apps-nft-explore" class="btn btn-secondary">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">
							<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-primary">Connect Wallet</a>
							</div>
						</div>
					</div><!-- end col -->
					<div class="col-lg-4">
						<div class="card text-center border shadow-none">
							<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-secondary">Change Wallet</a>
							</div>
						</div>
					</div>
					<!-- end col -->
					<div class="col-lg-4">
						<div class="card text-center border shadow-none">
							<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-primary">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">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">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">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">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">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">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-secondary 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-secondary 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-secondary 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-secondary 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 badge-soft-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 badge-soft-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 badge-soft-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 badge-soft-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 badge-soft-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" 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">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">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">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-cover rounded" />
									</div>
									<div class="ms-3 flex-grow-1">
										<a href=/"pages-profile">
											<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-cover rounded">
									</div>
									<div class="ms-3 flex-grow-1">
										<a href="/pages-profile">
											<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-cover rounded">
									</div>
									<div class="ms-3 flex-grow-1">
										<a href="/pages-profile">
											<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-cover rounded">
									</div>
									<div class="ms-3 flex-grow-1">
										<a href="/pages-profile">
											<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-cover rounded">
									</div>
									<div class="ms-3 flex-grow-1">
										<a href="/pages-profile">
											<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-cover rounded">
									</div>
									<div class="ms-3 flex-grow-1">
										<a href="/pages-profile">
											<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" class="btn bg-gradient btn-success">Create NFT</a>
							<a href="/apps-nft-explore" class="btn bg-gradient btn-secondary">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">About Us</a></li>
										<li><a href="/pages-gallery">Gallery</a></li>
										<li><a href="/apps-projects-overview">Projects</a></li>
										<li><a href="/pages-timeline">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">Calendar</a></li>
										<li><a href="/apps-mailbox">Mailbox</a></li>
										<li><a href="/apps-chat">Chat</a></li>
										<li><a href="/apps-crm-deals">Deals</a></li>
										<li><a href="/apps-tasks-kanban">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">FAQ</a></li>
										<li><a href="/pages-faqs">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 -->

	<div th:replace="partials/vendor-scripts :: scripts"></div>
	<!--Swiper slider js-->
	<script src="/assets/libs/swiper/swiper-bundle.min.js"></script>

	<!-- landing init -->
	<script src="/assets/js/pages/nft-landing.init.js"></script>
	<!--<script src="/assets/js/app.js"></script>-->


</body>