<!doctype html>
<html xmlns:th="http://www.thymeleaf.org" xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout" layout:decorate="~{layout}">

<th:block layout:fragment="pagetitle">
	<!--page title-->
	<div th:replace="partials/title-meta :: title-meta('Marketplace')"></div>
</th:block>

<head>

</head>

<body>
	<div layout:fragment="content">
		<div th:replace="partials/page-title :: page-title('Marketplace','NFT Marketplace')"></div>
		<div class="row">
			<div class="col-xl-8">
				<div class="row">
					<div class="col-lg-4 col-md-6">
						<div class="card">
							<div class="card-body">
								<div class="row g-1 mb-3">
									<div class="col-lg-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-lg-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="#!" class="text-reset">Crypto Card <span class="badge badge-soft-success">743</span></a></h5>
							</div>
						</div>
					</div>
					<!--end col-->
					<div class="col-lg-4 col-md-6">
						<div class="card">
							<div class="card-body">
								<div class="row g-1 mb-3">
									<div class="col-lg-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-lg-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="#!" class="text-reset">Artwork <span class="badge badge-soft-success">206</span></a></h5>
							</div>
						</div>
					</div>
					<!--end col-->
					<div class="col-lg-4 col-md-6">
						<div class="card">
							<div class="card-body">
								<div class="row g-1 mb-3">
									<div class="col-lg-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-lg-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="#!" class="text-reset">Music <span class="badge badge-soft-success">679</span></a></h5>
							</div>
						</div>
					</div>
					<!--end col-->
				</div>
			</div>
			<!--end col-->
			<div class="col-xl-4">
				<div class="alert alert-danger">
					Up to <b>50% OFF</b>, Hurry up before the stock ends
				</div>
				<div class="card bg-primary" style="background-image: url('assets/images/nft/bg-pattern.png');">
					<div class="card-body p-4">
						<span class="badge bg-info fw-medium mb-3 fs-12">Trending Artwork</span>
						<h4 class="text-white lh-base">Discover, Collect, Sell and Create your own NFT</h4>
						<p class="text-white-75 mb-3">Take advantage of the first text-based NFT. Select a text or write your own and let it live forever on the Ethereum blockchain you or future owners can add text to an existing ChainText token..</p>
						<div class="hstack gap-2">
							<a href="apps-nft-create.html" class="btn btn-success">Create NFT</a>
							<a href="apps-nft-explore.html" class="btn btn-danger">Explore Now</a>
						</div>
					</div>
				</div>
			</div>
			<!--end col-->
		</div>
		<!--end row-->

		<div class="row">
			<div class="col-lg-12">
				<div class="card overflow-hidden shadow-none">
					<div class="card-body bg-soft-success text-success fw-semibold d-flex">
						<marquee class="fs-14">
							NFT art is a digital asset that is collectable, unique, and non-transferrable, Cortes explained. Every NFT is unique in it's creative design and cannot be duplicated, making them limited and rare. NFTs get their value because the transaction proves ownership of the art.
						</marquee>
					</div>
				</div>
			</div>
			<!--end col-->
		</div>
		<!--end row-->

		<div class="row">
			<div class="col-lg-12">
				<div class="d-lg-flex align-items-center mb-4">
					<div class="flex-grow-1">
						<h5 class="card-title mb-0 fw-semibold fs-16">Trending Artwork</h5>
					</div>
					<div class="flex-shrink-0 mt-4 mt-lg-0">
						<a href="apps-nft-explore.html" class="btn btn-soft-secondary">View All <i class="ri-arrow-right-line align-bottom"></i></a>
					</div>
				</div>
			</div>
		</div>

		<div class="row row-cols-xl-5 row-cols-lg-3 row-cols-md-2 row-cols-1">
			<div class="col">
				<div class="card explore-box">
					<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">
								<h6 class="mb-0 fs-15">Nancy Martino</h6>
								<p class="mb-0 text-muted">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="img-fluid explore-img">
							<div class="bg-overlay"></div>
							<div class="place-bid-btn">
								<a href="#!" class="btn btn-secondary"><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" class="text-reset">Patterns Arts & Culture</a></h6>
						</div>
					</div>
				</div>
			</div>
			<div class="col">
				<div class="card explore-box">
					<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">
								<h6 class="mb-0 fs-15">Henry Baird</h6>
								<p class="mb-0 text-muted">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="img-fluid explore-img">
							<div class="bg-overlay"></div>
							<div class="place-bid-btn">
								<a href="#!" class="btn btn-secondary"><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" class="text-reset">Evolved Reality</a></h6>
						</div>
					</div>
				</div>
			</div>
			<div class="col">
				<div class="card explore-box">
					<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">
								<h6 class="mb-0 fs-15">Diana Kohler</h6>
								<p class="mb-0 text-muted">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-secondary"><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" class="text-reset">Long-tailed Macaque</a></h6>
						</div>
					</div>
				</div>
			</div>
			<div class="col">
				<div class="card explore-box">
					<div class="card-body">
						<div class="d-flex align-items-center mb-3">
							<img src="/assets/images/users/avatar-8.jpg" alt="" class="avatar-xs rounded-circle" />
							<div class="ms-2 flex-grow-1">
								<h6 class="mb-0 fs-15">James Price</h6>
								<p class="mb-0 text-muted">Owners</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-06.jpg" alt="" class="img-fluid explore-img">
							<div class="bg-overlay"></div>
							<div class="place-bid-btn">
								<a href="#!" class="btn btn-secondary"><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> 29.20k </p>
							<h5 class="text-success"><i class="mdi mdi-ethereum"></i> 917.83 ETH </h5>
							<h6 class="fs-16 mb-0"><a href="apps-nft-item-details.html" class="text-reset">Robotic Body Art</a></h6>
						</div>
					</div>
				</div>
			</div>
			<div class="col">
				<div class="card explore-box">
					<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">
								<h6 class="mb-0 fs-15">Rickey Teran</h6>
								<p class="mb-0 text-muted">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="https://img.themesbrand.com/velzon/images/img-3.gif" alt="" class="img-fluid explore-img">
							<div class="bg-overlay"></div>
							<div class="place-bid-btn">
								<a href="#!" class="btn btn-secondary"><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> 78.34k </p>
							<h5 class="text-success"><i class="mdi mdi-ethereum"></i> 571.24 ETH </h5>
							<h6 class="fs-16 mb-0"><a href="apps-nft-item-details.html" class="text-reset">Creative Filtered Portrait</a></h6>
						</div>
					</div>
				</div>
			</div>
			<!--end col-->
		</div>
		<!--end row-->

		<div class="row">
			<div class="col-lg-12">
				<div class="d-lg-flex align-items-center mb-4">
					<div class="flex-grow-1">
						<h5 class="card-title mb-0 fw-semibold fs-16">Recent NFTs Artwork</h5>
					</div>
					<div class="flex-shrink-0 mt-4 mt-lg-0">
						<a href="apps-nft-creators.html" class="btn btn-soft-secondary">View All <i class="ri-arrow-right-line align-bottom"></i></a>
					</div>
				</div>
			</div>
		</div>

		<div class="row row-cols-xl-5 row-cols-lg-3 row-cols-md-2 row-cols-1">
			<div class="col">
				<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-secondary"><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 fs-16"><a href="apps-nft-item-details.html" class="text-reset">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">
				<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-2.gif" alt="" class="card-img-top explore-img" />
						<div class="bg-overlay"></div>
						<div class="place-bid-btn">
							<a href="#!" class="btn btn-secondary"><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> 94.1k </p>
						<h5 class="mb-1 fs-16"><a href="apps-nft-item-details.html" class="text-reset">Trendy Fashion Portraits</a></h5>
						<p class="text-muted mb-0">3d Style</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">674.92 ETH</span>
							</div>
							<h5 class="flex-shrink-0 fs-14 text-primary mb-0">563.81 ETH</h5>
						</div>
					</div>
				</div>
			</div>
			<div class="col">
				<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-04.jpg" alt="" class="card-img-top explore-img" />
						<div class="bg-overlay"></div>
						<div class="place-bid-btn">
							<a href="#!" class="btn btn-secondary"><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> 34.12k </p>
						<h5 class="mb-1 fs-16"><a href="apps-nft-item-details.html" class="text-reset">Smillevers Crypto</a></h5>
						<p class="text-muted mb-0">Crypto Card</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 class="col">
				<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-secondary"><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 fs-16"><a href="apps-nft-item-details.html" class="text-reset">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">
				<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-secondary"><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 fs-16"><a href="apps-nft-item-details.html" class="text-reset">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>

		<div class="row">
			<div class="col-lg-12">
				<div class="d-lg-flex align-items-center mb-4">
					<div class="flex-grow-1">
						<h5 class="card-title mb-0 fw-semibold fs-16">Popular Creators</h5>
					</div>
					<div class="flex-shrink-0 mt-4 mt-lg-0">
						<a href="apps-nft-creators.html" class="btn btn-soft-secondary">View All <i class="ri-arrow-right-line align-bottom"></i></a>
					</div>
				</div>
			</div>
		</div>

		<div class="row row-cols-xl-5 row-cols-lg-3 row-cols-md-2 row-cols-1">
			<div class="col">
				<div class="card">
					<img src="/assets/images/nft/img-03.jpg" alt="" class="card-img-top object-cover" height="120">
					<div class="card-body text-center">
						<img src="/assets/images/users/avatar-1.jpg" alt="" class="avatar-md mt-n5 rounded-circle mx-auto d-block object-cover">
						<h5 class="fs-16 mt-3 mb-1"><a href="#!" class="text-reset">Tonya Noble</a></h5>
						<p class="text-muted">5048 Products</p>
						<div>
							<button class="btn btn-primary btn-sm">Follow</button>
						</div>
					</div>
				</div>
			</div>
			<!--end col-->
			<div class="col">
				<div class="card">
					<img src="https://img.themesbrand.com/velzon/images/img-5.gif" alt="" class="card-img-top object-cover" height="120">
					<div class="card-body text-center">
						<img src="/assets/images/nft/img-04.jpg" alt="" class="avatar-md mt-n5 rounded-circle mx-auto d-block object-cover">
						<h5 class="fs-16 mt-3 mb-1"><a href="#!" class="text-reset">Kevin Dawson</a></h5>
						<p class="text-muted">649 Products</p>
						<div>
							<button class="btn btn-soft-primary btn-sm">Unfollow</button>
						</div>
					</div>
				</div>
			</div>
			<!--end col-->
			<div class="col">
				<div class="card">
					<img src="/assets/images/nft/img-01.jpg" alt="" class="card-img-top object-cover" height="120">
					<div class="card-body text-center">
						<img src="/assets/images/nft/img-06.jpg" alt="" class="avatar-md mt-n5 rounded-circle mx-auto d-block object-cover">
						<h5 class="fs-16 mt-3 mb-1"><a href="#!" class="text-reset">Herbert Stokes</a></h5>
						<p class="text-muted">918 Products</p>
						<div>
							<button class="btn btn-soft-primary btn-sm">Unfollow</button>
						</div>
					</div>
				</div>
			</div>
			<!--end col-->
			<div class="col">
				<div class="card">
					<img src="/assets/images/nft/img-05.jpg" alt="" class="card-img-top object-cover" height="120">
					<div class="card-body text-center">
						<img src="https://img.themesbrand.com/velzon/images/img-2.gif" alt="" class="avatar-md mt-n5 rounded-circle mx-auto d-block object-cover">
						<h5 class="fs-16 mt-3 mb-1"><a href="#!" class="text-reset">Thomas Taylor</a></h5>
						<p class="text-muted">345 Products</p>
						<div>
							<button class="btn btn-primary btn-sm">Follow</button>
						</div>
					</div>
				</div>
			</div>
			<!--end col-->
			<div class="col">
				<div class="card">
					<img src="/assets/images/nft/img-02.jpg" alt="" class="card-img-top object-cover" height="120">
					<div class="card-body text-center">
						<img src="https://img.themesbrand.com/velzon/images/img-1.gif" alt="" class="avatar-md mt-n5 rounded-circle mx-auto d-block object-cover">
						<h5 class="fs-16 mt-3 mb-1"><a href="#!" class="text-reset">James Price</a></h5>
						<p class="text-muted">745 Products</p>
						<div>
							<button class="btn btn-primary btn-sm">Follow</button>
						</div>
					</div>
				</div>
			</div>
			<!--end col-->
		</div>
		<!--end row-->
	</div>


	<th:block layout:fragment="modal">
	</th:block>

	<th:block layout:fragment="pagejs">

	</th:block>
</body>