<!doctype html>
<html>
<head>
<meta name="viewport" content="width=device-width, maximum-scale=1, initial-scale=1, user-scalable=0">
<meta charset="utf-8">
<title>Couldn't find the page - 404 Not Found</title>
<link href="assets/front/css/bootstrap.min.css" rel="stylesheet">
<link href="../assets/front/css/bootstrap.min.css" rel="stylesheet">
<style>
body {
	/*background-color: #534051;*/
  background-color: #8bc2d2;
}
.error-box {
	color: #fff;
	font-weight: 600;
	margin-top: 100px;
	text-align: center;
}
.error-box .message-small {
	font-size: 24px;
	line-height:28px;
}
.error-box .message-big {
	font-size: 160px;
	line-height: 180px;
	color:#fff;
	text-shadow: 1px 1px 1px #666, 0 0 2px #333;
}
</style>
<script>
function goBack()
  {
  window.history.back()
  }
</script>
</head>

<body>
<div class="row-fluid">
<div class="span8 offset2">
  <div class="error-box">
    <div class="message-small">Sorry! the page doesn't seem to be exist.</div>
    <div class="clearfix"></div>
    <div class="message-big">404</div>
    <div class="clearfix"></div>
    <div class="message-small">Try clicking on the Homepage or back button to find what you're after.</div>
    <div class="clearfix"></div>
    <div style="margin-top: 50px"> <a onClick="goBack()" class="btn btn-info"> <i class="icon-arrow-left icon-white"></i> Go Back </a> <a href="<?php echo config_item('base_url'); ?>" class="btn btn-primary"> <i class="icon-home icon-white"></i> Homepage </a></div>
  </div>
</div>
</div>
</body>
</html>