Team:WITS-CSIR SA/About/Team
From 2011.igem.org
(Difference between revisions)
(51 intermediate revisions not shown) | |||
Line 16: | Line 16: | ||
<body> | <body> | ||
- | <div class=" | + | <div class="menubar"> |
<ul class="topnav"> | <ul class="topnav"> | ||
<li class="current"><a href="https://2011.igem.org/Team:WITS-CSIR_SA">Home</a></li> | <li class="current"><a href="https://2011.igem.org/Team:WITS-CSIR_SA">Home</a></li> | ||
Line 56: | Line 56: | ||
</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