Team:Penn

From 2012.igem.org

(Difference between revisions)
(Blanked the page)
Line 1: Line 1:
 +
<!DOCTYPE html>
 +
<html lang="en">
 +
<!-----------------------------------------Begin Head------------------------------------------------------------------------------------------->
 +
<head>
 +
<title>Home</title>
 +
<meta charset="utf-8"/>
 +
<link rel="stylesheet" href="http://2012.igem.org/Team:Penn/css/reset?action=raw&amp;ctype=text/css" />
 +
<link rel="stylesheet" href="css/layout.css" type="text/css" media="all"/>
 +
<link rel="stylesheet" href="css/style.css" type="text/css" media="all"/>
 +
<link rel="stylesheet" href="css/menu.css" type="text/css" media="all"/>
 +
<link rel="stylesheet" href="css/layerslider.css" type="text/css" media="all"/>
 +
<link rel="stylesheet" href="css/style2.css" type="text/css" media="all"/>
 +
<link rel="stylesheet" href="css/navigation.css" type="text/css" media="all"/>
 +
<!--[if lt IE 9]>
 +
<script src="js/html5v2.js"></script>
 +
<!--[endif]>
 +
-->
 +
 +
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
 +
<script type="text/javascript" src="js/cufon-yui.js"></script>
 +
<script type="text/javascript" src="js/cufon-replace.js"></script> 
 +
<script type="text/javascript" src="js/Forum_400.font.js"></script>
 +
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
 +
<script type="text/javascript" src="js/tms-0.3.js"></script>
 +
<script type="text/javascript" src="js/tms_presets.js"></script>
 +
<script type="text/javascript" src="js/script.js"></script>
 +
<script type="text/javascript" src="js/atooltip.jquery.js"></script>
 +
<script type="text/javascript" src="js/menu.js"></script>
 +
 +
<!--[if lt IE 9]>
 +
<script type="text/javascript" src="js/html5v2.js"></script>
 +
<style type="text/css">
 +
 +
.slider_bg {behavior:url(js/PIE.htc)
 +
}
 +
.auto-style1 {
 +
margin-top: 0;
 +
}
 +
 +
</style>
 +
 +
<![endif]-->
 +
<!--[if lt IE 7]>
 +
<div style='clear:both;text-align:center;position:relative'>
 +
<a href="http://www.microsoft.com/windows/internet-explorer/default.aspx?ocid=ie6_countdown_bannercode">
 +
<img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" alt="" /></a>
 +
</div>
 +
<![endif]-->
 +
</head>
 +
<!-----------------------------------------------End Head---------------------------------------------------------------------------------------------->
 +
 +
 +
<!-----------------------------------------------Begin Body-------------------------------------------------------------------------------------------->
 +
<body id="page1">
 +
<div class="body6">
 +
<div class="top">
 +
<div class="bottom">
 +
<div class="main">
 +
<!-------------------------------------------------Header----------------------------------------------------------------------------------------------->
 +
<header>
 +
 +
 +
<a href="Home.html" id="logo">Penn iGEM 2012</a>
 +
 +
 +
<ul class="nav">
 +
 +
<li class="dropdown">
 +
 +
<a href="#">Drug Delivery</a>
 +
 +
<ul>
 +
<li><a href="DrugDeliveryOverview.html">Overview</a></li>
 +
<li><a href="DrugDeliverySystem.html">System</a></li>
 +
<li><a href="DrugDeliveryResults.html">Results</a></li>
 +
<li><a href="DrugDeliveryParts.html">Parts</a></li>
 +
</ul>
 +
</li>
 +
 +
<li class="dropdown">
 +
 +
<a href="#">Biofilms</a>
 +
 +
<ul>
 +
 +
<li><a href="BiofilmsOverview.html">Overview</a></li>
 +
 +
<li><a href="BioflmsSystem.html">System</a></li>
 +
 +
<li><a href="BiofilmsResults.html">Results</a></li>
 +
<li><a href="BiofilmsParts.html">Parts</a></li>
 +
 +
</ul>
 +
 +
<li class="dropdown">
 +
 +
<a href="#">Lab Work</a>
 +
 +
<ul>
 +
 +
<li><a href="Notebook.html">Notebook</a></li>
 +
 +
