<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="shortcut icon" href="assets/img/icon-title.png" type="image/png">
	<title>appICE | Error Page</title>

	<link href="assets/plugins/jquery-ui/themes/base/minified/jquery-ui.min.css" rel="stylesheet" />
	<link href="assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
	<link href="assets/css/style.home.css" rel="stylesheet" />
	<link href="assets/css/theme/default.new.css" rel="stylesheet" id="theme" />

</head>
<style>
	/* === HEADING STYLE #2 === */
.two h1 {
  text-transform: capitalize;
}
.two h1:before {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 60px;
  height: 2px;
  content: "";
  background-color: #c50000;
}
.btn.btn-primary {
    color: #fff;
    background: #348fe2;
    border-color: #348fe2;
}
.btn {
    padding: 15px 30px;
    font-size: 14px;
    font-weight: 500;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.two h1 span {
  font-size: 13px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 4px;
  line-height: 3em;
  padding-left: 0.25em;
  color: rgba(0, 0, 0, 0.4);
  padding-bottom: 10px;
}
.alt-two h1 {
  text-align:center;
}
.alt-two h1:before {
  left:50%; margin-left:-30px;
}
.container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh; /* Adjust the height as needed */
}
.content {
  text-align: center;
}

</style>
<body style="background-image: url('assets/img/login-bg/bg-8.jpg');">

	<div class="container">
		<div class="content">
			<div class="two">
        <h1>An error occurred.<br/>
          Sorry, the page you are looking for is currently unavailable. <br />
				  <span> 
            Please try again later.
          </span>
				</h1>
			  </div>
        <a style="" type=button class="btn btn-primary btn-lg" id="pageId" value='Go Home' >Go Home</a>

		</div>
	</div>
</body>
</html>

<script nonce="<%=nonce%>">
document.getElementById('pageId').addEventListener('click', function(){
  document.getElementById('pageId').href = '/login';
})
</script>