Team:Penn/Website

<html>
<head>
<link rel="stylesheet" href='/Team:Penn/css/navigation?action=raw&amp;ctype=text/css' />
<link rel="stylesheet" href='/Team:Penn/css/layerslider?action=raw&amp;ctype=text/css' />
<link rel="stylesheet" href='/Team:Penn/css/style2?action=raw&amp;ctype=text/css' />
<link rel="stylesheet" href='/Team:Penn/css/columns?action=raw&amp;ctype=text/css' />
<link rel="stylesheet" href='/Team:Penn/css/igemcss?action=raw&amp;ctype=text/css' />

<title>Penn 2012 iGEM Wiki</title>

</head>

<body>

<a href="https://2012.igem.org/Team:Penn" style="padding:0px; margin:0px;">
<img src="https://static.igem.org/mediawiki/2012/e/e5/Bluelogo.jpg" /></a>

<ul class="nav">					
		<li class="dropdown">
						
			    <a href="#">Drug Delivery</a>
						
				<ul>
			        <li><a href='/Team:Penn/DrugDeliveryOverview.html'>Overview</a></li>
				<li><a href='/Team:Penn/DrugDeliverySystem.html'>System</a></li>
				<li><a href='/Team:Penn/DrugDeliveryResults.html'>Results</a></li>
				<li><a href='/Team:Penn/DrugDeliveryParts.html'>Parts</a></li>
				</ul>
			</li>
					
			<li class="dropdown">
					
			    <a href="#">Biofilms</a>
					
				<ul>
		              	<li><a href='/Team:Penn/BiofilmsOverview.html'>Overview</a></li>	
				<li><a href='/Team:Penn/BioflmsSystem.html'>System</a></li>	
				<li><a href='/Team:Penn/BiofilmsResults.html'>Results</a></li>
				<li><a href='/Team:Penn/BiofilmsParts.html'>Parts</a></li>		
				</ul>
			</li>	

			<li class="dropdown">
					
				<a href="#">Lab Work</a>
	
				<ul>
				
                                <li><a href='/Team:Penn/Notebook.html'>Notebook</a></li>
				<li><a href='/Team:Penn/Safety.html'>Safety</a></li>
				<li><a href='/Team:Penn/Protocols.html'>Protocols</a></li>
					
				</ul>
					
		         </li>
						
			<li class="dropdown">
							
			<a href="#">Human Practices</a>
									
				<ul>
					
				<li><a href='/Team:Penn/Education.html'>Education</a></li>
				<li><a href='/Team:Penn/Regulations.html'>Regulations</a></li>
				<li><a href='/Team:Penn/Registry.html'>The Registry</a></li>
				</ul>				
									
			</li>
						
			<li class="dropdown">
						
				<a href="#">About Us</a>
									
				<ul>
					
				<li><a href='/Team:Penn/Team.html'>Team</a></li>	
				<li><a href='/Team:Penn/Advisors.html'>Advisors</a></li>	
				<li><a href='/Team:Penn/Sponsors.html'>Sponsors</a></li>
				</ul>				
			</li>
						
			<div class="arrow"></div>
					
			</ul>

<!----------------------------------------------------------------------------------------------------->

<table width="1000px" height="300px" style="background:#95001a; margin-bottom:0px;">
<tr style="text-align:center;" valign="top">
<td style="width:720px;">
<p style="font-color:#fff">Slider</p>
<!--
<div id="dim">
			<div id="layerslider">


				<div class="ls-layer" rel="slidedelay: 1000;">
					<div class="ls-s0">
	
	<iframe width="750" height="500" src="http://www.youtube.com/embed/rD5uNAMbDaQ" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowfullscreen></iframe>
						
					</div>
					<div class="ls-s2" style="padding: 20px; background: #ff9933; width: 440px; left: 420px; top: 20px; border-radius: 5px; moz-border-radius: 5px; webkit-border-radius: 5px; color: white; text-shadow: none; font-size: 20px; font-weight: bold; line-height: auto; box-shadow: 0px 0px 20px -5px black">
						Learn more about our projects!
					</div>
				</div>

			
			</div>				
		</div>

						
		
		<script src="http://code.jquery.com/jquery-1.6.2.js" type="text/javascript"></script>
		<script src="http://gsgd.co.uk/sandbox/jquery/easing/jquery.easing.1.3.js" type="text/javascript"></script>
		<script src="https://2012.igem.org/Team:Penn/js/layersliderkreatura" type="text/javascript"></script>
		<script type="text/javascript">
			$(document).ready(function(){
				$('#layerslider').layerSlider({
					
					skinsPath : '../layerslider/skins/',
					skin : 'defaultskin'
					
				});
			});		
		</script>
-->
</td>

<td>
<table class="box" style="margin-top:5px; margin-left:25px;" width="250px;" align="center">
<tr style="text-align:center;" valign="top">
<td>
     <div class="box" style="height:320px;">
		<div>
		<h2>Welcome!</h2>
		<p style="text-align:center">With the generous support of our sponsors and various departments within the University we are proud to compete for the second consecutive year. 
		We have been working hard all summer long, and are proud of all that we’ve accomplished in such a short amount of time. 
		<!--<br><br>Please, take a look around!--></p>
		</div>
     </div>

</td>
</tr>
</table>
<table align="center" style="margin-top:5px;background:#95001a;>
<tr style="text-align:center;" valign="top">
<td style="padding-bottom:10px;">
<div id="right1">
		<p style="text-align:center; font-size: 20px; font-weight:bold;">Quick Links</p>
		<a href="#" class="button1">At A Glance</a>
		<br>
		<a href="#" class="button1">Results</a>
		<br>
		<a href="#" class="button1">Parts Submitted</a>
		</div>
</td>
</tr>
</table>

</td>
</tr>
</table>


<table width="1000px" height="500px" style="background:#95001a; margin-top: 0px;">
<tr style="text-align:center;" valign="top">
<td style="width:500px;">			
<div class="box" style="width:400px; height: 350px; margin-top: 0px; margin-left:50px;">
				<div>
				<p style="text-align:center; font-weight:bold; font-size: 17px;padding-top:13px;">Light Activated Cytotoxic Drug Delivery</p>
<a href="#"><img src="https://static.igem.org/mediawiki/2012/8/84/Animation1.jpg" width="350" height="280" alt=""/></a> 
				</div>

							<!--
							onmouseover="this.src='images/cancercell2.jpg'"
							onmouseout="this.src='images/cancercell1.jpg'" 
							-->
			</div>
		
</td>
<td>	
	
	<div class="box" style="height: 350px; width:400px; margin-top:0px;float:right; margin-right:50px;">
				<div>
				<p style="text-align:center; font-weight:bold; font-size: 17px;padding-top: 13px;">Engineered Microbial Biofilms</p>
<a href="#"><img src="https://static.igem.org/mediawiki/2012/8/84/Animation1.jpg" width="350" height="280" alt=""/></a> 
	                 	</div>
				<!--
				<p style="text-align:center; font-weight:bold; font-size: 20px;">Engineered Microbial Biofilms</p>
<a href="#"><img src="images/cancercell1.jpg" onmouseover="this.src='images/cancercell2.jpg'"							onmouseout="this.src='images/cancercell1.jpg'" width="480" height="300" alt=""/></a> 
				-->
	</div>
</td>
</tr>
</table>

</body>

</html>