<!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>


<script type="text/javascript">
	$(document).ready(function() {
		$('#slider').rhinoslider({
			effect: 'fade',
			controlsPrevNext: false,
			controlsPlayPause: false,
			autoPlay: true,
			showCaptions: 'hover'
		});
	});
</script>
<style type="text/css">
	
	#slider {
		width:940px;
		height:285px;
		alignment-adjust:middle;
		
		/*IE bugfix*/
		padding:0;
		margin:0;
	}
	
	#slider li { list-style:none; }
	
</style>

<!--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 type="text/css" rel="stylesheet" href="slideshow/css/rhinoslider-1.05.css" />

<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"/>

<!--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="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>


<script type="text/javascript" src="slideshow/js/rhinoslider-1.05.min.js"></script>
<script type="text/javascript" src="slideshow/js/mousewheel.js"></script>
<script type="text/javascript" src="slideshow/js/easing.js"></script>
<script type="text/javascript">
			$(document).ready(function() {
				$('#slider').rhinoslider({
					effect: 'fade',
					controlsPrevNext: false,
					controlsPlayPause: false,
					autoPlay: true,
					showCaptions: 'hover'
				});
			});
		</script>
		<style type="text/css">			
			#slider {
				width:940px;
				height:285px;
				
				/*IE bugfix*/
				padding:0;
				margin:0;
			}
			
			#slider li { list-style:none; }
			
			
		</style>

</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">
        <br>
            <!--slider images-->
            <center>
            <ul id="slider">
				<li><img src="img/ideas/1.jpg" alt="" title="<strong>Townhouses Concept</strong><br>Large fenestrations and mix of natural finishes breaks the separation between the inside and outer spaces." /></li>
				<li><img src="img/ideas/2.jpg" alt="" title="<strong>Country Homes</strong><br>The built structure is meant to complement the environment"/></li>
				<li><img src="img/ideas/3.jpg" alt="" title="<strong>Villa on the Hill</strong><br>Modern and serene, clean lines defining space"/></li>
				<li><img src="img/ideas/4.jpg" alt="" title="<strong>Urban design</strong><br>Housing needs catered for through design initiatives"/></li>
				<li><img src="img/ideas/5.jpg" alt="" title="<strong>Beach Front</strong><br>Home away from home. Taking advantage of the relaxing environment"/></li>
                <li><img src="img/ideas/6.jpg" alt="" title="<strong>Catholic Church</strong><br>Sweeping curves and massive structure meant for the adoration of the Lord."/></li>
                <li><img src="img/ideas/7.jpg" alt="" title="<strong>Catholic Church</strong><br>Sweeping curves and massive structure meant for the adoration of the Lord."/></li>
                <li><img src="img/ideas/8.jpg" alt="" title="<strong>Office Block</strong><br>Set in predominantly residential area, meant to merge with sorrounding structures"/></li>
                 <li><img src="img/ideas/9.jpg" alt="" title="<strong>Decontructivist Attitude</strong><br>Twisting the norm to answer the same brief and achieve better results"/></li>
                  <li><img src="img/ideas/10.jpg" alt="" title="<strong>Townhouses Concept</strong><br>Large fenestrations and mix of natural finishes breaks the separation between the inside and outer spaces."/></li>
                   <li><img src="img/ideas/11.jpg" alt="" title="<strong>Townhouses Concept</strong><br>Large fenestrations and mix of natural finishes breaks the separation between the inside and outer spaces."/></li>
                    <li><img src="img/ideas/12.jpg" alt="" title="<strong>UBA Pod Concept</strong><br>Indoor advertising pod meant to be closed up after working hours and opened when required"/></li>
                    <li><img src="img/ideas/13.jpg" alt="" title="<strong>Mark Bloch</strong>"/></li>
                    <li><img src="img/ideas/14.jpg" alt="" title="<strong>Uwe</strong>"/></li>
                    <li><img src="img/ideas/15.jpg" alt="" title="<strong>Kigali EPZ</strong>"/></li>
                    <li><img src="img/ideas/16.jpg" alt="" title="<strong>KPMG</strong>"/></li>
                    <li><img src="img/ideas/17.jpg" alt="" title="<strong>Tamarind</strong>"/></li>
                    <li><img src="img/ideas/18.jpg" alt="" title="<strong>Tiga</strong>"/></li>
                    <li><img src="img/ideas/19.jpg" alt="" title="<strong>01</strong>"/></li>
                    <li><img src="img/ideas/20.jpg" alt="" title="<strong>02</strong>"/></li>
                    <li><img src="img/ideas/21.jpg" alt="" title="<strong>03</strong>"/></li>

			</ul>
        	</center>
      </div>
      <!--home-content-top ends--> 
      
     
    </div>
  </section>
  <!-- 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>