Team:OUC-China/ZhangPeiran

<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
<link rel="stylesheet" href="http://1.oucigem.sinaapp.com/oucigem2012-nav.css"><!--nav logo demo css-->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<!--person CSS -->
	<link rel="stylesheet" href="http://1.oucigem.sinaapp.com/ouc-igem-person.css">
	<!-- jQuery for Hover Box -->
	<script>
	$(document).ready(function(){
		$("img.static").hover(
		function() {
			$(this).stop().animate({"opacity": "0"}, "350");
		},
		function() {
			$(this).stop().animate({"opacity": "1"}, "350");
		});
	});
	</script>
	
	<!-- CSS -->
	<style>
	/************** Code for Demo **************/

	/* Containing Element */
	#blur {
	  position:relative;
	  margin-left: 60px;
	}
	 
	/* Static Image Shown Before Hover */
	#blur img.static {
	  position:absolute;
	  left:0;
	  top:0;
	  z-index:1;
	}
	 
	/* Image Shown Upon Hover */
	#blur img.blur {
	  position:absolute;
	  left:0;
	  top:0;
	}
        #person-intro a
       {
        color: #383a38;
}
        #person-intro p{
       margin-bottom:330px;
}
	</style>
	</style>
</head>
<body>
	<div id="menu-wrapper">
	<div id="logo">
	</div>
		<ul class="menu">
			<li> <a href="#">Home</a> </li>
			<li> <a href="#">Project</a> </li>
			<li> <a href="#">Modeling</a> </li>
			<li> <a href="#">Human Practice</a> </li>
			<li> <a href="#">Team</a> </li>
			<li> <a href="#">Parts</a> </li>
			<li> <a href="#">Safety</a> </li>
			<li> <a href="#">Note</a> </li>
		</ul>
	</div>
	<div id="submenu-wrapper">
		<ul class="submenu">
			<li>
				<a href="">
					<img src="" />
				
				</a>
			</li>
			<li>
				<a href="">
					<img src="" />
					
				</a>
			</li>
			<li>
				<a href="/">
					<img src="" />
				
				</a>
			</li>
			<li>
				<a href="/">
					<img src="" />
					
				</a>
			</li>
		</ul>
		<ul class="submenu">
			<li>
				<a href="/">
					<img src="" />
					
				</a>
			</li>
			<li>
				<a href="/">
					<img src="" />
					
				</a>
			</li>
			<li>
				<a href="/">
					<img src="" />
	
				</a>
			</li>
			<li>
				<a href="/">
					<img src="" />
				
				</a>
			</li>
		</ul>
		<ul class="submenu">
			<li>
				<a href="/">
					<img src="" />
				
				</a>
			</li>
			<li>
				<a href="/">
					<img src="" />
				
				</a>
			</li>
			<li>
				<a href="/">
					<img src="" />
				
				</a>
			</li>
			<li>
				<a href="/">
					<img src="" />
					
				</a>
			</li>
		</ul>
		<ul class="submenu">
			<li>
				<a href="/">
					<img src="" />
			
				</a>
			</li>
			<li>
				<a href="/">
					<img src="" />
				
				</a>
			</li>
			<li>
				<a href="/">
					<img src="" />
				
				</a>
			</li>
			<li>
				<a href="/">
					<img src="" />
				
				</a>
			</li>
		</ul>
	</div>
	<section id="wrapper">
		<article id="main">
			<h2>ZhangPeiran</h2>
			<p>Wet Lab Member & Dry Lab Member</p>
			
			<!-- Code for jQuery Hover Box -->
			<div id="blur">
				<a>
					<img src="https://static.igem.org/mediawiki/2012/5/53/Ouc-person-zhangpeiran2.jpg" class="static">
				</a>
				<img src="https://static.igem.org/mediawiki/2012/1/15/Ouc-person-zhangpeiran1.jpg" class="blur">
				<div id="person-intro">
				<p>Hello!I am Zhang Peiran.
I'm happy to join this wonderful team!My work includes computational stimulations and the designation of decision-making device,comparator and ratio sensor.
Life is the most incredible thing in the world, but I couldn't figure out how God made it possible only by evolution,even if I had billions of years to do that.The universe is magni-ficent,isn't it?
Passers-by:My major is Biochemistry and Molecular biology,and you can get in touch with me by sending emails to <a href = mailto: oucigem@163.com>oucigem@163.com</a> or <a href = mailto: zpr823@163.com>zpr823@163.com</a> .
  Welcome any time!
.</p>
</div>
			</div>
			<!-- Code for jQuery Hover Box -->
			
			
		</article>
	</section>
</body>
<script type="text/javascript" src="http://1.oucigem.sinaapp.com/OUC-nav.js"></script><!--nav js-->
<!-- GA -->
	<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-2260508-2");
			pageTracker._trackPageview();
		} catch(err) {}</script>
<div id="ouc-footer">
        <div id="ouc-tools">
           
            <ul>
                <li id="ouc-clustrmaps-wrapper">
                    <div id="clustrmaps-widget"></div><script type="text/javascript">var _clustrmaps = {'url' : 'https://2012.igem.org/Team:OUC-China', 'user' : 1034709, 'server' : '4', 'id' : 'clustrmaps-widget', 'version' : 1, 'date' : '2012-09-22', 'lang' : 'zh', 'corners' : 'square' };(function (){ var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = 'http://www4.clustrmaps.com/counter/map.js'; var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x);})();</script><noscript><a href="http://www4.clustrmaps.com/user/c56fc9d5"><img src="http://www4.clustrmaps.com/stats/maps-no_clusters/2012.igem.org-Team-OUC-China-thumb.jpg" alt="Locations of visitors to this page" /></a></noscript>
                </li>
                <li>
					<a href="http://www.renren.com/296396903/profile?ref=opensearch_normal"><img src="https://static.igem.org/mediawiki/2012/d/d2/Ouc-footer-cmlsast.jpg" alt="OUC CMLS AST" border="0"></a>  
                </li>
                <li>
                    <a href="https://2012.igem.org/Team:OUC-China/contactus"><img src="https://static.igem.org/mediawiki/2012/5/5e/OUC-footer-contact.jpg" alt="Contact Us" border="0"></a>
                </li>
                <li style="width:160px;">
					<form action="/Special:Search" id="searchform" style=" border-color:#000;">
					<input id="searchInput" name="search" type="text" title="Search 2011.igem.org [f]" accesskey="f" value="">
					<input type='submit' name="go" class="searchButton" id="searchGoButton"	value="Go" title="Go to a page with this exact name if exists" />&nbsp;
					<input type='submit' name="fulltext" class="searchButton" id="mw-searchButton" value="Search" title="Search the pages for this text" />
					</form>
                </li>
            </ul>
        </div>
       
    </div>
</html>