404.html

<!DOCTYPE html>
<!------------------------------------------------------------------
* Bootstrap Responsive Web Application Template
* Email: heyalexluna@gmail.com
* Version: 1.1
* Last change: 2020-03-02
* Author: Alexis Luna
* Copyright 2019 Alexis Luna
* Website: https://github.com/mralexisluna/bootstrap-responsive-web-application-template
------------------------------------------------------------------->
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, shrink-to-fit=no">
		<title>Bootstrap Responsive Web Application Template</title>

        <!-- Favicon -->
        <link rel="shortcut icon" href="assets/images/logo/favicon.png">

        <!-- plugins css -->
		<link rel="stylesheet" href="assets/vendors/bootstrap/dist/css/bootstrap.css" />
		<link rel="stylesheet" href="assets/vendors/PACE/themes/blue/pace-theme-minimal.css" />
		<link rel="stylesheet" href="assets/vendors/perfect-scrollbar/css/perfect-scrollbar.min.css" />

		<!-- core css -->
		<link href="assets/css/themify-icons.css" rel="stylesheet">
		<link href="assets/css/font-awesome.min.css" rel="stylesheet">
		<link href="assets/css/flag-icon.min.css" rel="stylesheet">
		<link href="assets/css/animate.min.css" rel="stylesheet">
		<link href="assets/css/app.css" rel="stylesheet">
	</head>

	<body>
		<div class="app">
			<div class="authentication">
				<div class="page-404 container">
					<div class="row">
						<div class="col-md-6">
							<div class="full-height">
								<div class="vertical-align full-height pdd-horizon-70">
									<div class="table-cell">
										<h1 class="text-dark font-size-80 text-light">Opps!</h1>
										<p class="lead lh-1-8">Hello there, You seem to be lost, but don't worry,<br>we'ill get you back on track...</p>
										<a href="" class="btn btn-primary">Get Me Back!</a>
									</div>
								</div>
							</div>
						</div>
						<div class="col-md-5 ml-auto hidden-sm hidden-xs">
							<div class="full-height height-100">
								<div class="vertical-align full-height">
									<div class="table-cell">
										<img class="img-responsive" src="assets/images/others/404.png" alt="">
									</div>
								</div>
							</div>	
						</div>
					</div>
				</div>
			</div>
		</div>

		<!-- build:js assets/js/vendor.js -->
		<!-- plugins js -->
		<script src="assets/vendors/jquery/dist/jquery.min.js"></script>
		<script src="assets/vendors/popper.js/dist/umd/popper.min.js"></script>
		<script src="assets/vendors/bootstrap/dist/js/bootstrap.js"></script>
		<script src="assets/vendors/PACE/pace.min.js"></script>
		<script src="assets/vendors/perfect-scrollbar/js/perfect-scrollbar.jquery.js"></script>
		<script src="assets/js/fontawesome.min.js"></script>
		<script src="assets/js/solid.min.js"></script>
		<!-- endbuild -->

		<!-- build:js assets/js/app.min.js -->
        <!-- core js -->
		<script src="assets/js/app.js"></script>
        <!-- endbuild -->

		<!-- page js -->

	</body>
</html>