<!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>Lexicon + Ion | The Team</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"/>

<!--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>
</head>
<body>

<!--wrapper starts-->
<div id="wrapper" class="clearfix"> 
  
  <!-- header starts
================================================== -->
  <section id="header" class="clearfix">
    <div class="container">
      <div class="row"> 
        
        <!--logo starts-->
        <div class="span4"><a href="#"><img src="img/logo.png" width="212" height="48" alt="logo"></a></div>
        <!--logo ends--> 
        
       <!--links in header starts-->
        <div class="span8">
          
          <div class="clearfix"></div>
          <ul class="info-top">
            <li><img src="img/icons/icon-16-mail.png" alt="icon"><a href="mailto:info@lexicondesigns.co.ke">info@lexicondesigns.co.ke</a></li>
            <li><img src="img/icons/icon-16-call.png" alt="icon">(+254) 20 205 5945</li>
          </ul>
        </div>
        <!--links in header ends--> 
        
      </div>
      
      <!--menu starts-->
      <div class="row">
        <div class="span12">
          <div class="menu-wrapper clearfix">
            <div id="smoothmenu" class="ddsmoothmenu">
              <ul>
                <li><a href="index.php" class="selected">Home</a></li>
                <li><a href="#">Practice</a>
                  <ul>
                    <li><a href="company.php">The company</a></li>
                    <li><a href="staff_bios.php">Staff Bios</a></li>
                    <li><a href="news.php">News</a></li>
                  </ul>
                </li>
                <li><a href="#">Projects</a> 
                	<ul>
                      <li><a href="residential.php">Residential</a></li>
                      <li><a href="education.php">Education</a></li>
                      <li><a href="culture.php">Culture and Religion</a></li>
                      <li><a href="health.php">Health</a></li>
                      <li><a href="hospitality.php">Hospitality</a></li>
                      <li><a href="interiors.php">Interiors</a></li>
                      <li><a href="master_planning.php">Master Planning</a></li>
                      <li><a href="office.php">Office and Commercial</a></li>
                      <li><a href="#">Ongoing</a></li>
                     </ul>
                 </li>
                <li><a href="ideas.php">Ideas</a></li>
                <li><a href="contact.php">Contact Us</a></li>
              </ul>
            </div>
            <div class="social">
            	<li class="social"><a href="https://www.facebook.com/lexiconplusion"><img src="img/icons/icon-facebook.png" alt="Find us on Facebook"></a></li>
            </div>
          </div>
        </div>
      </div>
      <!--menu ends--> 
      
    </div>
  </section>
  <!-- header ends
================================================== --> 
  
  <!-- content starts
