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="bar">
+
<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

Meet the Team