<li><a href="Safety.html">Safety</a></li>
 +
 +
<li><a href="Protocols.html">Protocols</a></li>
 +
 +
</ul>
 +
 +
</li>
 +
 +
<li class="dropdown">
 +
 +
<a href="#">Human Practices</a>
 +
 +
<ul>
 +
 +
<li><a href="#">Education</a></li>
 +
 +
<li><a href="#">Regulations</a></li>
 +
 +
<li><a href="#">The Registry</a></li>
 +
 +
</ul>
 +
 +
</li>
 +
 +
<li class="dropdown">
 +
 +
<a href="#">About Us</a>
 +
 +
<ul>
 +
 +
<li><a href="#">Team</a></li>
 +
 +
<li><a href="#">Advisors</a></li>
 +
 +
<li><a href="#">Sponsors</a></li>
 +
 +
</ul>
 +
 +
</li>
 +
 +
<div class="arrow"></div>
 +
 +
</ul>
 +
 +
</header>
 +
 +
 +
<!-----------------------------------------End Header-------------------------------------------------------------------------------------------------->
 +
<!-- content -->
 +
<!--insert content here -->
 +
<!--end insert content here -->
 +
 +
<article id="content">
 +
<!----------------------------------------Begin Slider-------------------------------------------------------------------------------------------------->
 +
 +
<div id="topcolumns">
 +
 +
<div class="left column">
 +
 +
 +
<div id="dim">
 +
<div id="layerslider">
 +
<div class="ls-layer" rel="slidedelay: 3000;">
 +
<img class="ls-bg" src="gallery/igempic1.jpg" alt="layer">
 +
 +
<img class="ls-s2" src="gallery/l11.png" alt="sublayer" style="durationin: 2000; easingin: easeOutExpo; slidedirection: top; delayin: 1000; left: 10px;">
 +
<img class="ls-s3" src="gallery/l12.png" alt="sublayer" rel="durationin: 2300; easingin: easeOutElastic; slidedirection: bottom; delayin: 1000; left: 10px;">
 +
<!--
 +
<img id="leaf1" class="ls-s4" src="gallery/l13.png" alt="sublayer" rel="slidedirection: left">
 +
<img class="ls-s5" src="gallery/l15.png" alt="sublayer" rel="slidedirection: top">
 +
<img id="leaf2" class="ls-s7" src="gallery/l16.png" alt="sublayer" rel="slidedirection: bottom">
 +
<img id="leaf3" class="ls-s2" src="gallery/l17.png" alt="sublayer" rel="slidedirection: top">
 +
 +
<img style="left: 240px; top: 200px;" class="ls-linkto-4 ls-s6" src="gallery/l14.png" alt="sublayer" rel="slidedirection: top">
 +
-->
 +
</div>
 +
 +
<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>
 +
<!-- <iframe src="http://player.vimeo.com/video/24535181?color=ff9933" width="700" height="500" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>-->
 +
</div>
 +
<div class="ls-s2" style="padding: 20px; background: #ff9933; width: 440px; left: 450px; 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 about our projects!
 +
</div>
 +
</div>
 +
 +
<div class="ls-layer" rel="slidedelay: 3000;">
 +
<img class="ls-bg" src="gallery/l3.jpg" alt="layer">
 +
<img class="ls-s2" src="gallery/l31.png" alt="sublayer" rel="durationin: 5800; easingin: easeOutQuad">
 +
<img class="ls-s3" src="gallery/l32.png" alt="sublayer" rel="durationin: 5600; easingin: easeOutQuad">
 +
<img class="ls-s5" src="gallery/l33.png" alt="sublayer" rel="durationin: 1200">
 +
<img class="ls-s5" src="gallery/l34.png" alt="sublayer" rel="durationin: 1350">
 +
<img class="ls-s6" src="gallery/l36.png" alt="sublayer" rel="durationin: 4000; easingin: easeOutExpo; durationout: 800; delayout: 50">
 +
<img class="ls-s7" src="gallery/l35.png" alt="sublayer" rel="durationin: 5000; easingin: easeOutExpo; durationout: 800; delayout: 100">
 +
<img class="ls-s8" src="gallery/l37.png" alt="sublayer">
 +
<img class="ls-s9" src="gallery/l38.png" alt="sublayer">
 +
