<!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>
	<!--page title-->
	<div th:replace="partials/title-meta :: title-meta('Offline Page')"></div>

	<!-- Page CSS -->
	<div th:replace="partials/head-css :: head-css"></div>
</head>

<body>
	<!-- auth-page wrapper -->
	<div class="auth-page-wrapper auth-bg-cover py-5 d-flex justify-content-center align-items-center min-vh-100">
		<div class="bg-overlay"></div>
		<!-- auth-page content -->
		<div class="auth-page-content overflow-hidden pt-lg-5">
			<div class="container">
				<div class="row justify-content-center">
					<div class="col-xl-5">
						<div class="card overflow-hidden">
							<div class="card-body p-4">
								<div class="text-center">
									<img src="https://img.themesbrand.com/velzon/images/auth-offline.gif" alt=""
										height="210">
									<h3 class="mt-4 fw-semibold">We're currently offline</h3>
									<p class="text-muted mb-4 fs-14">We can't show you this images because you aren't
										connected to the internet. When you’re back online refresh the page or hit the
										button below</p>
									<button class="btn btn-secondary btn-border"
										onClick="window.location.href=window.location.href"><i
											class="ri-refresh-line align-bottom"></i> Refresh</button>
								</div>
							</div>
						</div>
						<!-- end card -->
					</div>
					<!-- end col -->

				</div>
				<!-- end row -->
			</div>
			<!-- end container -->
		</div>
		<!-- end auth page content -->
	</div>
	<!-- end auth-page-wrapper -->
	<div th:replace="partials/vendor-scripts :: scripts"></div>
</body>

</html>