<!DOCTYPE html>
<html>
<head>
<title>Sacco Manager</title>
<!-- Bootstrap 3.3.4 -->
<link href="<?php echo base_url();?>bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<!-- jQuery 2.1.4 -->
<script src="<?php echo base_url();?>plugins/jQuery/jQuery-2.1.4.min.js"></script>
<!-- jQuery UI 1.11.4 -->
<script src="<?php echo base_url();?>plugins/jQueryUI/jquery-ui.min.js" type="text/javascript"></script>
<!-- FontAwesome 4.3.0 -->
<link href="<?php echo base_url();?>plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
<!-- Custom Theme files -->
<!--theme-style-->
<link href="<?php echo base_url();?>dist/css/external_style.css" rel="stylesheet" type="text/css" media="all" />	
<!--//theme-style-->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

</head>
<body> 
<!--login modal-->
<div id="loginModal" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
  <div class="modal-dialog">
  <div class="modal-content">
      <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
          <h2 class="text-left">Log in to your account</h2>
      </div>
      <div class="modal-body">
          <form class="col-md-12 center-block" role="form" action="<?php echo site_url(); ?>/dashboard/login" method="post"w>
            <div class="form-group">
              <label for="national_id_no">National ID NO.</label>
              <input type="text" class="form-control input-lg" name="national_id_no" placeholder="National ID NO.">
            </div>
            <div class="form-group">
              <label for="password">Password</label>
              <input type="password" class="form-control input-lg" name="password" placeholder="Password">
            </div>
            <div class="form-group">            
             <div class="form-group col-md-6">
              <button class="btn btn-danger btn-lg btn-block" data-dismiss="modal">Cancel</button>              
            </div>
            <div class="form-group col-md-6">
              <button type="submit" class="btn btn-success btn-lg btn-block">Submit</button>              
            </div>
            </div>
          </form>
      </div>
      <div class="modal-footer">  </div>
  </div>
  </div>
</div>

<!--header-->
<div class="header">		        
        
		<div class="header-top">
			<div class="container">
				<ul>
					<li ><i class="fa fa-envelope-o"></i><a href="#" >info@saccomanager.com</a></li>
					<li ><i class="fa fa-phone"></i><a href="#" >0723 897 065</a></li>
                 	<li class="login-btn"><button type="button" class="btn btn-success" data-toggle="modal" data-target="#loginModal">LOGIN</button></li>
				</ul>
			</div>
            <span class="login_msg"><?php echo $message;?></span>
			<div class="clearfix"> </div>
            
		</div>
		<div class="header-bottom">
			<div class="container">			
				<div class="logo">
					<a href="index.html"><img src="<?php echo base_url();?>/images/external/logo.png" alt=" " /></a>
				</div>
				<div class="top-nav">
					<span class="menu"> </span>
					<ul>
						<li><a href="#" class="scroll">Home </a></li>
						<li><a href="#" class="scroll">Features</a></li>
						<li><a href="#" class="scroll">About Us</a></li>
						<li><a href="#" class="scroll">Pricing</a></li>
						<li><a href="#" class="scroll">Contact Us</a></li>						
					</ul>
					<!-- script-nav -->
					<script>
					$("span.menu").click(function(){
						$(".top-nav ul").slideToggle(500, function(){
						});
					});
					</script>
				</div>
				<div class="clearfix"> </div>
			</div>
	</div>
	</div>
	<!--content-->
	<div class="content">
		<div class="about-us">
			<div class="container">
				<div class="grid-about">
					<img  class=" img-responsive about-men"  src="<?php echo base_url();?>/images/external/a1.jpg" alt="" />
					<div class="grid-about-top">
					<h4>ABOUT US</h4>
					<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam </p>	
					</div>
					
					<div class="clearfix"> </div>
				</div>
				<span class="in-in-line"> </span>
				<div class="grid-about-right">
					<div class="grid-about-top top-about-grid">
						<h4>VISION</h4>
						<p class="para">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.  </p>
						<h4>MISSION</h4>
						 <P class="para">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.  </p>
					</div>
						<img class=" img-responsive about-men-top"  src="<?php echo base_url();?>/images/external/a2.jpg" alt="" />
					<div class="clearfix"> </div>
				</div>
				
				
				</div>
			</div>
		</div>
	<!--footer-->
	<div class="footer">
		<div class="container">
				<div class="footer-class">
                <p class="footer-grid">&copy; 2015 Sacco Manager by <a href="#" target="_blank">ISA</a> . All Rights Reserved</p>
                <div class="powered-by">Powered by: <a href="#" target="_blank">Ideal Software Applications</a> </div>
				<div class="class-footer">                
					<ul>
						<li><a href="#" class="scroll">Home</a>  <span>|</span> </li>
						<li><a href="#" class="scroll">Privacy Policy </a><span>|</span></li>
						<li><a href="#" class="scroll">Terms &amp; Conditions</a>  <span>|</span></li>
						<li><a href="#" class="scroll">Contact Us </a></li>
                        
					</ul>					 
				</div>
               
			 	</div>
                 
		 </div>
	</div>
<!-- Bootstrap 3.3.2 JS -->
<script src="<?php echo base_url();?>bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
</body>
</html>