Team:Penn/Website

From 2012.igem.org

(Difference between revisions)
Line 92: Line 92:
<!--
<!--
<div id="dim">
<div id="dim">
-
 
<div id="layerslider">
<div id="layerslider">
Line 196: Line 195:
</tr>
</tr>
</table>
</table>
-
 
-
 
-
 
-
 
-
 
-
 
-
<!---------------------------------------------------------------------------------------------------->
 
-
<!--
 
-
    <div id="leftcol">
 
-
    <p>test</p>
 
-
    </div>
 
-
 
-
 
-
    <div id="rightcol">
 
-
    <p>test</p>
 
-
    </div>
 
-
 
-
 
-
 
-
<div id="topcolumns">
 
-
 
-
                                 
 
-
<div class="left column">
 
-
 
-
        <p style="text-align:center">dsajfhkjdshfaksdhf</p>
 
-
 
-
 
-
<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>
 
-
 
-
</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({
 
-
 
-
 
-
    /* <decompress href="/MySkins"> */
 
-
  /*skinsPath : '/MySkins/mySkins/skins/' */,
 
-
skin : 'defaultskin'
 
-
});
 
-
});
 
-
</script>
 
-
</div>
 
-
-->
 
-
<!--
 
-
 
-
<div class="right column">
 
-
 
-
<p style="text-align:center">adsfargaj'</p>
 
-
<div class="box" id="right">
 
-
<p>sadfahsdkjfahdsfas</p>
 
-
 
-
<h2>Welcome! <span></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>
 
-
-->
 
-
 
</body>
</body>
</html>
</html>

Revision as of 16:53, 23 August 2012

Penn 2012 iGEM Wiki

Slider

Welcome!

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.

Light Activated Cytotoxic Drug Delivery

Engineered Microbial Biofilms