<!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('Sitemap')"></div>
</th:block>

<head>

</head>

<body>
	<div layout:fragment="content">
		<!-- start page title -->
		<div th:replace="partials/page-title :: page-title('Sitemap','Pages')"></div>

		<div class="row">
			<div class="col-lg-12">
				<div class="card">
					<div class="card-header">
						<h4 class="card-title mb-0">Responsive Sitemap</h4>
					</div>
					<div class="card-body">
						<div class="sitemap-content">
							<figure class="sitemap-horizontal">
								<ul class="administration">
									<li>
										<ul class="director">
											<li>
												<a href="javascript:void(0);" class="fw-semibold"><span>Velzon
														Admin</span></a>
												<ul class="subdirector">
													<li><a href="javascript:void(0);" class="fw-semibold"><span>Contact
																Us</span></a></li>
												</ul>
												<ul class="departments">
													<li><a href="javascript:void(0);" class="fw-semibold"><span>Main
																Pages</span></a></li>

													<li class="department">
														<a href="javascript:void(0);" class="fw-semibold"><span>Account
																Management</span></a>
														<ul>
															<li><a href="javascript:void(0);"><span>Sign Up</span></a>
															</li>
															<li><a href="javascript:void(0);"><span>Login</span></a>
															</li>
															<li><a href="javascript:void(0);"><span>Profile
																		Settings</span></a></li>
															<li><a href="javascript:void(0);"><span>Modify
																		Reservation</span></a></li>
															<li><a href="javascript:void(0);"><span>Cancel
																		Reservation</span></a></li>
															<li><a href="javascript:void(0);"><span>Write
																		Reviews</span></a></li>
														</ul>
													</li>
													<li class="department">
														<a href="javascript:void(0);" class="fw-semibold"><span>About
																Us</span></a>
														<ul>
															<li><a href="javascript:void(0);"><span>Overview</span></a>
															</li>
															<li><a href="javascript:void(0);"><span>Connect Via Social
																		Media</span></a></li>
															<li><a href="javascript:void(0);"><span>Careers</span></a>
															</li>
															<li><a href="javascript:void(0);"><span>Team
																		Members</span></a></li>
															<li><a href="javascript:void(0);"><span>Policies</span></a>
															</li>
														</ul>
													</li>
													<li class="department">
														<a href="javascript:void(0);" class="fw-semibold"><span>Book a
																Trip</span></a>
														<ul>
															<li><a href="javascript:void(0);"><span>Travel
																		Details</span></a></li>
															<li><a href="javascript:void(0);"><span>Reservation
																		Process</span></a></li>
															<li><a href="javascript:void(0);"><span>Payment
																		Option</span></a></li>
															<li><a
																	href="javascript:void(0);"><span>Comfirmation</span></a>
															</li>
														</ul>
													</li>
													<li class="department">
														<a href="javascript:void(0);"
															class="fw-semibold"><span>Destination</span></a>
														<ul>
															<li><a
																	href="javascript:void(0);"><span>Architecture</span></a>
															</li>
															<li><a href="javascript:void(0);"><span>Art</span></a></li>
															<li><a
																	href="javascript:void(0);"><span>Entertainment</span></a>
															</li>
															<li>
																<a href="javascript:void(0);"><span>History</span></a>
															</li>
															<li>
																<a href="javascript:void(0);"><span>Science</span></a>
															</li>
															<li>
																<a href="javascript:void(0);"><span>Sports</span></a>
															</li>
															<li>
																<a href="javascript:void(0);"><span>Music</span></a>
															</li>
															<li><a href="javascript:void(0);"><span>Tracking
																		Camp</span></a></li>
														</ul>
													</li>
													<li class="department">
														<a href="javascript:void(0);" class="fw-semibold"><span>Travel
																Tips</span></a>
														<ul>
															<li><a href="javascript:void(0);"><span>General
																		Travel</span></a></li>
															<li><a href="javascript:void(0);"><span>Helpth
																		Concerns</span></a></li>
															<li><a href="javascript:void(0);"><span>Safety
																		Measures</span></a></li>
															<li>
																<a href="javascript:void(0);"><span>FAQ's</span></a>
															</li>
														</ul>
													</li>
												</ul>
											</li>
										</ul>
									</li>
								</ul>
							</figure>
						</div>
						<!--end sitemap-content-->
					</div>
					<!--end card-body-->
				</div>
				<!--end card-->
			</div>
			<!--end col-->
		</div>
		<!--end row-->

		<div class="row">
			<div class="col-lg-12">
				<div class="card">
					<div class="card-header">
						<h4 class="card-title mb-0">Horizontal</h4>
					</div>
					<div class="card-body">
						<div class="hori-sitemap">
							<ul class="list-unstyled mb-0">
								<li class="p-0 parent-title"><a href="javascript: void(0);" class="fw-semibold fs-14">My
										Account</a></li>
								<li>
									<ul class="list-unstyled second-list row g-0 pt-0">
										<li class="col-sm-3">
											<a href="javascript: void(0);" class="fw-semibold sub-title">About Us</a>
											<ul class="list-unstyled row g-0 second-list">
												<li class="col-sm-6">
													<a href="javascript: void(0);">Overview</a>
												</li>
												<li class="col-sm-6">
													<a href="javascript: void(0);">History</a>
												</li>
											</ul>
										</li>
										<li class="col-sm-3">
											<a href="javascript: void(0);" class="fw-semibold">My self-care Plan</a>
											<ul class="list-unstyled second-list pt-0">
												<li>
													<div>
														<a href="javascript: void(0);">Basic</a>
														<a href="javascript: void(0);">Early Physiotherapy</a>
														<a href="javascript: void(0);">Intermediate Physiotherapy</a>
														<a href="javascript: void(0);">Return to Normal Activity</a>
													</div>
												</li>
											</ul>
										</li>
										<li class="col-sm-3">
											<a href="javascript: void(0);" class="fw-semibold sub-title">Support Us</a>
											<ul class="list-unstyled row g-0 sub-list">
												<li class="col-sm-6">
													<a href="javascript: void(0);">Contact Us</a>
												</li>
												<li class="col-sm-6">
													<a href="javascript: void(0);">Customer Services</a>
													<ul class="list-unstyled second-list">
														<li>
															<div>
																<a href="javascript: void(0);">Chat With Us</a>
																<a href="javascript: void(0);">Connect Information</a>
																<a href="javascript: void(0);">FAQ'S</a>
															</div>
														</li>
													</ul>
												</li>
											</ul>
										</li>
										<li class="col-sm-3">
											<a href="javascript: void(0);" class="fw-semibold">Terms & Conditions</a>
										</li>
									</ul>
								</li>

							</ul>
						</div>
					</div>
					<!--end card-body-->
				</div>
				<!--end card-->
			</div>
			<!--end col-->
		</div>
		<!--end row-->

		<div class="row">
			<div class="col-lg-12">
				<div class="card">
					<div class="card-header">
						<h4 class="card-title mb-0">Vertical</h4>
					</div>
					<div class="card-body">
						<div class="row">
							<div class="col-sm-6">
								<div class="verti-sitemap">
									<ul class="list-unstyled mb-0">
										<li class="p-0 parent-title"><a href="javascript: void(0);"
												class="fw-medium fs-14">Nancy Martino - Project Director</a>
										</li>
										<li>
											<div class="first-list">
												<div class="list-wrap">
													<a href="javascript: void(0);" class="fw-medium text-primary">Erica
														Kernan - Team Leader</a>
												</div>
												<ul class="second-list list-unstyled">
													<li>
														<a href="javascript: void(0);">Jason McQuaid - Member</a>
													</li>
													<li>
														<a href="javascript: void(0);">Elwood Arter - Member</a>
													</li>
												</ul>
											</div>
											<div class="first-list">
												<div class="list-wrap">
													<a href="javascript: void(0);" class="fw-medium text-primary">Mary
														Jones - Project Manager</a>
												</div>
												<ul class="second-list list-unstyled">
													<li><a href="javascript: void(0);">Jordyn Jones - Designer</a></li>
													<li><a href="javascript: void(0);">Ashlee Haney - Developer</a></li>
													<li><a href="javascript: void(0);">Rashad Charles - BackEnd
															Developer</a></li>
													<li>
														<a href="javascript: void(0);">Walter Newman - Frontend
															Developer</a>
													</li>
													<li><a href="javascript: void(0);">Adam Moss - Designer</a></li>
												</ul>
											</div>
											<div class="first-list">
												<div class="list-wrap">
													<a href="javascript: void(0);" class="fw-medium text-primary">Tilly
														Kent - Executive Manager</a>
												</div>
												<ul class="second-list list-unstyled">
													<li>
														<a href="javascript: void(0);">Tyler Porter - Account
															Executive</a>
													</li>
													<li>
														<a href="javascript: void(0);">Alicia Thompson - Sales
															Executive</a>
														<ul class="third-list list-unstyled">
															<li><a href="javascript: void(0);">Jack Coates - Member</a>
															</li>
															<li><a href="javascript: void(0);">Owen Jarvis - Member</a>
															</li>
															<li><a href="javascript: void(0);">Ashlee Haney - Member</a>
															</li>
															<li><a href="javascript: void(0);">Archie Cook - Member</a>
															</li>
														</ul>
													</li>
												</ul>
											</div>
											<div class="first-list">
												<div class="list-wrap">
													<a href="javascript: void(0);" class="fw-medium text-primary">Rachel
														Rose - HR</a>
												</div>
											</div>
										</li>
									</ul>
								</div>
							</div>
							<!--end col-->

							<div class="col-sm-6">
								<div class="verti-sitemap">
									<ul class="list-unstyled mb-0">
										<li class="p-0 parent-title"><a href="javascript: void(0);"
												class="fw-medium fs-14">Velzon</a></li>
										<li>
											<div class="first-list">
												<div class="list-wrap">
													<a href="javascript: void(0);" class="fw-medium text-primary"><i
															class="ri-airplay-line me-1 align-bottom"></i>
														Dashboards</a>
												</div>
												<ul class="second-list list-unstyled">
													<li>
														<a href="javascript: void(0);">Analytics</a>
													</li>
													<li>
														<a href="javascript: void(0);">CRM</a>
													</li>
												</ul>
											</div>
											<div class="first-list">
												<div class="list-wrap">
													<a href="javascript: void(0);" class="fw-medium text-primary"><i
															class="ri-pencil-ruler-2-line me-1 align-bottom"></i> App
														Pages</a>
												</div>
												<ul class="second-list list-unstyled">
													<li><a href="javascript: void(0);">Calender</a></li>
													<li><a href="javascript: void(0);">Chat</a></li>
													<li><a href="javascript: void(0);">Email</a></li>
													<li><a href="javascript: void(0);">Ecommerce</a></li>
													<li><a href="javascript: void(0);">Projects</a></li>
													<li><a href="javascript: void(0);">Tasks</a></li>
												</ul>
											</div>
											<div class="first-list">
												<div class="list-wrap">
													<a href="javascript: void(0);" class="fw-medium text-primary"><i
															class="ri-file-list-3-line me-1 align-bottom"></i> Pages</a>
												</div>
											</div>
											<div class="first-list">
												<div class="list-wrap">
													<a href="javascript: void(0);" class="fw-medium text-primary"><i
															class="ri-stack-line me-1 align-bottom"></i> Components</a>
												</div>
												<ul class="second-list list-unstyled">
													<li>
														<a href="javascript: void(0);">Base UI</a>
													</li>
													<li>
														<a href="javascript: void(0);">Advance UI</a>
														<ul class="third-list list-unstyled">
															<li><a href="javascript: void(0);">Sweet Alerts</a></li>
															<li><a href="javascript: void(0);">Range Slider</a></li>
															<li><a href="javascript: void(0);">Nestable List</a></li>
														</ul>
													</li>
												</ul>
											</div>
										</li>
									</ul>
								</div>
							</div>
						</div>
						<!--end row-->
					</div>
					<!--end card-body-->
				</div>
				<!--end card-->
			</div>
			<!--end col-->
		</div>
		<!--end row-->
	</div>

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

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