Team:WITS-CSIR SA/About/Team

From 2011.igem.org

(Difference between revisions)
 
(36 intermediate revisions not shown)
Line 61: Line 61:
<div style="width: 860px; margin: 10px auto;">
<div style="width: 860px; margin: 10px auto;">
-
<!--Fade-->  
+
 +
<!--Bar 2-->  
<div class="mosaic-block fade">  
<div class="mosaic-block fade">  
-
<a href="http://buildinternet.com/project/mightyicons/" target="_blank" class="mosaic-overlay">  
+
<a href="http://www.nonsensesociety.com/2010/12/i-am-not-human-portraits/" target="_blank" class="mosaic-overlay">  
<div class="details">  
<div class="details">  
-
<h4 class="mosaic-content">Mighty Social Icons</h4>  
+
<h4 class="mosaic-content">Natasia Kruger</h4><br/>  
-
<p class="mosaic-content">By Build Internet</p>  
+
<p class="mosaic-content">Natasia is studying microbiology and biotechnology. </p>  
</div>  
</div>  
</a>  
</a>  
-
<div class="mosaic-backdrop"><img src="http://buildinternet.s3.amazonaws.com/projects/mosaic/mightyicons.jpg"/></div>  
+
<div class="mosaic-backdrop"><img src="https://static.igem.org/mediawiki/2011/5/5d/Natasia3.jpg"/></div>  
</div>  
</div>  
-
<!--Bar-->  
+
-
<div class="mosaic-block bar">  
+
 
-
<a href="http://www.nonsensesociety.com/2011/01/sloppy-art/" target="_blank" class="mosaic-overlay">  
+
<!--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">  
<div class="details">  
-
<h4 class="mosaic-content">Sloppy Art - A Mess of Inspiration</h4>  
+
<h4 class="mosaic-content">Ezio</h4><br/>  
-
<p class="mosaic-content">via the Nonsense Society (image credit: Florian</p>  
+
<p class="mosaic-content">Ezio is studying molecular medicine. He likes to watch bacteria grow.</p>  
</div>  
</div>  
</a>  
</a>  
-
<div class="mosaic-backdrop"><img src="http://buildinternet.s3.amazonaws.com/projects/mosaic/florian.jpg"/></div>  
+
<div class="mosaic-backdrop"><img src="https://static.igem.org/mediawiki/2011/6/6f/EzioSerious.jpg"/></div>  
</div>  
</div>  
<!--Bar 2-->  
<!--Bar 2-->  
-
<div class="mosaic-block bar2">  
+
<div class="mosaic-block fade">  
<a href="http://www.nonsensesociety.com/2010/12/i-am-not-human-portraits/" target="_blank" class="mosaic-overlay">  
<a href="http://www.nonsensesociety.com/2010/12/i-am-not-human-portraits/" target="_blank" class="mosaic-overlay">  
<div class="details">  
<div class="details">  
-
<h4 class="mosaic-content">I Am Not Human - Unique Self Portraits</h4><br/>  
+
<h4 class="mosaic-content">Gloria</h4><br/>  
-
<p class="mosaic-content">via the Nonsense Society (photo credit: Dan Deroches)</p>  
+
<p class="mosaic-content">Studying Microbiology at Wits</p>  
</div>  
</div>  
</a>  
</a>  
-
<div class="mosaic-backdrop"><img src="http://buildinternet.s3.amazonaws.com/projects/mosaic/desroches.jpg"/></div>  
+
<div class="mosaic-backdrop"><img src="https://static.igem.org/mediawiki/2011/a/a0/Gloria.jpg"/></div>  
</div>  
</div>  
-
<!--Cover-->  
+
-
<div class="mosaic-block cover">
+
<!--Bar 2-->  
-
<div class="mosaic-overlay"><img src="http://buildinternet.s3.amazonaws.com/projects/mosaic/imac.jpg"/></div>  
+
<div class="mosaic-block fade">  
-
<a href="http://www.desktopped.com/featured/2010/12/mounted-imac-and-desk-mod-with-computer-components-built-in/" target="_blank" class="mosaic-backdrop">  
+
<a href="http://www.nonsensesociety.com/2010/12/i-am-not-human-portraits/" target="_blank" class="mosaic-overlay">  
<div class="details">  
<div class="details">  
-
<h4 class="mosaic-content">Mounted iMac And Desk Mod With Computer Components Built In</h4>  
+
<h4 class="mosaic-content">Sasha</h4><br/>  
-
<p class="mosaic-content">via Desktopped</p>  
+
<p class="mosaic-content">Sasha is studying molecular medicine.</p>  
</div>  
</div>  
</a>  
</a>  
 +
<div class="mosaic-backdrop"><img src="https://static.igem.org/mediawiki/2011/3/3a/Sasha2.JPG"/></div>
</div>  
</div>  
-
<!--Cover 2-->  
+
-
<div class="mosaic-block cover2">  
+
-
<a href="http://yourather.com/questions/135" target="_blank" class="mosaic-overlay"><img src="http://buildinternet.s3.amazonaws.com/projects/mosaic/yourather.jpg"/></a>
+
 
-
<a href="http://yourather.com/questions/135" target="_blank" class="mosaic-backdrop">  
+
<!--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">  
<div class="details">  
-
<h4 class="mosaic-content">Hardest Choice Ever</h4>  
+
<h4 class="mosaic-content">Brad</h4><br/>  
-
<p class="mosaic-content">via You Rather</p>  
+
<p class="mosaic-content">Brad is studying information engineering.</p>  
</div>  
</div>  
</a>  
</a>  
 +
<div class="mosaic-backdrop"><img src="https://static.igem.org/mediawiki/2011/9/9a/Brad.JPG"/></div>
</div>  
</div>  
-
<!--Cover 3-->  
+
-
<div class="mosaic-block cover3">  
+
<!--Bar 2-->  
-
<div class="mosaic-overlay"><img src="http://buildinternet.s3.amazonaws.com/projects/mosaic/omr-office.jpg"/></div>
+
<div class="mosaic-block fade">  
-
<a href="http://officeal.com/offices/one-mighty-roar/" target="_blank" class="mosaic-backdrop">  
+
<a href="http://www.nonsensesociety.com/2010/12/i-am-not-human-portraits/" target="_blank" class="mosaic-overlay">  
<div class="details">  
<div class="details">  
-
<h4 class="mosaic-content">One Mighty Roar Office</h4>  
+
<h4 class="mosaic-content">Richard</h4><br/>  
-
<p class="mosaic-content">via Officeal</p>  
+
<p class="mosaic-content">Richard is studying chemical engineering.</p>  
</div>  
</div>  
</a>  
</a>  
 +
<div class="mosaic-backdrop"><img src="https://static.igem.org/mediawiki/igem.org/b/b0/Richard2.png"/></div>
</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 class="clearfix"></div>  
</div>
</div>
 +
 +
<script type="text/javascript">
<script type="text/javascript">

Latest revision as of 06:51, 24 May 2011

Meet the Team