<!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">
<title>Eversmart</title>

<!-- Bootstrap -->
<link href="<?= base_url(); ?>css/bootstrap.css" rel="stylesheet">
<link href="<?= base_url(); ?>css/styles.css" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet"> 
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet"> 
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body>
<div class="loginOuter">
<header>
<div class="logo">
	<a href="#"><img src="<?= base_url(); ?>img/logo.png"></a>
</div>

<div class="headerNav">
	<ul class="navInner">
    	<li>
        	<a href="<?= base_url(); ?>index.php/portal"><img src="<?= base_url(); ?>img/loginIcon.png">Login</a>
        </li>
        <li>
        	<a href="http://54.218.78.31:85/dashboard/Evermart_Site/register.html"><img src="<?= base_url(); ?>img/signUpIcon.png">Signup</a>
        </li>
    </ul>
</div>
</header>


<div class="loginBox">







<div class="loginInner 404-page">
<div class="main">
		<h3>Company Name</h3>
		<!---728x90--->
		<h1>Oops Could not found</h1>
		<p>There's a lot of reasons why this page is<span class="error"> 404</span>.<br>
			<span>Don't waste your time enjoying the look of it</span></p>
			<!---728x90--->
			<div class="search">
				<form>
					<input type="text" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Enter ur email';}" value="Enter ur email">
					<input type="submit" value="Submit">		
				</form>
			</div>
			
		<div class="icons">
		<p>Follow us on:</p>
		  <ul>
		  	 <li><a href="#"><img src="images/img1.png"></a></li>
		     <li><a href="#"><img src="images/img2.png"></a></li>
		     <li><a href="#"><img src="images/img3.png"></a></li>
		     <li><a href="#"><img src="images/img4.png"></a></li>
		     <li><a href="#"><img src="images/img5.png"></a></li>
		  </ul>	
	   </div>
   </div>

</div>










<!--loginInner-->
</div><!--loginBox-->

<footer>
	<div class="footerNav">
        <ul>
            <li><a href="#">Home</a></li>
            <li><a href="#">Switch Now</a></li>
            <li><a href="#">Home Service</a></li>
            <li><a href="#">About</a></li>
            <li><a href="#">Help</a></li>
        </ul>
    </div>
    <div class="copyright"> © Copyright 2017, Eversmart Energy. All Rights Reserved </div>


</footer>

</div>



<!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> 
<script src="<?= base_url(); ?>js/jquery-1.11.2.min.js"></script>
<script src="<?= base_url(); ?>js/common.js"></script>

<!-- Include all compiled plugins (below), or include individual files as needed --> 
<script src="<?= base_url(); ?>js/bootstrap.js"></script>
</body>
</html>
