<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Althaf Khan - Web designer Portfolio</title>
<meta name="robots" content="index,follow" />
<meta name="description" content="Althaf K Khans online webdesign portfolio" />
<meta name="keywords" content="web designer portfolio, best designs, freelance web site designer bahrain, web design, webdesign, design, web standards, web development, css, xhtml, interactive," />
<meta http-equiv="Content-Language" content="EN-US" />
<meta name="robots" content="index,follow" />
<meta name="author" content="Althaf K Khan" />
<meta name="distribution" content="Global" />
<meta name="copyright" content="©Aman Corp" />
<!-- stylesheets -->
<link rel="stylesheet" type="text/css" href="css/green.css" />
<link rel="alternate stylesheet" type="text/css" media="screen" title="blue" href="css/blue.css" />
<link rel="alternate stylesheet" type="text/css" media="screen" title="orange" href="css/orange.css" />
<link rel="alternate stylesheet" type="text/css" media="screen" title="pink" href="css/pink.css" />
<link rel="alternate stylesheet" type="text/css" media="screen" title="gold" href="css/gold.css" />   
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico"/>
<!-- PNG FIX for IE6 -->
  	<!-- http://24ways.org/2007/supersleight-transparent-png-in-ie6 -->
	<!--[if lte IE 6]>
		<script type="text/javascript" src="js/pngfix/supersleight-min.js"></script>
	<![endif]-->
    
<!-- Expand Panel Files -->
<script type="text/javascript" src="js/styleswitch.js"></script>

<!-- portfolio browser  -->
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/prototype/1.6.1/prototype.js'></script>
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/scriptaculous/1.8.2/scriptaculous.js'></script>
<script type='text/javascript' src='js/lightview.js'></script>
<link rel="stylesheet" type="text/css" href="css/lightview.css" />

</head>

<body class="bodyclass">
<table width="980" border="0" align="center" cellpadding="0" cellspacing="0">
 <tr>
  <td height="28" align="right" valign="top" scope="col"><table width="280" border="0" align="right" cellpadding="0" cellspacing="0">
 <tr>
  <th align="right" valign="top" scope="col"><img src="expand.gif" alt="Few Extras" width="104" height="16" /></th>
  <th valign="top" scope="col"><a href="javascript:chooseStyle('none', 60)" checked="checked"><img src="images/top_green_slider.gif" alt="Green Theme" width="15" height="10" border="0" /></a></th>
  <th valign="top" scope="col"><a href="javascript:chooseStyle('blue', 60)"><img src="images/top_blue_slider.gif" alt="Blue Theme" width="15" height="10" border="0" /></a></th>
  <th valign="top" scope="col"><a href="javascript:chooseStyle('orange', 60)"><img src="images/top_orange_slider.gif" alt="Red Theme" width="15" height="10" border="0" /></a></th>
  <td valign="top" scope="col"><a href="javascript:chooseStyle('pink', 60)"><img src="images/top_orange_pink.gif" alt="Pink Theme" width="15" height="10" border="0" /></a></td>
  <td valign="top" scope="col"><a href="javascript:chooseStyle('gold', 60)"><img src="images/top_orange_gold.gif" alt="Golden Theme" width="15" height="10" border="0" /></a></td>
 </tr>
