404.html

---
layout: default
permalink: /404.html
---

<header>
	<!--intro-->
	<div class="view">
		<video class="video-intro" poster="https://mdbootstrap.com/img/Photos/Others/background.jpg" playsinline autoplay muted loop>
			<source src="/resources/video/404.mp4" type="video/mp4">
		</video>

		<!--mask&FlexBox-->
		<div class="mask rgba-black-strong d-flex justify-content-center align-items-center">
			<!--container-->
			<div class="container flex-center">
				<!--row-->
				<div class="row">
					<!--column-->
					<!--<div class="col-md-12 wow fadeIn mb-3 px-5 mx-5">-->
						<!--<div class="card card-body rgba-white-slight text-center white-text">-->
							<!--<h1 class="display-1 font-weight-light rgba-black-light mb-2 py-2 code wow fadeInDown" data-wow-delay="0.2s">-->
								<!--Error 404
							</h1>-->

							<!--<h4 class="subtext-header mt-2 mb-4 wow fadeInDown" data-wow-delay="0.2s">-->
								<!--Opps! Page Not Found </h4>-->

							<!--<p class="white-text pb-5 wow fadeIn" data-wow-delay="0.4s">-->
								<!--The page you're looking for is not found. Please try again later. </p>-->

							<div class="wow fadeInUp mb-3" data-wow-delay="0.2s">
								<a class="btn btn-rounded btn-white"  href="javascript:history.back()">
									<i class="fas fa-chevron-left mr-1 grey-text" aria-hidden="true"></i>
									back
								</a>
								<a class="btn btn-rounded btn-outline-white" href="/">
									<i class="fas fa-home mr-1 grey-text" aria-hidden="true"></i>
									home
								</a>
							</div>
						<!--</div>-->
					<!--</div>-->
					<!--/column-->
				</div>
				<!--/row-->
			</div>
			<!--/container-->
		</div>
		<!--/mask&FlexBox-->
	</div>
	<!--/intro-->
</header>