<img class="ls-s10" src="gallery/l39.png" alt="sublayer">
 +
<img class="ls-s11" src="gallery/l310.png" alt="sublayer" rel="delayin: 1300; slidedirection: fade; slideoutdirection: top; durationin: 1000;">
 +
<img class="ls-s11" src="gallery/l311.png" alt="sublayer" rel="delayin: 1000; slidedirection: fade; slideoutdirection: top; durationin: 1000;">
 +
</div>
 +
 +
<div class="ls-layer" rel="slidedirection: top; slidedelay: 6000">
 +
<img class="ls-bg" src="gallery/l2.jpg" alt="layer">
 +
<img id="clouds" class="ls-s2" src="gallery/l21.png" alt="sublayer">
 +
<img class="ls-s3" src="gallery/l22.png" alt="sublayer">
 +
<img class="ls-s4" src="gallery/l23.png" alt="sublayer">
 +
<img class="ls-s5" src="gallery/l24.png" alt="sublayer">
 +
<img class="ls-s6" src="gallery/l25.png" alt="sublayer">
 +
<img class="ls-s7" src="gallery/l26.png" alt="sublayer">
 +
<img class="ls-s8" src="gallery/l27.png" alt="sublayer">
 +
<img class="ls-s9" src="gallery/l28.png" alt="sublayer">
 +
<img class="ls-s10" src="gallery/l29.png" alt="sublayer" rel="slidedirection: bottom; durationin: 1000; easingin: easeOutExpo; delayin: 1500; delayout: 50">
 +
</div>
 +
 +
<div class="ls-layer">
 +
 +
<img class="ls-bg" src="gallery/l4.jpg" alt="layer">
 +
<img class="ls-s6" src="gallery/l45.png" alt="sublayer" rel="durationin: 6000; easingin: easeOutQuart">
 +
<img class="ls-s5" src="gallery/l44.png" alt="sublayer" rel="durationin: 3000; easingin: easeOutExpo">
 +
<img class="ls-s2" src="gallery/l41.png" alt="sublayer" rel="delayin: 1400; easingin: easeOutBack">
 +
<img class="ls-s3" src="gallery/l42.png" alt="sublayer" rel="delayin: 1400; easingin: easeOutBack">
 +
<img class="ls-s4" src="gallery/l43.png" alt="sublayer" rel="delayin: 1400; easingin: easeOutBack">
 +
</div>
 +
 +
<div class="ls-layer">
 +
<img class="ls-bg" src="gallery/l5.jpg" alt="layer">
 +
<img id="earth" class="ls-s3" src="gallery/l51.jpg" alt="sublayer">
 +
<img class="ls-s4" src="gallery/l52.png" alt="sublayer">
 +
<img class="ls-s6" src="gallery/l53.png" alt="sublayer">
 +
<img class="ls-s8" src="gallery/l54.png" alt="sublayer">
 +
<p id="l5text1" class="ls-s12">
 +
2003 UB <span class="small">313</span>
 +
</p>
 +
<p id="l5text2" class="ls-s14">
 +
Charon
 +
</p>
 +
<p id="l5text3" class="ls-s16">
 +
Ceres
 +
</p>
 +
</div>
 +
 +
</div>
 +
</div>
 +
 +
 +
<script src="js/jquery-1.6.2.min.js" type="text/javascript"></script>
 +
<script src="js/jquery-easing-1.3.js" type="text/javascript"></script>
 +
<script src="js/layerslider.kreaturamedia.jquery.js" type="text/javascript"></script>
 +
<script type="text/javascript">
 +
 +
$(document).ready(function(){
 +
$('#layerslider').layerSlider({
 +
 +
  skinsPath : 'mySkins/skins/',
 +
skin : 'defaultskin'
 +
});
 +
});
 +
</script>
 +
</div>
 +
 +
 +
<!--
 +
<div id="right">
 +
</div>
 +
-->
 +
 +
<div class="right column">
 +
<div class="box" id="right">
 +
 +
<h2>Welcome <span>to the Penn Wiki!</span></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>
 +
<br>
 +
<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>
 +
</div>
 +
 +
</div>
 +
 +
<!--------------------------End Slider---------------------------------------------------------------------------------------------------------------->
 +
 +