</table></td>
 </tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr>
  <td height="103" align="center" valign="top" class="topbg" scope="col"><table width="980" border="0" align="center" cellpadding="0" cellspacing="0">
   <tr>
    <td valign="top" scope="col"><table border="0" align="left" cellpadding="0" cellspacing="0" class="logo_holder">
     <tr>
      <td valign="top" scope="col"><a href="index.html"><img src="images/logo_trans.gif" alt="" width="213" height="86" border="0" /></a></td>
     </tr>
    </table></td>
    <td align="right" scope="col"><table width="400" border="0" cellspacing="0" cellpadding="0">
     <tr>
      <td align="center" class="toplinks_big" scope="col"><a href="index.html" class="toplinks_big">Home</a></td>
      <td align="center" class="toplinks_big" scope="col"><a href="profile.html" class="toplinks_big">Profile</a></td>
      <td align="center" class="toplinks_big" height="95" scope="col"><a href="works.html" class="toplinks_big">Works</a></td>
      <td align="center" class="toplinks_big" scope="col"><a href="contacts.html" class="toplinks_big">Contacts</a></td>
     </tr>
    </table></td>
   </tr>
  </table></td>
 </tr>
 <tr>
  <td align="center" bgcolor="#FFFFFF" scope="col"><table width="980" border="0" cellspacing="15" cellpadding="0">
   <tr>
    <td align="left" scope="col"><table width="950" border="0" cellspacing="0" cellpadding="0">
     <tr>
       <td width="660" height="200" valign="bottom" scope="col"><span class="tag_main_green">Welcome, I’m althaf khan. </span>
        <p><span class="tag_main_green">I’m a </span><span class="tag_main_red">web &amp; interface designer.</span><br />
         <br />
         <span class="tag_text">This website is a place to find out about what's going on in my world and check out <br />
        some of my work. I hope you enjoy it.</span></p></td>
       <td width="290" align="center" scope="col"><table width="100" border="0" cellpadding="0" cellspacing="0" class="img_header">
        <tr>
         <td scope="col">&nbsp;</td>
        </tr>
       </table></td>
      </tr>
      <tr>
       <td height="40" colspan="2" align="center" valign="bottom" scope="col"><img src="images/shadow_line.gif" alt="" width="848" height="18" /></td>
      </tr>
     </table></td>
    </tr>
   <tr>
    <td scope="col"><table width="950" border="0" cellpadding="0" cellspacing="0">
     <tr>
      <td width="682" align="left" class="header1" scope="col">Recent Work</td>
      <td width="268" class="header1" scope="col">Who I am</td>
      </tr>
     <tr>
      <td colspan="2" align="center" valign="bottom" scope="col"><img src="images/spacer.gif" alt="" width="26" height="10" /></td>
      </tr>
     <tr>
      <td valign="top" scope="col"><table width="660" border="0" align="left" cellpadding="0" cellspacing="0">
       <tr>
        <td width="647" align="left" scope="col"><a href='portfolio/2009/sparadise_lg.jpg' title='Sparadise Spa &amp; Salon' class='lightview' rel='gallery[mygalclery]'><img src="portfolio/2009/sparadise.jpg" alt="" width="660" height="110" border="0" /></a></td>
       </tr>
       <tr>
        <td scope="col"><img src="images/spacer.gif" alt="" width="26" height="5" /></td>
       </tr>
       <tr>
        <td scope="col"><table width="660" border="0" align="left" cellpadding="0" cellspacing="0">
         <tr>
          <td width="185" align="left" class="portfolio_info" scope="col">Client : Sparadise</td>
          <td width="185" align="left" class="portfolio_info" scope="col">Media : Website</td>
          <td width="40" align="left" class="portfolio_info" scope="col">Tools :</td>
          <td width="120" scope="col"><table width="100" border="0" align="left" cellpadding="0" cellspacing="3">
           <tr>
            <th scope="col"><a href="#" title="Adobe Photoshop CS3"><img src="images/icons/iconPs.gif" alt="" width="20" height="20" border="0" class="toold_icons" /></a></th>
            <th scope="col"><a href="#" title="Adobe Fireworks CS3"><img src="images/icons/iconFw.png" alt="" width="20" height="20" border="0" class="toold_icons" /></a></th>
            <th scope="col"><a href="#" title="Adobe Flash CS3"><img src="images/icons/iconFlash.gif" alt="" width="20" height="20" border="0" class="toold_icons" /></a></th>
            <th scope="col"><a href="#" title="Adobe Dreamweaver CS3"><img src="images/icons/iconDreamweaver.gif" alt="" width="20" height="20" border="0" class="toold_icons" /></a></th>
            <th scope="col"><a href="#" title="HTML"><img src="images/icons/html.png" alt="" width="16" height="16" border="0" /></a></th>
            <th scope="col"><a href="#" title="CSS"><img src="images/icons/css.png" alt="" width="16" height="16" border="0" /></a></th>
            </tr>
          </table></td>
          <td align="left" class="portfolio_info" scope="col">Visit : <a href='http://www.spabahrain.com/index2.php' rel='iframe' title='Sparadise Spa &amp; Salon  :: :: fullscreen: true' class='lightview'><span class="portfolio_info">Website</span></a></td>
         </tr>
        </table></td>
       </tr>
      </table></td>
      <td align="left" valign="top" class="bodytext" scope="col"><table width="268" border="0" cellspacing="0" cellpadding="0">
       <tr>
        <td class="bodytext" scope="col">I’m an expert level designer with more than 10 years of experience. I can offer you stunning design as well as optimized and effective coding in HTML/CSS. I'm technically proficient, easy to work with and I don't stop till it's done and done well. </td>
       </tr>
      </table></td>
     </tr>
     <tr>
      <td align="center" valign="top" scope="col"><a href="works.html"><img src="images/button_view_all.gif" alt="" width="277" height="24" border="0" /></a></td>
      <td align="center" valign="top" scope="col"><a href="profile.html"><img src="images/button_continue.gif" alt="" width="251" height="21" border="0" /></a></td>
     </tr>
     </table></td>
   </tr>
  </table></td>
 </tr>
 <tr>
  <td align="center" scope="col" class="footer_wrap"><table width="980" border="0" align="center" cellpadding="0" cellspacing="0">
   <tr>
    <td valign="top" scope="col"><table width="980" border="0" cellspacing="15" cellpadding="0">
     <tr>
      <td width="300" align="left" class="footer_header" scope="col">Sites worth visitng</td>
      <td width="300" align="left" class="footer_header" scope="col">&nbsp;I'm social</td>
      <td width="300" align="left" class="footer_header" scope="col">Contacts</td>
     </tr>
     <tr>
      <td scope="row"><table width="300" border="0" align="left" cellpadding="0" cellspacing="0">
       <tr>
        <td width="154" align="left" class="bodytext" scope="col"><a href="http://www.webcreme.com/" target="_blank" class="bodytext">Web Creme</a></td>
        <td width="146" align="left" class="bodytext" scope="col"><a href="http://www.smashingmagazine.com/" target="_blank" class="bodytext">Smashing Magazine</a></td>
       </tr>
       <tr>
        <td align="left" class="bodytext" scope="row"><a href="http://www.mootools.net/" target="_blank" class="bodytext">Mootools</a></td>
        <td align="left" class="bodytext"><a href="http://hotajax.org/" target="_blank" class="bodytext">Hot Ajax</a></td>
       </tr>
       <tr>
        <td align="left" class="bodytext" scope="row"><a href="http://www.thefwa.com/" target="_blank" class="bodytext">The FWA</a></td>
        <td align="left"><span class="bodytext"><a href="http://www.pixelgangster.de/" class="bodytext">Pixel Gangster</a></span></td>
       </tr>
       </table></td>
      <td align="left" valign="top" scope="row"><table width="250" border="0" cellspacing="5" cellpadding="0">
       <tr>
        <td width="32" align="left" scope="col"><a href="http://twitter.com/althafkhans"><img src="images/icons/twitter_32.png" alt="" width="22" height="22" border="0" /></a></td>
        <td width="105" align="left" class="bodytext" scope="col"><a href="http://twitter.com/althafkhans" target="_blank" class="bodytext">twitter</a></td>
        <td width="32" align="left" scope="col"><a href="http://www.facebook.com/althafkhans"><img src="images/icons/facebook_32.png" alt="" width="22" height="22" border="0" /></a></td>
        <td width="106" align="left" class="bodytext" scope="col"><a href="http://www.facebook.com/althafkhans" target="_blank" class="bodytext">facebook</a></td>
       </tr>
       <tr>
        <td colspan="4" align="left" scope="row"><img src="images/spacer.gif" alt="" width="26" height="5" /></td>
        </tr>
       <tr>
        <td align="left" scope="row"><img src="images/icons/linkedin_32.png" alt="" width="22" height="22" /></td>
        <td align="left" class="bodytext"><a href="http://www.linkedin.com/in/althafkhans" target="_blank" class="bodytext">linkedin</a></td>
        <td align="left">&nbsp;</td>
        <td align="left" class="bodytext">&nbsp;</td>
       </tr>
      </table></td>
      <td class="bodytext" scope="row">Phone: +973 39 74 50 58<br />
       Email: iam@althafkhans.com<br />
       <a href="contacts.html" class="bodytext">More ways to get in touch</a></td>
     </tr>
    </table></td>
    </tr>
  </table></td>
 </tr>
 <tr>
  <td height="30" align="center" valign="bottom" bgcolor="#000000" scope="col"><table width="960" border="0" cellspacing="0" cellpadding="0">
   <tr>
    <td align="left" scope="col"><span class="footer_text">© 2009 althaf khans. All Rights Reserved</span></td>
    <td class="footer_text" scope="col"><table width="100" border="0" align="right" cellpadding="0" cellspacing="0">
     <tr>
      <td align="right" scope="col">HTML</td>
      <td width="40" align="right" scope="col"><a href="http://jigsaw.w3.org/css-validator/validator?uri=http://www.althafkhans.com/&amp;profile=css21&amp;usermedium=all&amp;warning=1&amp;lang=en" target="_blank" class="footer_text">CSS</a></td>
     </tr>
    </table></td>
   </tr>
  </table></td>
 </tr>
</table>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-2404015-1");
pageTracker._trackPageview();
} catch(err) {}</script>
</body>
</html>