================================================== -->
  <section id="content">
    <div class="container clearfix"> 
      
      <!--content-top starts-->
      <div id="content-top">
        <div class="row">
          <div class="span12">
            <h1>Staff Biographies</h1>
          </div>
        </div>
      </div>
      <!--content-top ends--> 
      
      <!--row starts-->
      <div class="row"> 
        
        <!--first column / features starts--><!--first column ends--> 
        
        <!--second column accordion starts--><!--second column ends--> 
        
      </div>
      <!--row ends--> 
      
      <!--spacer here-->
      <div class="spacer-20px"></div>
      
      <!--team starts-->
      <div class="row">
        <div class="span12">
          <div class="span_content">
            <ul class="portfolio_4column team">
            
            <!--first member starts-->
            <li> <img src="img/preview/felix.jpg" alt="image">
              <div class="team-info clearfix">
                <h4>Felix Lati - Partner</h4>
                <p>Felix Lati is the founding principal of Lexicon + Ion Architects, Kenya,<a href="felix.php">Read More &gt;&gt; </a></p>
                
            </div></li>
            <!--first member ends--> 
            
             <!--second member starts-->
            <li> <img src="img/preview/oscar.jpg" alt="image">
              <div class="team-info clearfix">
                <h4>Oscar Onguto - Partner</h4>
                <p>Oscar Onguto, AAK, is a Principal of Lexicon+Ion Architects, Kenya.</p>
                <p><a href="oscar.php">Read more &gt;&gt; </a></p>
               
              </div>
            </li>
            <!--second member ends-->
            
            <!--third member starts-->
            <li> <img src="img/preview/solomon.jpg" alt="image">
              <div class="team-info clearfix">
                <h4>Solomon Mbicha - Partner</h4>
                <p>Solomon Mbicha, AAK, is a Principal at Lexicon+Ion Architects, Kenya.</p>
                <p><a href="solomon.php">Read more &gt;&gt;</a></p>
                
              </div>
            </li>
            <!--third member ends--> 
            
            <!--fourth member starts-->
            <li> <img src="img/preview/arthur.jpg" alt="image">
              <div class="team-info clearfix">
                <h4>Arthur Adeya - Partner</h4>
                <p>Arthur Adeya, ASLA, LEED AP, AAK, is a principal at Lexicon + Ion Architects, </p>
                <p><a href="arthur.php">Read more &gt;&gt;</a></p>
                
              </div>
            </li>
            <!--fourth member ends--> 

            <!--fifth member starts-->
            <li> <img src="img/preview/kamata.jpg" alt="image">
              <div class="team-info clearfix">
                <h4>Kamata Gachanja - Associate Partner</h4>
                <p>Joseph Kamata Gachanja, AAK, is a Senior Architect</p>
                <p><a href="joseph.php">Read more &gt;&gt; </a></p>
                
              </div>
            </li>
            <!--fifth member ends-->         
            
            <!--sixth member starts-->
            <li> <img src="img/preview/joel.jpg" alt="image">
              <div class="team-info clearfix">
                <h4>Joel Njau - Architectural Technician</h4>
                <p><br><br><br><br></p>
                
              </div>
            </li>
            <!--sixth member ends-->
            
            <!--seventh member starts-->
            <li> <img src="img/preview/fredrick.jpg" alt="image">
              <div class="team-info clearfix">
                <h4>Fredrick Mae – Landscape Architect</h4>
                <p>Fredrick Mae is a Landscape Architect at Lexicon</p>
                <p><a href="fredrick.php">Read more &gt;&gt; </a></p>
                
              </div>
            </li>
            <!--seventh member ends-->
            
            <!--eighth member starts-->
            <li> <img src="img/preview/ruth.jpg" alt="image">
              <div class="team-info clearfix">
                <h4>Ruth Njenga-Accountant/Administrator</h4>
                <p>Ruth Njenga is an Accountant and Administrator</p>
                <p><a href="ruth.php">Read more &gt;&gt; </a></p>
                
              </div>
            </li>
            <!--eighth member ends-->
            
            <!--ninth member starts-->
            <li> <img src="img/preview/sudi.jpg" alt="image">
              <div class="team-info clearfix">
                <h4>Allan Peter Sudi-Graduate Architect</h4>
                <p>Allan Peter Sudi,  is a Graduate Architect at Lexicon+Ion Architects</p>
                <p><a href="allan.php">Read more &gt;&gt; </a></p>
                
              </div>
            </li>
            <!--ninth member ends-->
            
             <!--ninth member starts-->
            <li> <img src="img/preview/wycliffe.jpg" alt="image">
              <div class="team-info clearfix">
                <h4>Wycliffe Waburiri J.T – Graduate Architect</h4>
                <p>Wycliffe Waburiri J.T is a Graduate Architect at Lexicon+Ion Architects</p>
                <p><a href="wycliffe.php">Read more &gt;&gt; </a></p>
                
              </div>
            </li>
            <!--ninth member ends-->
            <!--ninth member starts-->
            <li> <img src="img/preview/mercy.jpg" alt="image">
              <div class="team-info clearfix">
                <h4>Mercy Mbuthia - Administrative Assistant/Receptionist</h4>
                <p>Mercy Mbuthia is an administrative Assistant at Lexicon + Ion Ltd, Kenya</p>
                <p><a href="mercy.php">Read more &gt;&gt; </a></p>
                
              </div>
            </li>
            <!--ninth member ends-->
          
          </ul>
        </div>
        </div>
      </div>
      <!--team ends--> 
      
    </div>
  </section>
  <!-- content ends
================================================== --> 
  
 <!-- footer starts
================================================== -->
  <footer id="footer">
    <div class="container clearfix">
      <div class="row"> 
        
        <!--first footer column starts-->
        <div class="span3">
          <p>© Copyright. Lexicon + Ion.</p>
        </div>
        <!--first footer column ends--> 
    
        <!--third footer column starts--><!--third footer column ends--> 
        
      </div>
    </div>
  </footer>
  <!-- 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>