<!--------------------------Begin Welcome Paragraph and "Meet the Team" Rotating Pull Quote------------------------------------------------------------>
 +
 +
<div class="wrap">
 +
 +
<section class="colacross">
 +
<div class="leftcolumn">
 +
<div class="box" style="height: 350px; margin-top: 0px;">
 +
<div>
 +
<p style="text-align:center; font-weight:bold; font-size: 20px;padding-top: 13px;">Light Activated Cytotoxic Drug Delivery</p>
 +
<a href="#"><img src="images/animation1.jpg" width="350" height="280" alt=""/></a>
 +
</div>
 +
 +
<!--
 +
onmouseover="this.src='images/cancercell2.jpg'"
 +
onmouseout="this.src='images/cancercell1.jpg'"
 +
-->
 +
</div>
 +
</div>
 +
 +
<div class="rightcolumn">
 +
<div class="box" style="height: 350px; margin-top:0px;">
 +
 +
<div>
 +
<p style="text-align:center; font-weight:bold; font-size: 20px;padding-top: 13px;">Engineered Microbial Biofilms</p>
 +
<a href="#"><img src="images/animation1.jpg" width="350" height="280" alt=""/></a>
 +
</div>g
 +
 +
<!--
 +
<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>
 +
</div>
 +
 +
 +
</section>
 +
 +
</div>
 +
 +
</article>
 +
</div>
 +
<div class="body4">
 +
<div class="mainbottom">
 +
<article id="content2">
 +
<div class="wrapper">
 +
<section class="col4">
 +
<h4>Sponsors</h4>
 +
<ul class="list1">
 +
<li><a href="#">Dmet, consectetur</a></li>
 +
<li><a href="#">Adipisicing elit eiusmod </a></li>
 +
<li><a href="#">Tempor incididunt ut</a></li>
 +
</ul>
 +
</section>
 +
 +
<section class="col5">
 +
 +
<ul class="list1">
 +
<li><a href="#">Dmet, consectetur</a></li>
 +
<li><a href="#">Adipisicing elit eiusmod </a></li>
 +
<li><a href="#">Tempor incididunt ut</a></li>
 +
</ul>
 +
</section>
 +
 +
 +
<section class="twitter col6 pad_left1">
 +
<h4>Twitter Feed</h4>
 +
 +
<script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script>
 +
<script>
 +
new TWTR.Widget({
 +
  version: 2,
 +
  type: 'profile',
 +
  rpp: 8,
 +
  interval: 30000,
 +
  width: 250,
 +
  height: 200,
 +
  theme: {
 +
    shell: {
 +
      background: '#950019',
 +
      color: '#ffffff'
 +
    },
 +
    tweets: {
 +
      background: '#ffffff',
 +
      color: '#000103',
 +
      links: '#ffffff'
 +
    }
 +
  },
 +
  features: {
 +
    scrollbar: true,
 +
    loop: false,
 +
    live: true,
 +
    behavior: 'all'
 +
  }
 +
}).render().setUser('PenniGEM').start();
 +
</script>
 +
<br>
 +
<a style="color:#808080;" href="http://twitter.com/#!/PenniGEM" class="twitter-follow-button">Follow @Penn iGEM</a>
 +
<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>
 +
 +
</section>
 +
<!-- content end -->
 +
</div>
 +
 +
</article>
 +
 +
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
 +
 +
 +
<!-- / content -->
 +
<script type="text/javascript"> Cufon.now(); </script>
 +
<script>!window.jQuery && document.write(unescape('%3Cscript src="jquery-1.7.1.min.js"%3E%3C/script%3E'))</script>
 +
<script type="text/javascript" src="js/menu.js"></script>
 +
</div>
 +
</body>
 +
 +
</html>

Revision as of 11:29, 17 August 2012

<!DOCTYPE html> Home

layer sublayer sublayer
Learn about our projects!
layer sublayer sublayer sublayer sublayer sublayer sublayer sublayer sublayer sublayer sublayer sublayer
layer sublayer sublayer sublayer sublayer sublayer sublayer sublayer sublayer sublayer
layer sublayer sublayer sublayer sublayer sublayer
layer sublayer sublayer sublayer sublayer

2003 UB 313

Charon

Ceres


Light Activated Cytotoxic Drug Delivery

Engineered Microbial Biofilms

g

Sponsors