"
People usu.html
From 2010.igem.org
(→USU TEAM) |
|||
| Line 2: | Line 2: | ||
{{:Team:Utah_State/usu_header}} | {{:Team:Utah_State/usu_header}} | ||
{{:Team:Utah_State/usu_menu}} | {{:Team:Utah_State/usu_menu}} | ||
| + | |||
| + | <style type="text/css"> | ||
| + | .container { position:relative; height: auto; width: 900px; margin:auto; z-index:1; background-color: rgba(255, 255, 255, 0.7)} | ||
| + | .header { position:inherit; height:158px; width: 900px; margin:auto; z-index:2; background-image:url(images/HEADER.jpg);/*Change this link with the one from iGEM*/ | ||
| + | background-repeat:no-repeat;} | ||
| + | .menu {position: relative; height:auto; width: 900px; margin:auto; z-index:3;} | ||
| + | .menu1 {position: relative; height:auto; width: 900px; margin:auto; z-index:7;} | ||
| + | .intro {position: relative; height:auto; width: 900px; margin:auto; z-index:9;} | ||
| + | .content{position:inherit; height:auto; width: 850px; margin:auto; z-index:4; background-color:#CCF; background-repeat:no-repeat} | ||
| + | .content_logo{} | ||
| + | .footer{position:relative; height:auto; width: 900px; margin:auto; z-index:5; background-color:#000} | ||
| + | .bottom{position:relative; height:16px; width: 900px; margin:auto; z-index:6; background-image:url(images/bottom.png)/*Change this link with the one from iGEM*/} | ||
| + | |||
| + | .slideshow { height:auto; width: 224px; margin-left:200px; margin-top:40px; position:relative} | ||
| + | .slideshow img { padding: 15px; border: 0px solid #ccc; background-color:transparent; } | ||
| + | |||
| + | html ul.topnav li ul.subnav li a { | ||
| + | float: left; | ||
| + | width: 145px; | ||
| + | background: #333 url(images/dropdown_linkbg.gif)/*Change this link with the one from iGEM*/ no-repeat 10px center; | ||
| + | padding-left: 20px; | ||
| + | } | ||
| + | html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/ | ||
| + | background: #222 url(images/dropdown_linkbg.gif)/*Change this link with the one from iGEM*/ no-repeat 10px center; | ||
| + | } | ||
| + | |||
| + | body,td,th { | ||
| + | font-family: Arial, Helvetica, sans-serif; | ||
| + | } | ||
| + | </style> | ||
| + | <!-- include jQuery library --> | ||
| + | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script> | ||
| + | |||
| + | <!-- include Cycle plugin --> | ||
| + | <script type="text/javascript" src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.2.74.js"></script> | ||
| + | <script src="Scripts/swfobject_modified.js" type="text/javascript"></script> | ||
| + | <!-- initialize the slideshow when the DOM is ready --> | ||
| + | |||
| + | <script type="text/javascript"> | ||
| + | $(document).ready(function() { | ||
| + | $('.slideshow').cycle({ | ||
| + | fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc... | ||
| + | }); | ||
| + | |||
| + | //Here I am declaring the functions for the menu behavior "Miguel Leonardo" | ||
| + | |||
| + | $("ul.subnav").parent().append("<span></span>"); //Only shows drop down trigger when js is enabled (Adds empty span tag after ul.subnav*) | ||
| + | |||
| + | $("ul.topnav li span").click(function() { //When trigger is clicked... | ||
| + | |||
| + | //Following events are applied to the subnav itself (moving subnav up and down) | ||
| + | $(this).parent().find("ul.subnav").slideDown('fast').show(); //Drop down the subnav on click | ||
| + | |||
| + | $(this).parent().hover(function() { | ||
| + | }, function(){ | ||
| + | $(this).parent().find("ul.subnav").slideUp('slow'); //When the mouse hovers out of the subnav, move it back up | ||
| + | }); | ||
| + | |||
| + | //Following events are applied to the trigger (Hover events for the trigger) | ||
| + | }).hover(function() { | ||
| + | $(this).addClass("subhover"); //On hover over, add class "subhover" | ||
| + | }, function(){ //On Hover Out | ||
| + | $(this).removeClass("subhover"); //On hover out, remove class "subhover" | ||
| + | }); | ||
| + | |||
| + | }); | ||
| + | </script> | ||
| + | |||
<div id="HomeCenterCenterBB"> | <div id="HomeCenterCenterBB"> | ||
| Line 8: | Line 76: | ||
</div> | </div> | ||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque vel sapien lectus, in dignissim leo. Duis diam tortor, facilisis id tincidunt in, fringilla a est. Ut elit libero, venenatis porttitor ultrices eget, rutrum sed diam. Duis semper libero posuere lorem pharetra pretium. Nulla a lacus eu ante elementum rutrum et a neque. Aenean volutpat tellus non est tempus rhoncus in nec lacus. Vivamus ac nibh at eros porta iaculis. Duis non magna ligula. Vivamus nec ipsum quis magna faucibus eleifend pretium sed lectus. Pellentesque sit amet augue non dolor tempor pharetra. Vivamus rhoncus turpis sed risus mollis sit amet ullamcorper tellus molestie. Vivamus eget lorem eget purus scelerisque sollicitudin vel ut ipsum. Nam aliquet urna odio. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Etiam semper condimentum felis, eget mollis neque pulvinar et. Cras a augue enim, a facilisis nisi. Suspendisse potenti. Sed sit amet est augue. Quisque non tortor enim, quis pretium ante. | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque vel sapien lectus, in dignissim leo. Duis diam tortor, facilisis id tincidunt in, fringilla a est. Ut elit libero, venenatis porttitor ultrices eget, rutrum sed diam. Duis semper libero posuere lorem pharetra pretium. Nulla a lacus eu ante elementum rutrum et a neque. Aenean volutpat tellus non est tempus rhoncus in nec lacus. Vivamus ac nibh at eros porta iaculis. Duis non magna ligula. Vivamus nec ipsum quis magna faucibus eleifend pretium sed lectus. Pellentesque sit amet augue non dolor tempor pharetra. Vivamus rhoncus turpis sed risus mollis sit amet ullamcorper tellus molestie. Vivamus eget lorem eget purus scelerisque sollicitudin vel ut ipsum. Nam aliquet urna odio. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Etiam semper condimentum felis, eget mollis neque pulvinar et. Cras a augue enim, a facilisis nisi. Suspendisse potenti. Sed sit amet est augue. Quisque non tortor enim, quis pretium ante. | ||
| + | |||
| + | <div class="slideshow"> | ||
| + | <img src="images/team1.gif" width="500" height="224" /> | ||
| + | <img src="images/team2.gif" width="500" height="224" /> | ||
| + | <img src="images/team3.gif" width="500" height="224" /> | ||
| + | <img src="images/team4.gif" width="500" height="224" /> | ||
| + | <img src="images/team5.gif" width="500" height="224" /> | ||
| + | <img src="images/team6.gif" width="500" height="224" /> | ||
| + | <img src="images/team7.gif" width="500" height="224" /> | ||
| + | |||
| + | <img src="images/team8.gif" width="500" height="224" /> | ||
| + | </div> | ||
| + | |||
=USU TEAM= | =USU TEAM= | ||
Revision as of 07:37, 27 October 2010
<style type="text/css"> .container { position:relative; height: auto; width: 900px; margin:auto; z-index:1; background-color: rgba(255, 255, 255, 0.7)} .header { position:inherit; height:158px; width: 900px; margin:auto; z-index:2; background-image:url(images/HEADER.jpg);/*Change this link with the one from iGEM*/ background-repeat:no-repeat;} .menu {position: relative; height:auto; width: 900px; margin:auto; z-index:3;} .menu1 {position: relative; height:auto; width: 900px; margin:auto; z-index:7;} .intro {position: relative; height:auto; width: 900px; margin:auto; z-index:9;} .content{position:inherit; height:auto; width: 850px; margin:auto; z-index:4; background-color:#CCF; background-repeat:no-repeat} .content_logo{} .footer{position:relative; height:auto; width: 900px; margin:auto; z-index:5; background-color:#000} .bottom{position:relative; height:16px; width: 900px; margin:auto; z-index:6; background-image:url(images/bottom.png)/*Change this link with the one from iGEM*/}
.slideshow { height:auto; width: 224px; margin-left:200px; margin-top:40px; position:relative} .slideshow img { padding: 15px; border: 0px solid #ccc; background-color:transparent; }
html ul.topnav li ul.subnav li a { float: left; width: 145px; background: #333 url(images/dropdown_linkbg.gif)/*Change this link with the one from iGEM*/ no-repeat 10px center; padding-left: 20px; } html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/ background: #222 url(images/dropdown_linkbg.gif)/*Change this link with the one from iGEM*/ no-repeat 10px center; }
body,td,th { font-family: Arial, Helvetica, sans-serif; } </style> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script type="text/javascript" src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.2.74.js"></script> <script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
<script type="text/javascript"> $(document).ready(function() {
$('.slideshow').cycle({
fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc... });
//Here I am declaring the functions for the menu behavior "Miguel Leonardo"
$("ul.subnav").parent().append(""); //Only shows drop down trigger when js is enabled (Adds empty span tag after ul.subnav*)
$("ul.topnav li span").click(function() { //When trigger is clicked...
//Following events are applied to the subnav itself (moving subnav up and down) $(this).parent().find("ul.subnav").slideDown('fast').show(); //Drop down the subnav on click
$(this).parent().hover(function() { }, function(){ $(this).parent().find("ul.subnav").slideUp('slow'); //When the mouse hovers out of the subnav, move it back up });
//Following events are applied to the trigger (Hover events for the trigger) }).hover(function() { $(this).addClass("subhover"); //On hover over, add class "subhover" }, function(){ //On Hover Out $(this).removeClass("subhover"); //On hover out, remove class "subhover" });
}); </script>
The Team
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque vel sapien lectus, in dignissim leo. Duis diam tortor, facilisis id tincidunt in, fringilla a est. Ut elit libero, venenatis porttitor ultrices eget, rutrum sed diam. Duis semper libero posuere lorem pharetra pretium. Nulla a lacus eu ante elementum rutrum et a neque. Aenean volutpat tellus non est tempus rhoncus in nec lacus. Vivamus ac nibh at eros porta iaculis. Duis non magna ligula. Vivamus nec ipsum quis magna faucibus eleifend pretium sed lectus. Pellentesque sit amet augue non dolor tempor pharetra. Vivamus rhoncus turpis sed risus mollis sit amet ullamcorper tellus molestie. Vivamus eget lorem eget purus scelerisque sollicitudin vel ut ipsum. Nam aliquet urna odio. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Etiam semper condimentum felis, eget mollis neque pulvinar et. Cras a augue enim, a facilisis nisi. Suspendisse potenti. Sed sit amet est augue. Quisque non tortor enim, quis pretium ante.
USU TEAM
| <img src="images/Pictures iGEM Competition/eduardo.jpg" width="310" height="336" alt="Eduardo"> | Eduardo Monzon |
| Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec cursus diam ut eros bibendum quis blandit diam fringilla. Nunc ornare elit nec dui aliquet eget lobortis tellus sodales. Praesent pharetra erat sit amet sapien volutpat bibendum. In ut urna augue. Mauris tempor elit quis eros auctor vitae scelerisque lorem feugiat. Integer adipiscing, neque sed tristique vulputate, augue est vulputate nunc, fermentum pretium sem ligula id massa. Cras ut nulla lorem, id tempus ligula. Maecenas enim ligula, posuere at mollis et, tincidunt a urna. Aenean eget euismod ipsum. Quisque at erat libero. Vestibulum id diam eros. Vestibulum libero sem, convallis sit amet convallis quis, egestas vitae nibh. Pellentesque ullamcorper pellentesque pellentesque. Integer erat diam, placerat pellentesque porta sed, placerat et lorem. Quisque sollicitudin dui non ante pellentesque eget placerat nisl lobortis. Pellentesque ac turpis sed massa auctor gravida. Vestibulum tincidunt volutpat nisi, ac laoreet magna iaculis ac. Pellentesque lobortis posuere sapien ac commodo. | |
| <img src="images/Pictures iGEM Competition/eduardo.jpg" width="310" height="336" alt="Eduardo"> | Abiezer Tejeda |
| Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec cursus diam ut eros bibendum quis blandit diam fringilla. Nunc ornare elit nec dui aliquet eget lobortis tellus sodales. Praesent pharetra erat sit amet sapien volutpat bibendum. In ut urna augue. Mauris tempor elit quis eros auctor vitae scelerisque lorem feugiat. Integer adipiscing, neque sed tristique vulputate, augue est vulputate nunc, fermentum pretium sem ligula id massa. Cras ut nulla lorem, id tempus ligula. Maecenas enim ligula, posuere at mollis et, tincidunt a urna. Aenean eget euismod ipsum. Quisque at erat libero. Vestibulum id diam eros. Vestibulum libero sem, convallis sit amet convallis quis, egestas vitae nibh. Pellentesque ullamcorper pellentesque pellentesque. Integer erat diam, placerat pellentesque porta sed, placerat et lorem. Quisque sollicitudin dui non ante pellentesque eget placerat nisl lobortis. Pellentesque ac turpis sed massa auctor gravida. Vestibulum tincidunt volutpat nisi, ac laoreet magna iaculis ac. Pellentesque lobortis posuere sapien ac commodo. | |
| <img src="images/Pictures iGEM Competition/eduardo.jpg" width="310" height="336" alt="Eduardo"> | |
| Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec cursus diam ut eros bibendum quis blandit diam fringilla. Nunc ornare elit nec dui aliquet eget lobortis tellus sodales. Praesent pharetra erat sit amet sapien volutpat bibendum. In ut urna augue. Mauris tempor elit quis eros auctor vitae scelerisque lorem feugiat. Integer adipiscing, neque sed tristique vulputate, augue est vulputate nunc, fermentum pretium sem ligula id massa. Cras ut nulla lorem, id tempus ligula. Maecenas enim ligula, posuere at mollis et, tincidunt a urna. Aenean eget euismod ipsum. Quisque at erat libero. Vestibulum id diam eros. Vestibulum libero sem, convallis sit amet convallis quis, egestas vitae nibh. Pellentesque ullamcorper pellentesque pellentesque. Integer erat diam, placerat pellentesque porta sed, placerat et lorem. Quisque sollicitudin dui non ante pellentesque eget placerat nisl lobortis. Pellentesque ac turpis sed massa auctor gravida. Vestibulum tincidunt volutpat nisi, ac laoreet magna iaculis ac. Pellentesque lobortis posuere sapien ac commodo. | |
| <img src="images/Pictures iGEM Competition/eduardo.jpg" width="310" height="336" alt="Eduardo"> | |
| Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec cursus diam ut eros bibendum quis blandit diam fringilla. Nunc ornare elit nec dui aliquet eget lobortis tellus sodales. Praesent pharetra erat sit amet sapien volutpat bibendum. In ut urna augue. Mauris tempor elit quis eros auctor vitae scelerisque lorem feugiat. Integer adipiscing, neque sed tristique vulputate, augue est vulputate nunc, fermentum pretium sem ligula id massa. Cras ut nulla lorem, id tempus ligula. Maecenas enim ligula, posuere at mollis et, tincidunt a urna. Aenean eget euismod ipsum. Quisque at erat libero. Vestibulum id diam eros. Vestibulum libero sem, convallis sit amet convallis quis, egestas vitae nibh. Pellentesque ullamcorper pellentesque pellentesque. Integer erat diam, placerat pellentesque porta sed, placerat et lorem. Quisque sollicitudin dui non ante pellentesque eget placerat nisl lobortis. Pellentesque ac turpis sed massa auctor gravida. Vestibulum tincidunt volutpat nisi, ac laoreet magna iaculis ac. Pellentesque lobortis posuere sapien ac commodo. | |
| <img src="images/Pictures iGEM Competition/eduardo.jpg" width="310" height="336" alt="Eduardo"> | |
| Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec cursus diam ut eros bibendum quis blandit diam fringilla. Nunc ornare elit nec dui aliquet eget lobortis tellus sodales. Praesent pharetra erat sit amet sapien volutpat bibendum. In ut urna augue. Mauris tempor elit quis eros auctor vitae scelerisque lorem feugiat. Integer adipiscing, neque sed tristique vulputate, augue est vulputate nunc, fermentum pretium sem ligula id massa. Cras ut nulla lorem, id tempus ligula. Maecenas enim ligula, posuere at mollis et, tincidunt a urna. Aenean eget euismod ipsum. Quisque at erat libero. Vestibulum id diam eros. Vestibulum libero sem, convallis sit amet convallis quis, egestas vitae nibh. Pellentesque ullamcorper pellentesque pellentesque. Integer erat diam, placerat pellentesque porta sed, placerat et lorem. Quisque sollicitudin dui non ante pellentesque eget placerat nisl lobortis. Pellentesque ac turpis sed massa auctor gravida. Vestibulum tincidunt volutpat nisi, ac laoreet magna iaculis ac. Pellentesque lobortis posuere sapien ac commodo. | |
| <img src="images/Pictures iGEM Competition/eduardo.jpg" width="310" height="336" alt="Eduardo"> | |
| Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec cursus diam ut eros bibendum quis blandit diam fringilla. Nunc ornare elit nec dui aliquet eget lobortis tellus sodales. Praesent pharetra erat sit amet sapien volutpat bibendum. In ut urna augue. Mauris tempor elit quis eros auctor vitae scelerisque lorem feugiat. Integer adipiscing, neque sed tristique vulputate, augue est vulputate nunc, fermentum pretium sem ligula id massa. Cras ut nulla lorem, id tempus ligula. Maecenas enim ligula, posuere at mollis et, tincidunt a urna. Aenean eget euismod ipsum. Quisque at erat libero. Vestibulum id diam eros. Vestibulum libero sem, convallis sit amet convallis quis, egestas vitae nibh. Pellentesque ullamcorper pellentesque pellentesque. Integer erat diam, placerat pellentesque porta sed, placerat et lorem. Quisque sollicitudin dui non ante pellentesque eget placerat nisl lobortis. Pellentesque ac turpis sed massa auctor gravida. Vestibulum tincidunt volutpat nisi, ac laoreet magna iaculis ac. Pellentesque lobortis posuere sapien ac commodo. | |
| <img src="images/Pictures iGEM Competition/eduardo.jpg" width="310" height="336" alt="Eduardo"> | |
| Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec cursus diam ut eros bibendum quis blandit diam fringilla. Nunc ornare elit nec dui aliquet eget lobortis tellus sodales. Praesent pharetra erat sit amet sapien volutpat bibendum. In ut urna augue. Mauris tempor elit quis eros auctor vitae scelerisque lorem feugiat. Integer adipiscing, neque sed tristique vulputate, augue est vulputate nunc, fermentum pretium sem ligula id massa. Cras ut nulla lorem, id tempus ligula. Maecenas enim ligula, posuere at mollis et, tincidunt a urna. Aenean eget euismod ipsum. Quisque at erat libero. Vestibulum id diam eros. Vestibulum libero sem, convallis sit amet convallis quis, egestas vitae nibh. Pellentesque ullamcorper pellentesque pellentesque. Integer erat diam, placerat pellentesque porta sed, placerat et lorem. Quisque sollicitudin dui non ante pellentesque eget placerat nisl lobortis. Pellentesque ac turpis sed massa auctor gravida. Vestibulum tincidunt volutpat nisi, ac laoreet magna iaculis ac. Pellentesque lobortis posuere sapien ac commodo. | |
| <img src="images/Pictures iGEM Competition/eduardo.jpg" width="310" height="336" alt="Eduardo"> | |
| Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec cursus diam ut eros bibendum quis blandit diam fringilla. Nunc ornare elit nec dui aliquet eget lobortis tellus sodales. Praesent pharetra erat sit amet sapien volutpat bibendum. In ut urna augue. Mauris tempor elit quis eros auctor vitae scelerisque lorem feugiat. Integer adipiscing, neque sed tristique vulputate, augue est vulputate nunc, fermentum pretium sem ligula id massa. Cras ut nulla lorem, id tempus ligula. Maecenas enim ligula, posuere at mollis et, tincidunt a urna. Aenean eget euismod ipsum. Quisque at erat libero. Vestibulum id diam eros. Vestibulum libero sem, convallis sit amet convallis quis, egestas vitae nibh. Pellentesque ullamcorper pellentesque pellentesque. Integer erat diam, placerat pellentesque porta sed, placerat et lorem. Quisque sollicitudin dui non ante pellentesque eget placerat nisl lobortis. Pellentesque ac turpis sed massa auctor gravida. Vestibulum tincidunt volutpat nisi, ac laoreet magna iaculis ac. Pellentesque lobortis posuere sapien ac commodo. | |
