Team:WITS-CSIR SA/About/Team
From 2011.igem.org
(Difference between revisions)
(Created page with "<html> <head> <link rel="stylesheet" type="text/css" href="https://2011.igem.org/Team:WITS-CSIR_SA/style.css?action=raw&ctype=text/css"> <script type="text/javascript" src="h...") |
|||
(52 intermediate revisions not shown) | |||
Line 2: | Line 2: | ||
<head> | <head> | ||
<link rel="stylesheet" type="text/css" href="https://2011.igem.org/Team:WITS-CSIR_SA/style.css?action=raw&ctype=text/css"> | <link rel="stylesheet" type="text/css" href="https://2011.igem.org/Team:WITS-CSIR_SA/style.css?action=raw&ctype=text/css"> | ||
+ | <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/vader/jquery-ui.css" /> | ||
<script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/igem.js?action=raw&ctype=text/js"></script> | <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/igem.js?action=raw&ctype=text/js"></script> | ||
+ | |||
+ | <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/plugins.js?action=raw&ctype=text/js"></script> | ||
+ | |||
+ | <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/common.js?action=raw&ctype=text/js"></script> | ||
+ | |||
+ | <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/menu.js?action=raw&ctype=text/js"></script> | ||
+ | |||
+ | <script type="/text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/jquery-ui.min.js"></script> | ||
</head> | </head> | ||
<body> | <body> | ||
- | <ul | + | <div class="menubar"> |
- | <li><a href="https://2011.igem.org/Team:WITS-CSIR_SA">Home</a></li> | + | <ul class="topnav"> |
+ | <li class="current"><a href="https://2011.igem.org/Team:WITS-CSIR_SA">Home</a></li> | ||
<li><a href="#">Project</a> | <li><a href="#">Project</a> | ||
- | <ul> | + | <ul class="subnav"> |
<li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/Project/Overview">Overview</a></li> | <li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/Project/Overview">Overview</a></li> | ||
<li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/Project/Submissions">Parts Submitted</a></li> | <li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/Project/Submissions">Parts Submitted</a></li> | ||
Line 16: | Line 26: | ||
</li> | </li> | ||
<li><a href="#">Scrapbook</a> | <li><a href="#">Scrapbook</a> | ||
- | <ul> | + | <ul class="subnav"> |
<li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/Scrapbook/Calendar">Calendar</a></li> | <li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/Scrapbook/Calendar">Calendar</a></li> | ||
<li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/Scrapbook/Minutes">Minutes</a></li> | <li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/Scrapbook/Minutes">Minutes</a></li> | ||
Line 25: | Line 35: | ||
<li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/Outreach/Index">Outreach</a></li> | <li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/Outreach/Index">Outreach</a></li> | ||
<li><a href="#">Sponsors</a> | <li><a href="#">Sponsors</a> | ||
- | <ul> | + | <ul class="subnav"> |
<li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/Sponsors/CSIR">CSIR</a></li> | <li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/Sponsors/CSIR">CSIR</a></li> | ||
<li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/Sponsors/Wits">Wits University</a></li> | <li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/Sponsors/Wits">Wits University</a></li> | ||
</ul> | </ul> | ||
</li> | </li> | ||
- | <li | + | <li><a href="#">About Us</a> |
- | <ul> | + | <ul class="subnav"> |
<li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/About/Team">Meet the Team</a></li> | <li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/About/Team">Meet the Team</a></li> | ||
<li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/About/Contact">Contact Us</a></li> | <li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/About/Contact">Contact Us</a></li> | ||
Line 37: | Line 47: | ||
</li> | </li> | ||
<li><a href="#">Resources</a> | <li><a href="#">Resources</a> | ||
- | <ul> | + | <ul class="subnav"> |
<li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/style.css">Stylesheet</a></li> | <li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/style.css">Stylesheet</a></li> | ||
<li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/igem.js">Script</a></li> | <li><a href="https://2011.igem.org/Team:WITS-CSIR_SA/igem.js">Script</a></li> | ||
Line 43: | Line 53: | ||
</li> | </li> | ||
</ul> | </ul> | ||
+ | <div class="ui-helper-clearfix"></div> | ||
+ | </div> | ||
- | <div class="padding"> | + | <div class="padding ui-corner-all ui-widget-content"> |
- | <h1>Meet the Team</h1> | + | <h1 class="logo" style="font-size: 24pt;">Meet the Team</h1> |
+ | <div style="width: 860px; margin: 10px auto;"> | ||
+ | |||
+ | <!--Bar 2--> | ||
+ | <div class="mosaic-block fade"> | ||
+ | <a href="http://www.nonsensesociety.com/2010/12/i-am-not-human-portraits/" target="_blank" class="mosaic-overlay"> | ||
+ | <div class="details"> | ||
+ | <h4 class="mosaic-content">Natasia Kruger</h4><br/> | ||
+ | <p class="mosaic-content">Natasia is studying microbiology and biotechnology. </p> | ||
+ | </div> | ||
+ | </a> | ||
+ | <div class="mosaic-backdrop"><img src="https://static.igem.org/mediawiki/2011/5/5d/Natasia3.jpg"/></div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | <!--Bar 2--> | ||
+ | <div class="mosaic-block fade"> | ||
+ | <a href="http://www.nonsensesociety.com/2010/12/i-am-not-human-portraits/" target="_blank" class="mosaic-overlay"> | ||
+ | <div class="details"> | ||
+ | <h4 class="mosaic-content">Ezio</h4><br/> | ||
+ | <p class="mosaic-content">Ezio is studying molecular medicine. He likes to watch bacteria grow.</p> | ||
+ | </div> | ||
+ | </a> | ||
+ | <div class="mosaic-backdrop"><img src="https://static.igem.org/mediawiki/2011/6/6f/EzioSerious.jpg"/></div> | ||
+ | </div> | ||
+ | |||
+ | <!--Bar 2--> | ||
+ | <div class="mosaic-block fade"> | ||
+ | <a href="http://www.nonsensesociety.com/2010/12/i-am-not-human-portraits/" target="_blank" class="mosaic-overlay"> | ||
+ | <div class="details"> | ||
+ | <h4 class="mosaic-content">Gloria</h4><br/> | ||
+ | <p class="mosaic-content">Studying Microbiology at Wits</p> | ||
+ | </div> | ||
+ | </a> | ||
+ | <div class="mosaic-backdrop"><img src="https://static.igem.org/mediawiki/2011/a/a0/Gloria.jpg"/></div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <!--Bar 2--> | ||
+ | <div class="mosaic-block fade"> | ||
+ | <a href="http://www.nonsensesociety.com/2010/12/i-am-not-human-portraits/" target="_blank" class="mosaic-overlay"> | ||
+ | <div class="details"> | ||
+ | <h4 class="mosaic-content">Sasha</h4><br/> | ||
+ | <p class="mosaic-content">Sasha is studying molecular medicine.</p> | ||
+ | </div> | ||
+ | </a> | ||
+ | <div class="mosaic-backdrop"><img src="https://static.igem.org/mediawiki/2011/3/3a/Sasha2.JPG"/></div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <!--Bar 2--> | ||
+ | <div class="mosaic-block fade"> | ||
+ | <a href="http://www.nonsensesociety.com/2010/12/i-am-not-human-portraits/" target="_blank" class="mosaic-overlay"> | ||
+ | <div class="details"> | ||
+ | <h4 class="mosaic-content">Brad</h4><br/> | ||
+ | <p class="mosaic-content">Brad is studying information engineering.</p> | ||
+ | </div> | ||
+ | </a> | ||
+ | <div class="mosaic-backdrop"><img src="https://static.igem.org/mediawiki/2011/9/9a/Brad.JPG"/></div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <!--Bar 2--> | ||
+ | <div class="mosaic-block fade"> | ||
+ | <a href="http://www.nonsensesociety.com/2010/12/i-am-not-human-portraits/" target="_blank" class="mosaic-overlay"> | ||
+ | <div class="details"> | ||
+ | <h4 class="mosaic-content">Richard</h4><br/> | ||
+ | <p class="mosaic-content">Richard is studying chemical engineering.</p> | ||
+ | </div> | ||
+ | </a> | ||
+ | <div class="mosaic-backdrop"><img src="https://static.igem.org/mediawiki/igem.org/b/b0/Richard2.png"/></div> | ||
+ | </div> | ||
+ | |||
+ | <!--Bar 2--> | ||
+ | <div class="mosaic-block fade"> | ||
+ | <a href="http://www.nonsensesociety.com/2010/12/i-am-not-human-portraits/" target="_blank" class="mosaic-overlay"> | ||
+ | <div class="details"> | ||
+ | <h4 class="mosaic-content">Karl</h4><br/> | ||
+ | <p class="mosaic-content">Karl is a lecturer at Wits and an advisor to the team.</p> | ||
+ | </div> | ||
+ | </a> | ||
+ | <div class="mosaic-backdrop"><img src="https://static.igem.org/mediawiki/2011/2/2d/Karl1.JPG"/></div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | <!--Bar 2--> | ||
+ | <div class="mosaic-block fade"> | ||
+ | <a href="http://www.nonsensesociety.com/2010/12/i-am-not-human-portraits/" target="_blank" class="mosaic-overlay"> | ||
+ | <div class="details"> | ||
+ | <h4 class="mosaic-content">Marco</h4><br/> | ||
+ | <p class="mosaic-content">Marco is a lecturer at Wits med campus. He is one of our advisors.</p> | ||
+ | </div> | ||
+ | </a> | ||
+ | <div class="mosaic-backdrop"><img src="https://static.igem.org/mediawiki/2011/7/7d/Marco.jpg"/></div> | ||
+ | </div> | ||
+ | |||
+ | <!--Bar 2--> | ||
+ | <div class="mosaic-block fade"> | ||
+ | <a href="http://www.nonsensesociety.com/2010/12/i-am-not-human-portraits/" target="_blank" class="mosaic-overlay"> | ||
+ | <div class="details"> | ||
+ | <h4 class="mosaic-content">Michelle</h4><br/> | ||
+ | <p class="mosaic-content">Michelle is an ex-iGEMer and advisor to the team.</p> | ||
+ | </div> | ||
+ | </a> | ||
+ | <div class="mosaic-backdrop"><img src="https://static.igem.org/mediawiki/2011/7/75/Michelle.jpg"/></div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | <div class="clearfix"></div> | ||
</div> | </div> | ||
+ | |||
+ | |||
<script type="text/javascript"> | <script type="text/javascript"> | ||
$(function(){ | $(function(){ | ||
+ | $('.fade').mosaic(); | ||
+ | |||
+ | $('.bar').mosaic({ | ||
+ | animation : 'slide' //fade or slide | ||
+ | }); | ||
+ | |||
+ | $('.bar2').mosaic({ | ||
+ | animation : 'slide' //fade or slide | ||
+ | }); | ||
+ | |||
+ | $('.cover').mosaic({ | ||
+ | animation : 'slide', //fade or slide | ||
+ | hover_x : '400px' //Horizontal position on hover | ||
+ | }); | ||
+ | |||
+ | $('.cover2').mosaic({ | ||
+ | animation : 'slide', //fade or slide | ||
+ | anchor_y : 'top', //Vertical anchor position | ||
+ | hover_y : '80px' //Vertical position on hover | ||
+ | }); | ||
+ | |||
+ | $('.cover3').mosaic({ | ||
+ | animation : 'slide', //fade or slide | ||
+ | hover_x : '400px', //Horizontal position on hover | ||
+ | hover_y : '300px' //Vertical position on hover | ||
+ | }); | ||
}); | }); | ||
</script> | </script> |
Latest revision as of 06:51, 24 May 2011