404.html

<!DOCTYPE html>
<!--[if IE 8 ]><html class="no-js oldie ie8" lang="en"> <![endif]-->
<!--[if IE 9 ]><html class="no-js oldie ie9" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html class="no-js" lang="en"> <!--<![endif]-->
<head>

   <!--- basic page needs
   ================================================== -->
   <meta charset="utf-8">
	<title>geoLEARN - 404</title>
	<meta name="description" content="">
	<meta name="author" content="">

   <!-- mobile specific metas
   ================================================== -->
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

 	<!-- CSS
   ================================================== -->
   <link rel="stylesheet" href="pages/css/base.css">
   <link rel="stylesheet" href="pages/css/main.css">
   <link rel="stylesheet" href="pages/css/vendor.css">

   <!-- script
   ================================================== -->
	<script src="js/modernizr.js"></script>

   <!-- favicons
	================================================== -->
	<link rel="icon" type="image/x-icon" href="favicon.ico">

</head>

<body>

	<!-- header
   ================================================== -->
   <header class="main-header">
   	<div class="row">
   		<div class="logo">
	         <a href="index.html"></a>
	      </div>
   	</div>

   	<!-- <a class="menu-toggle" href="#"><span>Menu</span></a> -->
   </header> <!-- /header -->

   <!-- navigation
   ================================================== -->
   <!-- <nav id="menu-nav-wrap">

   	<h5>Site Pages</h5>
		<ul class="nav-list">
			<li><a href="#" title="">Home</a></li>
			<li><a href="#" title="">About</a></li>
			<li><a href="#" title="">Portfolio</a></li>
			<li><a href="#" title="">Blog</a></li>
			<li><a href="#" title="">FAQ</a></li>
			<li><a href="#" title="">Contact</a></li>
		</ul>

		<h5>Some Text</h5>
		<p>Lorem ipsum Non non Duis adipisicing pariatur eu enim Ut in aliqua dolor esse sed est in sit exercitation eiusmod aliquip consequat.</p>

	</nav> -->

	<!-- main content
   ================================================== -->
   <main id="main-404-content" class="main-content-particle-js">

   	<div class="content-wrap">

		   <div class="shadow-overlay"></div>

		   <div class="main-content">
		   	<div class="row">
		   		<div class="col-twelve">

			  			<h1 class="kern-this">404 Error.</h1>
			  			<p>
						Oooooops! Looks like nothing was found at this location.
						Maybe try one of the links below or try a search?
			  			</p>
              <div class="col-five tab-full bottom-links">
              <ul class="links">
                <li><a href="index.html">Home</a></li>
                <li><a href="http://geolearn.ca/AIM">AIM</a></li>
                <li><a href="contact.html">Contact us</a></li>
              </ul>

              <!-- <div class="credits">
                <p>Design by <a href="http://www.styleshout.com/" title="styleshout">styleshout</a></p>
              </div> -->
              </div>


			  			<!-- <div class="search">
				      	<form>
								<input type="text" id="s" name="s" class="search-field" placeholder="Type and hit enter …">
							</form>
				      </div> -->

			   	</div> <!-- /twelve -->
		   	</div> <!-- /row -->
		   </div> <!-- /main-content -->


		</div> <!-- /content-wrap -->

   </main> <!-- /main-404-content -->

   <div id="preloader">
    	<div id="loader"></div>
   </div>

   <!-- Java Script
   ================================================== -->
   <script src="pages/js/jquery-2.1.3.min.js"></script>
   <!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script> -->
   <script src="pages/js/plugins.js"></script>
   <script src="pages/js/main.js"></script>

</body>

</html>