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&amp;ctype=text/css">
<link rel="stylesheet" type="text/css" href="https://2011.igem.org/Team:WITS-CSIR_SA/style.css?action=raw&amp;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&amp;ctype=text/js"></script>
<script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/igem.js?action=raw&amp;ctype=text/js"></script>
 +
 +
<script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/plugins.js?action=raw&amp;ctype=text/js"></script>
 +
 +
<script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/common.js?action=raw&amp;ctype=text/js"></script>
 +
 +
<script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/menu.js?action=raw&amp;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 id="nav">
+
<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 class="current"><a href="#">About Us</a>
+
   <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

Meet the Team