<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!-->
<html class="not-ie" lang="en">
<!--<![endif]-->
<head>

  

<!--meta-->
<meta charset="utf-8">
<meta name="description" content="business portfolio site template" />
<meta name="keywords" content="business, marketing, corporate, app, software, creative, portfolio, marketing"/>
<meta name="author" content="Tansh" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
<title>EM AFRIC ENGINEERS</title>

<!--fav and touch icons-->
<link rel="shortcut icon" href="img/icons/favicon.ico">
<link rel="apple-touch-icon" href="img/icons/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72" href="img/icons/apple-touch-icon-72x72.html">
<link rel="apple-touch-icon" sizes="114x114" href="img/icons/apple-touch-icon-114x114.html">

<!--style sheet-->
<link rel="stylesheet" media="screen" href="css/bootstrap.css"/>
<link rel="stylesheet" media="screen" href="css/bootstrap-responsive.css"/>
<link rel="stylesheet" media="screen" href="css/style.css"/>
<link rel="stylesheet" type="text/css" href="css/accordionstyles.css">


<!--jquery libraries / others are at the bottom-->
<script src="js/jquery-1.7.1.min.js" type="text/javascript"></script>
<script src="js/modernizr.js" type="text/javascript"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript" language="javascript" charset="utf-8" src="js/nav.js"></script>

<!--prettyphoto scripts starts-->
<link rel="stylesheet" media="screen" href="css/prettyPhoto.css"/>
<script src="js/jquery.prettyPhoto.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {	
$('a[data-rel]').each(function() {
  $(this).attr('rel', $(this).data('rel'));
});
$("a[rel^='prettyPhoto[gallery1]']").prettyPhoto({
  animation_speed: 'fast',
  slideshow: 5000,
  autoplay_slideshow: false,
  opacity: 0.80,
  show_title: false,
  theme: 'pp_default', /* light_rounded / dark_rounded / light_square / dark_square / facebook */
  overlay_gallery: false,
  social_tools: false,
  changepicturecallback: function(){
  var $pp = $('.pp_default');
  if( parseInt( $pp.css('left') ) < 0 ){
  $pp.css('left', 0 );
  }
  }
});	
});
</script>
<!--prettyphoto scripts ends-->

<!--nivo slider script starts-->
<script type="text/javascript" src="js/jquery.nivo.slider.js"></script>
<link rel="stylesheet" href="css/nivo-slider.css" type="text/css" media="screen" />
<script type="text/javascript">
$(window).load(function() {
  $('#slider').nivoSlider({
  effect:'random', // Specify sets like: 'fold,fade,sliceDown' or choose 'random' for mixed effects
  slices:15, // For slice animations
  boxCols: 8, // For box animations
  boxRows: 4, // For box animations
  animSpeed:500, // Slide transition speed
  pauseTime:5000, // How long each slide will show
  pauseOnHover:true,
  directionNav:true, // Next & Prev navigation
  directionNavHide:true, // Only show on hover
  controlNav:false // 1,2,3... navigation
  });
});
</script>
<!--nivo slider script ends-->

<!--flex slider script starts-->
<script type="text/javascript" src="js/jquery.flexslider-min.js"></script>
<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" />
<script type="text/javascript">
$(window).load(function() {
//testimonial slider
$('.slider-testimonial').flexslider({
    	animation: "fade",
		slideshowSpeed: 7000,
		animationDuration: 200,
    	controlNav: false,
    	keyboardNav: true,
    	directionNav: false,
		pauseOnHover: true,
		pauseOnAction: true    
});	
});
</script>
<!--flex slider script ends-->

</head>
<body>

<!--wrapper starts-->
<div id="wrapper" class="clearfix"> 
  
  <!-- header starts
================================================== -->
<?php
include ('header.php');
?>
  <!-- header ends
================================================== --> 
  
  <!-- content starts
================================================== -->
  <section id="content">
    <div class="container clearfix"> 
      
      <!--home-content-top starts-->
      <div id="home-content-top">
        <div class="row"> 
          
         
        
      </div>
      <!--home-content-top ends--> 
      
      
      
      <!--spacer here-->
      <div class="spacer-30px"></div>
      
      
      
      <!--spacer here--><!--clients starts-->
      <div class="row">
        <table width="1000" border="0" align="center">
          <tr>
            <td width="245">
  <div id="w">
    <h1>Categories</h1>
    <nav>
      <ul>
     <li><a href="projects.php?res">Residential Housing</a></li>
     <li>&nbsp;</li>
                <li><a href="projects.php?ind">Industrial</a></li>
                 <li>&nbsp;</li>
                                    <li><a href="projects.php?hos">Hospitality</a></li>
                                     <li>&nbsp;</li>
                                    <li><a href="projects.php?ban">Banking</a></li>
                                  
      </ul>
    </nav>
  </div>
            </td>
            <td width="656">
            	<!--recent work starts-->
      <div class="row">
        <div class="span12">
          <div class="heading-border">
            <h3><b>
            <?php
            if(isset($_GET['res']))
            {
            echo "Residential Housing";
            }
              if(isset($_GET['ind']))
            {
            echo "Industrials";
            }
              if(isset($_GET['hos']))
            {
            echo "Hospitality";
            }
              if(isset($_GET['ban']))
            {
            echo "Banking";
            }
            ?>
            <b></h3>
            <p>&nbsp;</p>
          </div>
          <ul>
<?php
if(isset($_GET['res']))
{
?>
          
          	<li><a href="project_desc.php?elsie">Elsie Apartments - Spring Valley</a><img src="img/res2.png" width="400" height="400"  alt="" class="splash_images"/></li>
          	<br>
            <li><a href="project_desc.php?urithi">Urithi Juja Mia</a></li>
<br> 
 <li><a href="project_desc.php?mur">Murugu Apartments - Kindaruma Rd</a></li><br> 
<?php
}
if(isset($_GET['ind']))
{
?>
          
          	<li><a href="project_desc.php?conc">Concrete pole manufacturing plant - Mariakani</a><img src="img/ind1.png" width="400" height="400"  alt="" class="splash_images"/></li>
          	<br>
          
<?php
}
if(isset($_GET['ban']))
{
?>
          
          	<li><a href="project_desc.php?faulu">Faulu Kenya Bank Branches</a><img src="img/ban1.png" width="400" height="400"  alt="" class="splash_images"/></li>
          	<br>
          
<?php
}
if(isset($_GET['hos']))
{
?>
          
          	<li><a href="project_desc.php?south">Hotel - South C</a><img src="img/hos1.png" width="400" height="400"  alt="" class="splash_images"/></li>
          	<br>
<li><a href="project_desc.php?sel">Selian Hotel - Juja</a></li>
<br>
          
<?php
}
?>         
          </ul>

        </div>
      </div>
      <!--recent work ends--> 
            </td>
          </tr>
        </table>
      </div>
      <!--clients ends--> 
      
    </div>
  
  <!-- content ends
================================================== --> 
  
 <!-- footer starts
================================================== -->
<?php
include ('footer.php');

?>
  <!-- footer ends
================================================== -->
  
</div>
<!--wrapper ends--> 

<!--other jqueries required--> 
<script src="js/bootstrap.js" type="text/javascript"></script> 
<script src="js/ddsmoothmenu.js" type="text/javascript"></script> 
<script src="js/jquery.validate.js" type="text/javascript"></script> 
<script src="js/jquery.form.js" type="text/javascript"></script> 
<script src="js/twitter.js" type="text/javascript" ></script> 
<script src="js/jquery.easing.1.3.js" type="text/javascript" ></script> 
<script src="js/custom.js" type="text/javascript"></script>
</body>
</html>