Team:Zamorano/Team

From 2014.igem.org

(Difference between revisions)
(Prototype team page)
 
(46 intermediate revisions not shown)
Line 1: Line 1:
-
{{CSS/Main}}
+
<html xmlns="http://www.w3.org/1999/xhtml">
 +
   
 +
<head>
 +
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 +
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
 +
<script type="text/javascript" src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-dropdown.js"></script>
 +
<script type="text/javascript" src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-carousel.js"></script>
 +
<script type="text/javascript" src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-collapse.js"></script>
 +
<script type="text/javascript" src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-transition.js"></script>
 +
<script type="text/javascript" src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-tab.js"></script>
 +
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
-
<html>
+
<style type="text/css">
 +
body {
 +
  margin: 0;
 +
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 +
  font-size: 10px;
 +
  line-height: 15px;
 +
  color: #333333;
 +
  background-color: #00466C;
 +
}
-
<!--main content -->
+
p{text-align:justify;font:12px/18px Verdana, Geneva, sans-serif;}
-
<table width="70%" align="center">
+
#pagina{width:960px;height:auto;margin:0 auto;}
 +
#pagina #tabs{margin-bottom:20px;margin-top:0px;/*width:850px;*/font:12px/18px Verdana, Geneva, sans-serif;color:#000;}
 +
.img-rounded {
 +
  -webkit-border-radius: 6px;
 +
    -moz-border-radius: 6px;
 +
          border-radius: 6px;
 +
}
 +
#tabs ul {
 +
margin: 0;
 +
margin: 5px 0 0;
 +
padding: 0;
 +
list-style: none;
 +
text-indent: 0;
 +
border-bottom:1px;
 +
margin-top:-26px;
 +
}
-
<!--welcome box -->
+
#tabs li {list-style: none;margin:0;/*border-right:1px solid #4f6073;*/}
-
<tr>
+
#tabs li,#tabs li a {
-
<td style="border:1px solid black;" colspan="3" align="center" height="150px" bgColor=#FF404B>
+
font-size: 13px;
-
<h1 >WELCOME TO iGEM 2014! </h1>
+
line-height: 1;
-
<p>Your team has been approved and you are ready to start the iGEM season!
+
display: block;
-
<br>On this page you can document your project, introduce your team members, document your progress <br> and share your iGEM experience with the rest of the world! </p>
+
float: left;
-
<br>
+
padding: 8px 8px 9px;
-
<p style="color:#E7E7E7"> <a href="https://2014.igem.org/wiki/index.php?title=Team:Zamorano/Team&action=edit"style="color:#FFFFFF"> Click here  to edit this page!</a> </p>
+
margin: 0;
-
</td>
+
float: left;
-
</tr>
+
/*color: #fff;*/
 +
color:#09F;
 +
}
 +
#tabs ul li a {text-decoration: none;padding:0px 8px;/*font-weight: bold;*/color:#09F/*#17222c;*/ }
 +
#tabs ul li a:hover {color:#009;text-shadow:0px 0px #6b7c95; }
 +
#tabs ul li.active {
 +
padding-top: 7px;
 +
background-color: #fff;
 +
border-style: solid;
 +
border-width: 1px 1px 0 1px;
 +
border-color: #d7d7d7;
 +
-webkit-box-shadow: 0 0 8px 0px rgba( 100, 100, 100, 0.12 );
 +
-moz-box-shadow: 0 0 8px 0px rgba( 100, 100, 100, 0.12 );
 +
box-shadow: 0 0 8px 0px rgba( 100, 100, 100, 0.12 );
 +
-webkit-border-top-left-radius: 3px;
 +
-webkit-border-top-right-radius: 3px;
 +
border-top-left-radius: 3px;
 +
border-top-right-radius: 3px;
 +
font-weight: bold;
 +
}
 +
#tabs ul li.active a {color: #17222c;}
 +
#tabs div {padding:10px;min-height: 60px/*;width:850px*/;clear:both;}
 +
* html #tabs li {display: inline; /* ie6 double float margin bug */}
-
<tr> <td colspan="3"  height="5px"> </td></tr>
+
#tabs li, #tabs li a, #tabs ul li a, #tabs ul li.active, #tabs ul li.active a{padding:3px 5px;}
-
<!-- end welcome box -->
+
#tab-description {
-
<tr>
+
        width:940px
 +
overflow: hidden;
 +
padding: 10px 5px 10px 5px;
 +
font-size: 16px;
 +
line-height: 24px;
 +
margin: -20px 0px 0px 0px;
 +
background: #eee;
 +
border-top: 1px solid #fcfcfc;
 +
text-shadow: 0 1px 1px #fff;
 +
-webkit-box-shadow: inset 0 0px 42px 0px rgba( 100, 100, 100, 0.1 );
 +
-moz-box-shadow: inset 0 0px 42px 0px rgba( 100, 100, 100, 0.1 );
 +
box-shadow: inset 0 0px 42px 0px rgba( 100, 100, 100, 0.1 );
-
<!--navigation menu -->
+
}
-
<td align="center" colspan="3">
+
#tab-description  h1{margin:0px;padding:0px;font-size:25px;color:#373737;border-bottom:hidden;}
 +
#contenidosecundario{width:940px;height:auto;margin:10px auto; float:left}
 +
#sidebarleft,#contenidotabs2{float:left}
 +
#tabs2{float:left;}
 +
#contenidotabs2{width:700px;padding:0 14px;font:normal 12px/16px Verdana, Geneva, sans-serif;color:#000; text-align:justify;}
 +
.glossymenu{
 +
margin:0px 5px;
 +
padding: 0;
 +
width: 215px; /*width of menu*/
 +
float:left;
 +
}
 +
.glossymenu a.menuitem{
 +
background:#ffff/*#b4c050*/;
 +
font:bold 11px Verdana, Helvetica, sans-serif;
 +
color: white;
 +
display: block;
 +
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
 +
width: auto;
 +
padding: 4px 0;
 +
padding-left: 10px;
 +
text-decoration: none;
 +
}
 +
a.menuitem{margin:1px 0px;}
-
<table  width="100%">
+
.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
-
<tr heigth="15px"></tr>
+
color: white;
-
<tr heigth="75px">
+
}
 +
.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
 +
position: absolute;
 +
top: 5px;
 +
right: 5px;
 +
border: none;
 +
}
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
.glossymenu a.menuitem:hover{
-
<a href="https://2014.igem.org/Team:Zamorano"style="color:#000000">Home </a> </td>
+
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
}
-
<a href="https://2014.igem.org/Team:Zamorano/Team"style="color:#000000"> Team </a> </td>
+
-
<td style="border:1px solid black;" align="center"  height ="45px"  onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
.glossymenu div.submenu{ /*DIV that contains each sub menu*/
-
<a href="https://igem.org/Team.cgi?year=2014&team_name=Zamorano"style="color:#000000"> Official Team Profile </a></td>
+
-
<td style="border:1px solid black" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
}
-
<a href="https://2014.igem.org/Team:Zamorano/Project"style="color:#000000"> Project</a></td>
+
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
.glossymenu div.submenu ul{ /*UL of each sub menu*/
-
<a href="https://2014.igem.org/Team:Zamorano/Parts"style="color:#000000"> Parts</a></td>
+
list-style-type: none;
 +
margin: 0;
 +
padding: 0;
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
}
-
<a href="https://2014.igem.org/Team:Zamorano/Modeling"style="color:#000000"> Modeling</a></td>
+
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
.glossymenu div.submenu ul li{
-
<a href="https://2014.igem.org/Team:Zamorano/Notebook"style="color:#000000"> Notebook</a></td>
+
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
}
-
<a href="https://2014.igem.org/Team:Zamorano/Safety"style=" color:#000000"> Safety </a></td>
+
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
.glossymenu div.submenu ul li a{
-
<a href="https://2014.igem.org/Team:Zamorano/Attributions"style="color:#000000"> Attributions </a></td>
+
display: block;
 +
font: normal 11px Verdana, Helvetica, sans-serif;
 +
color:#fff;
 +
text-decoration: none;
 +
padding: 10px;
 +
background:#34484E/*#94a221*/;
 +
margin:1px 0px;
 +
}
-
<td align ="center"> <a href="https://2014.igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px"></a> </td>
+
.glossymenu div.submenu ul li a:hover{
-
</tr>
+
background: #e2ebef/*#59630a*/;
-
</table>
+
color:#000;
 +
margin:1px 0px;
 +
}
 +
.tabla
 +
{
 +
width:100%;
 +
}
-
<!--end navigation menu -->
+
.tabla .modo1 th {
-
</tr>
+
-
</tr>
+
-
</td>
+
-
<tr> <td colspan="3"  height="15px"> </td></tr>
+
background-position: left top;
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr>
+
font-size: 12px;
-
<tr> <td colspan="3"  height="5px"> </td></tr>
+
font-weight:bold;
 +
text-align: left;
 +
background-color: #e2ebef;
 +
background-repeat: repeat-x;
 +
color: #34484E;
-
<tr><td > <h3> Team Information</h3></td>
+
border-right-width: 1px;
-
<td ></td >
+
border-bottom-width: 1px;
-
<td > <h3> Upload pictures of your team!</h3></td>
+
border-right-style: solid;
-
</tr>
+
border-bottom-style: solid;
 +
border-right-color: #A4C4D0;
 +
border-bottom-color: #A4C4D0;
 +
padding:1px 1px 0px 10px;
 +
}
 +
.tabla .modo2 td {
 +
border-right-width: 0px;
 +
border-bottom-width: 1px;
 +
border-right-style: solid;
 +
border-bottom-style: solid;
 +
border-right-color: #EBE9BC;
 +
border-bottom-color: #EBE9BC;
-
<tr>
+
}
-
<td width="45%"  valign="top">
+
.igem-bar {
-
<p>
+
position: relative;
-
You can write a background of your team here. Give us a background of your team, the members, etc. Or tell us more about something of your choosing.</p>
+
float: right;
-
<p>
+
}
-
You can look at what other teams did to get some inspiration! Here are a few examples:</p>
+
.igem-bar img {
-
<ul>
+
height: 38px;
-
<li><a href="https://2013.igem.org/Team:Evry/Team">2013 Evry</a></li>
+
}
-
<li><a href="https://2013.igem.org/Team:Cornell/team">2013 Cornell</a></li>
+
.igem-bar2 {
-
<li><a href="https://2013.igem.org/Team:UANL_Mty-Mexico/Team">2013 UANL Mty-Mexico</a></li>
+
position: relative;
-
<li><a href="https://2013.igem.org/Team:Korea_U_Seoul/Team/Korea_University">2013 Korea U Seoul</a></li>
+
float: left;
 +
}
 +
.igem-bar2 img {
 +
height: 38px;
 +
}
 +
 +
#siteSub {
 +
display:none;
 +
}
 +
 +
#search-controls {
 +
display:none;
 +
}
 +
 +
.firstHeading {
 +
display:none;
 +
}
 +
 +
#search-controls {
 +
margin-top:0px;
 +
}
 +
 +
#footer-box {
 +
display:none;
 +
 +
}
 +
#catlinks{display:none;}
 +
#top-section {
 +
height: 0px;
 +
border-top: 1
 +
border-left: none;
 +
border-right: none;
 +
color:#ffff;
 +
}
 +
#top-section a{color:#ffff; text-decoration:none}
 +
.carousel {
 +
  position: relative;
 +
  margin-bottom: 20px;
 +
  line-height: 1;
 +
}
 +
 +
.carousel-inner {
 +
  position: relative;
 +
  width: 100%;
 +
  overflow: hidden;
 +
}
 +
 +
.carousel-inner > .item {
 +
  position: relative;
 +
  display: none;
 +
  -webkit-transition: 0.6s ease-in-out left;
 +
    -moz-transition: 0.6s ease-in-out left;
 +
      -o-transition: 0.6s ease-in-out left;
 +
          transition: 0.6s ease-in-out left;
 +
}
 +
 +
.carousel-inner > .item > img,
 +
.carousel-inner > .item > a > img {
 +
  display: block;
 +
  line-height: 1;
 +
}
 +
 +
.carousel-inner > .active,
 +
.carousel-inner > .next,
 +
.carousel-inner > .prev {
 +
  display: block;
 +
}
 +
 +
.carousel-inner > .active {
 +
  left: 0;
 +
}
 +
 +
.carousel-inner > .next,
 +
.carousel-inner > .prev {
 +
  position: absolute;
 +
  top: 0;
 +
  width: 100%;
 +
}
 +
 +
.carousel-inner > .next {
 +
  left: 100%;
 +
}
 +
 +
.carousel-inner > .prev {
 +
  left: -100%;
 +
}
 +
 +
.carousel-inner > .next.left,
 +
.carousel-inner > .prev.right {
 +
  left: 0;
 +
}
 +
 +
.carousel-inner > .active.left {
 +
  left: -100%;
 +
}
 +
 +
.carousel-inner > .active.right {
 +
  left: 100%;
 +
}
 +
 +
.carousel-control {
 +
  position: absolute;
 +
  top: 85%;
 +
  left: 15px;
 +
  width: 40px;
 +
  height: 40px;
 +
  margin-top: -20px;
 +
  font-size: 60px;
 +
  font-weight: 100;
 +
  line-height: 30px;
 +
  color: #ffffff;
 +
  text-align: center;
 +
  background: #222222;
 +
  border: 3px solid #ffffff;
 +
  -webkit-border-radius: 23px;
 +
    -moz-border-radius: 23px;
 +
          border-radius: 23px;
 +
  opacity: 0.5;
 +
  filter: alpha(opacity=50);
 +
}
 +
 +
.carousel-control.right {
 +
  right: 15px;
 +
  left: auto;
 +
}
 +
 +
.carousel-control:hover,
 +
.carousel-control:focus {
 +
  color: #ffffff;
 +
  text-decoration: none;
 +
  opacity: 0.9;
 +
  filter: alpha(opacity=90);
 +
}
 +
 +
.carousel-indicators {
 +
  position: absolute;
 +
  top: 15px;
 +
  right: 15px;
 +
  z-index: 5;
 +
  margin: 0;
 +
  list-style: none;
 +
}
 +
 +
.carousel-indicators li {
 +
  display: block;
 +
  float: left;
 +
  width: 10px;
 +
  height: 10px;
 +
  margin-left: 5px;
 +
  text-indent: -999px;
 +
  background-color: #ccc;
 +
  background-color: rgba(255, 255, 255, 0.25);
 +
  border-radius: 5px;
 +
}
 +
 +
.carousel-indicators .active {
 +
  background-color: #fff;
 +
}
 +
 +
.carousel-caption {
 +
  position: absolute;
 +
  right: 0;
 +
 +
  bottom: 0;
 +
  left: 0;
 +
  padding: 15px;
 +
  background: #333333;
 +
  background: rgba(0, 0, 0, 0.75);
 +
}
 +
 +
.carousel-caption h4,
 +
.carousel-caption p {
 +
  line-height: 20px;
 +
  color: #ffffff;
 +
}
 +
 +
.carousel-caption h4 {
 +
  margin: 0 0 5px;
 +
}
 +
 +
.carousel-caption p {
 +
  margin-bottom: 0;
 +
}
 +
 +
a:hover,
 +
a:active {
 +
  outline: 0;
 +
}
 +
  a,
 +
  a:visited {
 +
    text-decoration: none;
 +
  }
 +
 +
.container,
 +
.navbar-static-top .container,
 +
.navbar-fixed-top .container,
 +
.navbar-fixed-bottom .container {
 +
  width: 940px;
 +
}
 +
i {
 +
  line-height: 20px;
 +
}
 +
 +
.dropup,
 +
.dropdown {
 +
  position: relative;
 +
}
 +
 +
.dropdown-toggle {
 +
  *margin-bottom: -3px;
 +
}
 +
 +
.dropdown-toggle:active,
 +
.open .dropdown-toggle {
 +
  outline: 0;
 +
}
 +
 +
.caret {
 +
  display: inline-block;
 +
  width: 0;
 +
  height: 0;
 +
  vertical-align: top;
 +
  border-top: 4px solid #000000;
 +
  border-right: 4px solid transparent;
 +
  border-left: 4px solid transparent;
 +
  content: "";
 +
text-decoration: none;
 +
}
 +
 +
.dropdown .caret {
 +
  margin-top: 8px;
 +
  margin-left: 2px;
 +
}
 +
 +
.dropdown-menu {
 +
  position: absolute;
 +
  top: 100%;
 +
  left: 0;
 +
  z-index: 1000;
 +
  display: none;
 +
  float: left;
 +
  min-width: 160px;
 +
  padding: 5px 0;
 +
  margin: 2px 0 0;
 +
  list-style: none;
 +
  background-color: #ffffff;
 +
  border: 1px solid #ccc;
 +
  border: 1px solid rgba(0, 0, 0, 0.2);
 +
  *border-right-width: 2px;
 +
  *border-bottom-width: 2px;
 +
  -webkit-border-radius: 6px;
 +
    -moz-border-radius: 6px;
 +
          border-radius: 6px;
 +
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
 +
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
 +
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
 +
  -webkit-background-clip: padding-box;
 +
    -moz-background-clip: padding;
 +
          background-clip: padding-box;
 +
text-decoration: none;
 +
}
 +
 +
.dropdown-menu.pull-right {
 +
  right: 0;
 +
  left: auto;
 +
}
 +
 +
.dropdown-menu .divider {
 +
  *width: 100%;
 +
  height: 1px;
 +
  margin: 9px 1px;
 +
  *margin: -5px 0 5px;
 +
  overflow: hidden;
 +
  background-color: #e5e5e5;
 +
  border-bottom: 1px solid #ffffff;
 +
}
 +
 +
.dropdown-menu > li > a {
 +
  display: block;
 +
  padding: 3px 20px;
 +
  clear: both;
 +
  font-weight: normal;
 +
  line-height: 20px;
 +
  color: #333333;
 +
  white-space: nowrap;
 +
}
 +
 +
.dropdown-menu > li > a:hover,
 +
.dropdown-menu > li > a:focus,
 +
.dropdown-submenu:hover > a,
 +
.dropdown-submenu:focus > a {
 +
  color: #ffffff;
 +
  text-decoration: none;
 +
  background-color: #0081c2;
 +
  background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
 +
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
 +
  background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
 +
  background-image: -o-linear-gradient(top, #0088cc, #0077b3);
 +
  background-image: linear-gradient(to bottom, #0088cc, #0077b3);
 +
  background-repeat: repeat-x;
 +
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
 +
}
 +
 +
.dropdown-menu > .active > a,
 +
.dropdown-menu > .active > a:hover,
 +
.dropdown-menu > .active > a:focus {
 +
  color: #ffffff;
 +
  text-decoration: none;
 +
  background-color: #0081c2;
 +
  background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
 +
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
 +
  background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
 +
  background-image: -o-linear-gradient(top, #0088cc, #0077b3);
 +
  background-image: linear-gradient(to bottom, #0088cc, #0077b3);
 +
  background-repeat: repeat-x;
 +
  outline: 0;
 +
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
 +
}
 +
 +
.dropdown-menu > .disabled > a,
 +
.dropdown-menu > .disabled > a:hover,
 +
.dropdown-menu > .disabled > a:focus {
 +
  color: #999999;
 +
}
 +
 +
.dropdown-menu > .disabled > a:hover,
 +
.dropdown-menu > .disabled > a:focus {
 +
  text-decoration: none;
 +
  cursor: default;
 +
  background-color: transparent;
 +
  background-image: none;
 +
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
 +
}
 +
 +
.open {
 +
  *z-index: 1000;
 +
}
 +
 +
.open > .dropdown-menu {
 +
  display: block;
 +
  text-decoration:none;
 +
}
 +
 +
.pull-right > .dropdown-menu {
 +
  right: 0;
 +
  left: auto;
 +
}
 +
 +
.dropup .caret,
 +
.navbar-fixed-bottom .dropdown .caret {
 +
  border-top: 0;
 +
  border-bottom: 4px solid #000000;
 +
  content: "";
 +
}
 +
 +
.dropup .dropdown-menu,
 +
.navbar-fixed-bottom .dropdown .dropdown-menu {
 +
  top: auto;
 +
  bottom: 100%;
 +
  margin-bottom: 1px;
 +
}
 +
 +
.dropdown-submenu {
 +
  position: relative;
 +
}
 +
 +
.dropdown-submenu > .dropdown-menu {
 +
  top: 0;
 +
  left: 100%;
 +
  margin-top: -6px;
 +
  margin-left: -1px;
 +
  -webkit-border-radius: 0 6px 6px 6px;
 +
    -moz-border-radius: 0 6px 6px 6px;
 +
          border-radius: 0 6px 6px 6px;
 +
text-decoration:none;
 +
}
 +
 +
.dropdown-submenu:hover > .dropdown-menu {
 +
  display: block;
 +
}
 +
 +
.dropup .dropdown-submenu > .dropdown-menu {
 +
  top: auto;
 +
  bottom: 0;
 +
  margin-top: 0;
 +
  margin-bottom: -2px;
 +
  -webkit-border-radius: 5px 5px 5px 0;
 +
    -moz-border-radius: 5px 5px 5px 0;
 +
          border-radius: 5px 5px 5px 0;
 +
text-decoration:none;
 +
}
 +
 +
.dropdown-submenu > a:after {
 +
  display: block;
 +
  float: right;
 +
  width: 0;
 +
  height: 0;
 +
  margin-top: 5px;
 +
  margin-right: -10px;
 +
  border-color: transparent;
 +
  border-left-color: #cccccc;
 +
  border-style: solid;
 +
  border-width: 5px 0 5px 5px;
 +
  content: " ";
 +
}
 +
 +
.dropdown-submenu:hover > a:after {
 +
  border-left-color: #ffffff;
 +
}
 +
 +
.dropdown-submenu.pull-left {
 +
  float: none;
 +
}
 +
 +
.nav {
 +
  margin-bottom: 20px;
 +
  margin-left: 0;
 +
  list-style: none;
 +
text-decoration:none;
 +
}
 +
 +
.nav > li > a {
 +
  display: block;
 +
 +
}
 +
 +
.nav > li > a:hover,
 +
.nav > li > a:focus {
 +
  text-decoration: none;
 +
  background-color: #eeeeee;
 +
}
 +
 +
.nav > li > a > img {
 +
  max-width: none;
 +
}
 +
 +
.nav > .pull-right {
 +
  float: right;
 +
}
 +
 +
.nav-header {
 +
  display: block;
 +
  padding: 3px 15px;
 +
  font-size: 11px;
 +
  font-weight: bold;
 +
  line-height: 20px;
 +
  color: #999999;
 +
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
 +
  text-transform: uppercase;
 +
}
 +
 +
.nav li + .nav-header {
 +
  margin-top: 9px;
 +
}
 +
 +
.nav .dropdown-toggle .caret {
 +
  margin-top: 6px;
 +
  border-top-color: #0088cc;
 +
  border-bottom-color: #0088cc;
 +
}
 +
 +
.nav .dropdown-toggle:hover .caret,
 +
.nav .dropdown-toggle:focus .caret {
 +
  border-top-color: #005580;
 +
  border-bottom-color: #005580;
 +
}
 +
 +
/* move down carets for tabs */
 +
 +
.nav-tabs .dropdown-toggle .caret {
 +
  margin-top: 8px;
 +
}
 +
 +
.nav .active .dropdown-toggle .caret {
 +
  border-top-color: #fff;
 +
  border-bottom-color: #fff;
 +
}
 +
 +
.nav-tabs .active .dropdown-toggle .caret {
 +
  border-top-color: #555555;
 +
  border-bottom-color: #555555;
 +
}
 +
 +
.nav > .dropdown.active > a:hover,
 +
.nav > .dropdown.active > a:focus {
 +
  cursor: pointer;
 +
}
 +
 +
.nav-tabs .open .dropdown-toggle,
 +
.nav-pills .open .dropdown-toggle,
 +
.nav > li.dropdown.open.active > a:hover,
 +
.nav > li.dropdown.open.active > a:focus {
 +
  color: #ffffff;
 +
  background-color: #999999;
 +
  border-color: #999999;
 +
}
 +
.nav li.dropdown.open .caret,
 +
.nav li.dropdown.open.active .caret,
 +
.nav li.dropdown.open a:hover .caret,
 +
.nav li.dropdown.open a:focus .caret {
 +
  border-top-color: #ffffff;
 +
  border-bottom-color: #ffffff;
 +
  opacity: 1;
 +
  filter: alpha(opacity=100);
 +
}
 +
 +
.nav > .disabled > a {
 +
  color: #999999;
 +
}
 +
 +
.nav > .disabled > a:hover,
 +
.nav > .disabled > a:focus {
 +
  text-decoration: none;
 +
  cursor: default;
 +
  background-color: transparent;
 +
}
 +
 +
.navbar {
 +
  *position: relative;
 +
  alignment-adjust:central;
 +
  *z-index: 2;
 +
  margin-bottom: 20px;
 +
  overflow: visible;
 +
}
 +
 +
.navbar-inner {
 +
  min-height: 40px;
 +
  padding-right: 20px;
 +
  padding-left: 20px;
 +
  background-color: #fafafa;
 +
  background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2);
 +
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2));
 +
  background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
 +
  background-image: -o-linear-gradient(top, #ffffff, #f2f2f2);
 +
  background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
 +
  background-repeat: repeat-x;
 +
  border: 1px solid #d4d4d4;
 +
  -webkit-border-radius: 4px;
 +
    -moz-border-radius: 4px;
 +
          border-radius: 4px;
 +
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);
 +
  *zoom: 1;
 +
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
 +
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
 +
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
 +
 +
}
 +
 +
.navbar-inner:before,
 +
.navbar-inner:after {
 +
  display: table;
 +
  line-height: 0;
 +
  content: "";
 +
}
 +
 +
.navbar-inner:after {
 +
  clear: both;
 +
}
 +
 +
.navbar .container {
 +
  width: auto;
 +
}
 +
 +
.nav-collapse.collapse {
 +
  height: auto;
 +
  overflow: visible;
 +
}
 +
 +
.navbar .brand {
 +
  display: block;
 +
  float: left;
 +
  padding: 10px 20px 10px;
 +
  margin-left: -20px;
 +
  font-size: 20px;
 +
  font-weight: 200;
 +
  color: #777777;
 +
  text-shadow: 0 1px 0 #ffffff;
 +
}
 +
 +
.navbar .brand:hover,
 +
.navbar .brand:focus {
 +
  text-decoration: none;
 +
}
 +
 +
.navbar-text {
 +
  margin-bottom: 0;
 +
  line-height: 40px;
 +
  color: #777777;
 +
}
 +
 +
.navbar-link {
 +
  color: #777777;
 +
}
 +
 +
.navbar-link:hover,
 +
.navbar-link:focus {
 +
  color: #333333;
 +
}
 +
 +
.navbar .divider-vertical {
 +
  height: 40px;
 +
  margin: 0 9px;
 +
  border-right: 1px solid #ffffff;
 +
  border-left: 1px solid #f2f2f2;
 +
}
 +
 +
.navbar .btn,
 +
.navbar .btn-group {
 +
  margin-top: 5px;
 +
}
 +
 +
 +
.navbar-static-top .navbar-inner {
 +
  -webkit-border-radius: 0;
 +
    -moz-border-radius: 0;
 +
          border-radius: 0;
 +
}
 +
 +
 +
.navbar .nav {
 +
display: block; 
 +
margin: 0 auto;
 +
position: relative;
 +
width:511px;
 +
}
 +
 +
 +
.navbar .nav.pull-right {
 +
  float: right;
 +
  margin-right: 0;
 +
}
 +
 +
.navbar .nav > li {
 +
  float: left;
 +
}
 +
 +
.navbar .nav > li > a {
 +
  float: none;
 +
  padding: 10px 15px 10px;
 +
  color: #777777;
 +
  text-decoration: none;
 +
  text-shadow: 0 1px 0 #ffffff;
 +
}
 +
 +
.navbar .nav .dropdown-toggle .caret {
 +
  margin-top: 8px;
 +
}
 +
 +
.navbar .nav > li > a:focus,
 +
.navbar .nav > li > a:hover {
 +
  color: #00466C;
 +
  text-decoration: none;
 +
  background-color: #e5e5e5;
 +
}
 +
 +
.navbar .nav > .active > a,
 +
.navbar .nav > .active > a:hover,
 +
.navbar .nav > .active > a:focus {
 +
  color: #555555;
 +
  text-decoration: none;
 +
  background-color: #e5e5e5;
 +
  -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
 +
    -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
 +
          box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
 +
}
 +
 +
.navbar .btn-navbar {
 +
  display: none;
 +
  float: right;
 +
  padding: 7px 10px;
 +
  margin-right: 5px;
 +
  margin-left: 5px;
 +
  color: #ffffff;
 +
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
 +
  background-color: #ededed;
 +
  *background-color: #e5e5e5;
 +
  background-image: -moz-linear-gradient(top, #f2f2f2, #e5e5e5);
 +
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#e5e5e5));
 +
  background-image: -webkit-linear-gradient(top, #f2f2f2, #e5e5e5);
 +
  background-image: -o-linear-gradient(top, #f2f2f2, #e5e5e5);
 +
  background-image: linear-gradient(to bottom, #f2f2f2, #e5e5e5);
 +
  background-repeat: repeat-x;
 +
  border-color: #e5e5e5 #e5e5e5 #bfbfbf;
 +
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
 +
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f2f2', endColorstr='#ffe5e5e5', GradientType=0);
 +
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
 +
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
 +
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
 +
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
 +
}
 +
 +
.navbar .btn-navbar:hover,
 +
.navbar .btn-navbar:focus,
 +
.navbar .btn-navbar:active,
 +
.navbar .btn-navbar.active,
 +
.navbar .btn-navbar.disabled,
 +
.navbar .btn-navbar[disabled] {
 +
  color: #ffffff;
 +
  background-color: #e5e5e5;
 +
  *background-color: #d9d9d9;
 +
}
 +
 +
.navbar .btn-navbar:active,
 +
.navbar .btn-navbar.active {
 +
  background-color: #cccccc \9;
 +
}
 +
 +
.navbar .btn-navbar .icon-bar {
 +
  display: block;
 +
  width: 18px;
 +
  height: 2px;
 +
  background-color: #f5f5f5;
 +
  -webkit-border-radius: 1px;
 +
    -moz-border-radius: 1px;
 +
          border-radius: 1px;
 +
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
 +
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
 +
          box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
 +
}
 +
 +
 +
.navbar .nav > li > .dropdown-menu:before {
 +
  position: absolute;
 +
  top: -7px;
 +
  left: 9px;
 +
  display: inline-block;
 +
  border-right: 7px solid transparent;
 +
  border-bottom: 7px solid #ccc;
 +
  border-left: 7px solid transparent;
 +
  border-bottom-color: rgba(0, 0, 0, 0.2);
 +
text-align:center;
 +
  content: '';
 +
}
 +
 +
.navbar .nav > li > .dropdown-menu:after {
 +
  position: absolute;
 +
  top: -6px;
 +
  left: 10px;
 +
  display: inline-block;
 +
  border-right: 6px solid transparent;
 +
  border-bottom: 6px solid #ffffff;
 +
  border-left: 6px solid transparent;
 +
  content: '';
 +
}
 +
.navbar .nav li.dropdown > a:hover .caret,
 +
.navbar .nav li.dropdown > a:focus .caret {
 +
  border-top-color: #333333;
 +
  border-bottom-color: #333333;
 +
}
 +
 +
.navbar .nav li.dropdown.open > .dropdown-toggle,
 +
.navbar .nav li.dropdown.active > .dropdown-toggle,
 +
.navbar .nav li.dropdown.open.active > .dropdown-toggle {
 +
  color: #555555;
 +
  background-color: #e5e5e5;
 +
}
 +
 +
.navbar .nav li.dropdown > .dropdown-toggle .caret {
 +
  border-top-color: #777777;
 +
  border-bottom-color: #777777;
 +
}
 +
 +
.navbar .nav li.dropdown.open > .dropdown-toggle .caret,
 +
.navbar .nav li.dropdown.active > .dropdown-toggle .caret,
 +
.navbar .nav li.dropdown.open.active > .dropdown-toggle .caret {
 +
  border-top-color: #555555;
 +
  border-bottom-color: #555555;
 +
}
 +
 +
.navbar .pull-right > li > .dropdown-menu,
 +
.navbar .nav > li > .dropdown-menu.pull-right {
 +
  right: 0;
 +
  left: auto;
 +
}
 +
 +
.navbar .pull-right > li > .dropdown-menu:before,
 +
.navbar .nav > li > .dropdown-menu.pull-right:before {
 +
  right: 12px;
 +
  left: auto;
 +
}
 +
 +
.navbar .pull-right > li > .dropdown-menu:after,
 +
.navbar .nav > li > .dropdown-menu.pull-right:after {
 +
  right: 13px;
 +
  left: auto;
 +
}
 +
 +
.navbar .pull-right > li > .dropdown-menu .dropdown-menu,
 +
.navbar .nav > li > .dropdown-menu.pull-right .dropdown-menu {
 +
  right: 100%;
 +
  left: auto;
 +
  margin-right: -1px;
 +
  margin-left: 0;
 +
  -webkit-border-radius: 6px 0 6px 6px;
 +
    -moz-border-radius: 6px 0 6px 6px;
 +
          border-radius: 6px 0 6px 6px;
 +
}
 +
#graficaMetodology{
 +
 +
display:block;
 +
background-image:url(https://static.igem.org/mediawiki/2014/8/81/Zamorano_Graf_3Flechas.png);
 +
background-repeat:no-repeat;
 +
width:933px;
 +
height:395px;
 +
float:left;
 +
margin-left:20px;
 +
}
 +
 +
#txt01gM01 {
 +
float:left;
 +
width:250px;
 +
height:310px;
 +
margin-top:80px;
 +
margin-left:10px;
 +
}
 +
#txt01gM02 {
 +
float:right;
 +
width:280px;
 +
height:100px;
 +
margin-top:5px;
 +
margin-right:140px;
 +
}
 +
#txt01gM03 {
 +
float:left;
 +
width:250px;
 +
height:250px;
 +
margin-top:50px;
 +
margin-right:0px;
 +
margin-left:395px;
 +
}
 +
#txt01gM01 p,#txt01gM02 p,#txt01gM03 p,#txt01gM04 p{
 +
font-size:10.3px;
 +
line-height:1.5;}
 +
#grafica1{
 +
 +
display:block;
 +
background-image:url(https://static.igem.org/mediawiki/2014/a/af/Zamorano_Graf_2Flechas.png);
 +
width:933px;
 +
height:395px;
 +
margin-left:20px;
 +
background-repeat:no-repeat;
 +
}
 +
 +
#txt01g01 {
 +
float:left;
 +
width:242px;
 +
height:310px;
 +
margin-top:20px;
 +
margin-left:12px;
 +
}
 +
#txt01g02 {
 +
float:right;
 +
width:280px;
 +
height:100px;
 +
margin-top:5px;
 +
margin-right:30px;
 +
}
 +
#txt01g03 {
 +
float:left;
 +
width:280px;
 +
height:200px;
 +
margin-top:10px;
 +
margin-right:0px;
 +
margin-left:365px;
 +
}
 +
#txt01g01 p,#txt01g02 p,#txt01g03 p,#txt01g04 p{
 +
text-align:justify;
 +
font-size:10.4px;
 +
line-height:1.5;
 +
}
 +
 +
 +
</style>
 +
<script type="text/javascript">
 +
 +
$(document).ready(function(){
 +
$('#tabs2 div').hide(); // Hide all divs
 +
$('#tabs2 div:first').show(); // Show the first div
 +
$('#submenu ul li:first').addClass('active'); // Set the class of the first link to active
 +
$('#submenu ul li a').click(function(){ //When any link is clicked
 +
$('#submenu ul li').removeClass('active'); // Remove active class from all links
 +
$(this).parent().addClass('active'); //Set clicked link class to active
 +
var currentTab = $(this).attr('href'); // Set variable currentTab to value of href attribute of clicked link
 +
$('#tabs2 div').hide(); // Hide all divs
 +
$(currentTab).show(); // Show div with id equal to variable currentTab
 +
return false;
 +
});
 +
});
 +
</script>
 +
<script type="text/javascript">
 +
    $(document).ready(function () {
 +
            $('.carousel').carousel()
 +
                    interval: 1000
 +
 +
        });
 +
 +
      $(document).ready(function () {
 +
            $('.dropdown-toggle').dropdown();
 +
        });
 +
 +
$('#myTab a').click(function (e) {
 +
  e.preventDefault();
 +
  $(this).tab('show');
 +
});
 +
 +
   
 +
 +
</script>
 +
  <script>
 +
 +
 +
// Javascript originally by Patrick Griffiths and Dan Webb.
 +
// http://htmldog.com/articles/suckerfish/dropdowns/
 +
sfHover = function() {
 +
  var sfEls = document.getElementById("navbar").getElementsByTagName("li");
 +
  for (var i=0; i<sfEls.length; i++) {
 +
      sfEls[i].onmouseover=function() {
 +
        this.className+=" hover";
 +
      }
 +
      sfEls[i].onmouseout=function() {
 +
        this.className=this.className.replace(new RegExp(" hover\\b"), "");
 +
      }
 +
  }
 +
}
 +
if (window.attachEvent) window.attachEvent("onload", sfHover);
 +
</script>
 +
 +
 +
 +
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
 +
<script type="text/javascript" src="http://linacabal.com/juan/s3Slider.js"></script>
 +
 +
<script type="text/javascript">
 +
    $(document).ready(function() {
 +
        $('#slider').s3Slider({
 +
            timeOut: 5000
 +
        });
 +
    });
 +
</script>
 +
 +
</head>
 +
 +
<body>
 +
<div id="myCarousel" class="carousel slide">
 +
  <ol class="carousel-indicators">
 +
    <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
 +
    <li data-target="#myCarousel" data-slide-to="1"></li>
 +
    <li data-target="#myCarousel" data-slide-to="2"></li>
 +
    <li data-target="#myCarousel" data-slide-to="3"></li>
 +
  </ol>
 +
  <!-- Carousel items -->
 +
  <div class="carousel-inner">
 +
<div class="active item"><img src="https://static.igem.org/mediawiki/2014/a/a9/Zamorano_Collage_Portada_WIKI.jpg" style="width:965px;height:200px;"></div>
 +
    <div class="item"><img src="https://static.igem.org/mediawiki/2014/9/96/Zamorano_Portada01.png"style="width:965px;height:200px;"></div>
 +
<div class="item"><img src="https://static.igem.org/mediawiki/2014/3/36/Zamorano_BANNER-HEADER-3.jpg"style="width:965px;height:200px;"></div>
 +
    <div class="item"><img src="https://static.igem.org/mediawiki/2014/c/c4/Zamorano_BANNER-HEADER-1.jpg"style="width:965px;height:200px;"></div>
 +
 
 +
   
 +
  </div>
 +
  <!-- Carousel nav -->
 +
  <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
 +
  <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>
 +
</div>
 +
<div class="navbar">
 +
 +
<div class="navbar-inner">
 +
<div class="igem-bar2"><a href="http://www.zamorano.edu" target="_blank"><img src="https://static.igem.org/mediawiki/2014/1/10/Zamorano_Logo.png"></a></div>
 +
    <ul class="nav">
 +
 +
      <li><a href="https://2014.igem.org/Team:Zamorano">Home</a></li>
 +
      <li><a href="https://2014.igem.org/Team:Zamorano/GeneralFAQ">FAQs</a></li>
 +
      <li class="active"><a href="https://2014.igem.org/Team:Zamorano/Team">Team</a></li>
 +
   
 +
<li class="dropdown">
 +
      <a href="https://2014.igem.org/Team:Zamorano/Project" class="dropdown-toggle" data-toggle="dropdown">
 +
        Projects
 +
      <b class="caret"></b>
 +
      </a>
 +
<ul class="dropdown-menu">
 +
      <li><a href="https://2014.igem.org/Team:Zamorano/Overview">Overview</a></li>
 +
      <li><a href="https://2014.igem.org/Team:Zamorano/Perception">Public Perception</a></li>     
 +
      <li><a href="https://2014.igem.org/Team:Zamorano/Education">Education Component</a></li>
 +
      <li><a href="https://2014.igem.org/Team:Zamorano/Riskevaluation">Risk Assessment</a></li>
 +
    </ul>
 +
</li>
 +
   
 +
    <li style ="display:none"><a href="https://2014.igem.org/Team:Zamorano/Parts">Parts</a></li>
 +
    <li><a href="https://2014.igem.org/Team:Zamorano/Gallery">Gallery</a></li>
 +
    <li><a href="https://2014.igem.org/Team:Zamorano/Sponsors">Attributions</a></li>
</ul>
</ul>
 +
<div class="igem-bar"><a href="https://2014.igem.org"><img src="https://static.igem.org/mediawiki/2013/a/ad/IGem-logo.png"></a></div>
 +
  </div>
 +
</div>
 +
<div id="pagina">
 +
 +
<div id="tab-description"><p> <h1>Zamorano team 2014</h1><p /></div>
 +
<div style="float:right; display:block;position: relative;margin-top:15px;"><a href="https://igem.org/Team.cgi?id=1411" style="text-decoration:underline;">Official Team Profile</a></div>
 +
<br/>
 +
<h2>Students</h2>
 +
<div style="width:800px;align:center;margin-left:80px;margin-right:80px;">
-
</td>
+
<table>
-
<td></td>
+
<tbody><tr><td><img src="https://static.igem.org/mediawiki/2014/4/43/Zamorano_Perfiles_WIKI_Ana.png" />
-
<td width="45%"  valign="top">
+
-
<p> We provide a server where you can upload images for your wiki!</p>
+
-
<p> Add pictures of your team members, advisors, instructors, lab, institution and everything you wish to show! </p>
+
-
<a href="https://2014.igem.org/Special:Upload"><img src="" width="100px" height="100px">  </a> <a href="https://2014.igem.org/Special:Upload"><img src="" width="100px" height="100px">  </a>
+
-
</a> <a href="https://2014.igem.org/Special:Upload"><img src="" width="100px" height="100px">  </a>
+
-
<br>
+
-
<a href="https://2014.igem.org/Special:Upload">Click here to upload! </a>
+
</td>
</td>
 +
<td><p position="right">I am Ana, but at my university people call me Winnie. I am an environmental and development engineering student. I love what I study! After finishing university, I will specialize myself in water sciences and synthetic biology. I would like to become a scientist; I love to do research and discover new things. Not because of money, but to help society. I also like to work with people in social development projects, especially with kids. I enjoy sharing my time with crazy people and I don´t care about making mistakes because I learn from them every day.</p></td></tr>
 +
</tbody></table>
 +
<table>
 +
<tbody><tr><td><img src="https://static.igem.org/mediawiki/2014/3/3f/Zamorano_Perfiles_WIKI_Ediner.png" ;="" position="left" >
 +
</td>
 +
<td><p position="right">I am Ediner, a 20 years old Panamanian student of environmental sciences. I am that kind of guy that is always doing something. I am passionate about dancing folkloric Panamanian music (for almost 14 years!); almost as much as bioremediation and ecological restoration. I truly believe that the conservation of our planet should walk hand by hand with synthetic biology to efficiently address the damage done by humanity. I consider myself a dreamer; I dream of something that is reachable only to those who desire a better future for human kind. I dream of a Latin America that is open to scientific development and synthetic biology; so that with them we can contribute something to our world</p></td></tr>
 +
</tbody></table>
-
</tr>
+
<table>
 +
<tbody><tr><td><img src="https://static.igem.org/mediawiki/2014/1/1b/Zamorano_Perfiles_WIKI_Fernando.png" ;="" position="left" >
 +
</td>
 +
<td><p position="right">My name is Fernando and I am the most recent member of the team. After returning from an internship at IFC, the financial branch of the World Bank Group, I was recommended to join the team by my previous coworker.  Although I am almost 2 months from obtaining my title as Engineer in Agribusiness Administration, I have always been fascinated by Biotechnology. I am also the geek of the group; I like everything that has to do with computers, electronic gadgets and the sort. And above all, I absolutely love videogames! I love them so much, that I naturally leaned English so that I could understand what was going on in the game!  Now I have the second highest TOEFL grade of my class. In my free time (which is currently nonexistent), I like to search for interesting to learn, watch TED talks, sing along with friends and (of course) play videogames.</p></td></tr>
 +
</tbody></table>
-
<tr><td > <h3> Tips for the Team Page </h3></td>
+
<table>
-
<td ></td >
+
<tbody><tr><td><img src="https://static.igem.org/mediawiki/2014/d/de/Zamorano_Perfiles_WIKI_Lucas.png" ;="" position="left">
-
<td > </td>
+
</td>
-
</tr>
+
<td><p position="right">I grew up in La Paz city at 3600 meters above the sea level, with almost no oxygen but in a very cultural atmosphere (particular from Bolivia). I love playing and composing music. As a matter of fact, I recorded an album with my band in 2010. I really like traveling and meeting new people and learn about their cultures. My professional interests are renewable energy, wastewater treatment and the development of sustainable ways of living. On the other hand, I want to finish my musical studies after getting my bachelor’s degree and I plan to enter a Master’s Program in Environmental Engineering at the University of Illinois in 2016. My creed? “The one that strives, achieves”.</p></td></tr>
 +
</tbody></table>
 +
<table>
 +
<tbody><tr><td><img src="https://static.igem.org/mediawiki/2014/0/0f/Zamorano_Perfiles_WIKI_Oliver.png" ;="" position="left">
 +
</td>
 +
<td><p position="right">My name is Oliver and I am 20 years old. I was born in Paraguay, where I grew and studied until I finished high school. I was member of several student centers, I play the piano since I was five years old, I like reading about history and politics, going out with friends and seeing a good soccer match of the club of one of my loves: Cerro Porteño. I aspire to be a political leader and be an influential scientist; so that I can contribute positively in the sustained development of my country and give something back to the society that gave me the chance to be here today. I currently have a complete scholarship and am in my second year of study; and I plan to get my major in food science. In my team, I work in the risk assessment section, looking for coherent regulations that allow access of the people to science and technology.</p></td></tr>
 +
</tbody></table>
-
<tr>
+
<table>
-
<td width="45%" valign="top">  
+
<tbody><tr><td><img src="https://static.igem.org/mediawiki/2014/7/72/Zamorano_Perfiles_WIKI_Osman.png" ;="" position="left" >
-
<p>What should this page contain?</p>
+
</td>
-
<ul>
+
<td><p position="right">I’m currently a senior majoring in Biology in the UNAH. I enjoy learning about everything related to the environment. My hobbies include going to the cinema, listening to music, going to art galleries; but one of my main interests is genetics. Being a student, I was always participating in every genetics project I could; I even worked as an instructor for the Genetics Laboratory! In 2012, I represented Honduras in the Central American Course of Genetics and Human Genomes in the University of Costa Rica (UCR). Attending the course presented new opportunities to me; I became a member of the team when my professor Carolina Alduvín introduced me to the team leader. The leader saw my interest and hard work and accepted me in the genetics team, where I’ve mostly work in the Bioterrorism section of the project.</p></td></tr>
-
<li> Include pictures of your teammates, don’t forget instructors and advisors! </li>
+
</tbody></table>
-
<li> You can add a small biography or a few words from each team member, tell us what you like, and what motivates to participate in iGEM. </li>
+
-
<li>Take team pictures! Show us your school, your lab and little bit of your city.</li>
+
-
<li>Remember that image galleries can help you showcase many pictures while saving space </li>
+
-
</ul>
+
 +
<table>
 +
<tbody><tr><td><img src="https://static.igem.org/mediawiki/2014/d/d2/Zamorano_Perfiles_WIKI_Rene.png" ;="" position="left">
</td>
</td>
 +
<td><p position="right">My name is Rene, I’m a junior year student of the Food Science and technology department at Zamorano University. Since I  was a little kid I’ve always been inspired by nature and technology, during high school I focused my specialty in electronics and developed a taste for creative ways to use new knowledge. My life’s motto its “Work hard, then play hard.” Because I surely enjoy partying and having fun talking with people and making new friends as much as I enjoy learning. In the future I look  forward to become a researcher focusing on application of genetically modified organism on food agroindustry in behalf of the economy of developing countries.</p></td></tr>
 +
</tbody></table>
-
<td></td>
+
<table>
-
<td width="45%"  valign="top"> </td>
+
<tbody><tr><td><img src="https://static.igem.org/mediawiki/2014/5/50/Zamorano_Perfiles_WIKI_Sergio.png" ;="" position="left" >
 +
</td>
 +
<td><p position="right">My name is Sergio and I am an undergraduate student in Environmental and Development Engineering at Zamorano University. I am an enthusiastic student from Bolivia who is deeply interested in the interaction between synthetic biology and society. I enjoys playing soccer and going out with his friends. I love to travel around the world and want to visit as many places as I can. I consider iGEM a big opportunity for me because I’m interested in pursuing a postgraduate program to do research about synthetic biology. I also want to share my experiences and know people from all over the world. </p></td></tr>
 +
</tbody></table>
-
</tr>
+
<table>
 +
<tbody><tr><td><img src="https://static.igem.org/mediawiki/2014/f/f8/Zamorano_Perfiles_WIKI_Valeria.png" ;="" position="left">
 +
</td>
 +
<td><p position="right">Hello everybody! My name is Valeria and I am the youngest integrant of the team. I was born in Ecuador, in the middle of the Andes mountain range. I really love two things: animals and the biology synthetic.  I came to Zamorano almost two years ago, and now, I am proud to be on the first iGEM Zamorano team! I worked with Oliver developing the risk evaluation of the E. zamofordi, a copper biosensor that the team developed. I like to listen the ideas of the other people and I am very friendly; I won the “best friend of the class” last year, a special award of my school. My dream is to incorporate synthetic biology in the regeneration of eroded soil and the reduction of wastes (turning it into a usable resources).</p></td></tr>
 +
</tbody></table>
 +
</div>
 +
<p></br><h2>Instructors</h2></p>
 +
<div style="width:800px;align:center;margin-left:25px;margin-right:30px;">
 +
<table width="682" border="0">
 +
  <tr>
 +
    <td width="216"><img src="https://static.igem.org/mediawiki/2014/2/2a/Zamorano_Perfiles_WIKI_Docentes-Arie.png" width="216" height="200" /></td>
 +
    <td width="10">&nbsp;</td>
 +
    <td width="216"><img src="https://static.igem.org/mediawiki/2014/d/de/Zamorano_Perfiles_WIKI_Docentes-Ismael.png" width="216" height="200" /></td>
 +
   
 +
    <td width="10">&nbsp;</td>
 +
    <td width="240"><img src="https://static.igem.org/mediawiki/2014/d/da/Zamorano_Perfiles_WIKI_Docentes-ludovic.png" width="216" height="200" /></td>
 +
<td width="10">&nbsp;</td>
 +
    <td width="240"><img src="https://static.igem.org/mediawiki/2014/0/04/Zamorano_Perfiles_WIKI_Docentes-Namig.png" width="216" height="200" /></td>
 +
  </tr>
 +
  <tr>
 +
    <td valign="top"><p style="text-align:left;">M.Sc. Development Economics, Wageningen University, Netherland.</br>
 +
Associate professor of Statistics and Development fundamentals.</br>
 +
Subjects include: Development Economics, Statistics, and Land Use Planning.</p></td>
 +
    <td>&nbsp;</td>
 +
    <td valign="top"><p style="text-align:left;">Ing. computing and Information Systems, Universidad popular de Nicaragua.</br>
 +
Programmer in Zamorano e-learning Center.</br>
 +
Subject include: Technical support, Database management, and programmer of simulators environments.</p></td>
 +
    <td>&nbsp;</td>
 +
    <td valign="top"><p style="text-align:left;">Ph.D. in Organic Chemistry, Rouen University, France.</br>
 +
Associate professor of general and organic chemistry in Zamorano University.</br>
 +
Major research interests focus on sustainable chemistry, adaptive science, lo-tech nanotechnology and filling the gaps between sciences.</p></td>
 +
    <td>&nbsp;</td>
 +
    <td valign="top"><p style="text-align:left;">M.Sc. Information Systems, Universidad Latina, Costa Rica.</br>
 +
Technical Coordinator of Zamorano e-learning Center.</br>
 +
Subject include: Instructional design systems and implementation of ICT in educational environments.</p></td>
 +
  </tr>
 +
</table>
 +
</div>
 +
</div>
-
</table>
+
</div>
 +
 
 +
</body>
</html>
</html>

Latest revision as of 02:54, 18 October 2014

Zamorano team 2014

Official Team Profile

Students

I am Ana, but at my university people call me Winnie. I am an environmental and development engineering student. I love what I study! After finishing university, I will specialize myself in water sciences and synthetic biology. I would like to become a scientist; I love to do research and discover new things. Not because of money, but to help society. I also like to work with people in social development projects, especially with kids. I enjoy sharing my time with crazy people and I don´t care about making mistakes because I learn from them every day.

I am Ediner, a 20 years old Panamanian student of environmental sciences. I am that kind of guy that is always doing something. I am passionate about dancing folkloric Panamanian music (for almost 14 years!); almost as much as bioremediation and ecological restoration. I truly believe that the conservation of our planet should walk hand by hand with synthetic biology to efficiently address the damage done by humanity. I consider myself a dreamer; I dream of something that is reachable only to those who desire a better future for human kind. I dream of a Latin America that is open to scientific development and synthetic biology; so that with them we can contribute something to our world

My name is Fernando and I am the most recent member of the team. After returning from an internship at IFC, the financial branch of the World Bank Group, I was recommended to join the team by my previous coworker. Although I am almost 2 months from obtaining my title as Engineer in Agribusiness Administration, I have always been fascinated by Biotechnology. I am also the geek of the group; I like everything that has to do with computers, electronic gadgets and the sort. And above all, I absolutely love videogames! I love them so much, that I naturally leaned English so that I could understand what was going on in the game! Now I have the second highest TOEFL grade of my class. In my free time (which is currently nonexistent), I like to search for interesting to learn, watch TED talks, sing along with friends and (of course) play videogames.

I grew up in La Paz city at 3600 meters above the sea level, with almost no oxygen but in a very cultural atmosphere (particular from Bolivia). I love playing and composing music. As a matter of fact, I recorded an album with my band in 2010. I really like traveling and meeting new people and learn about their cultures. My professional interests are renewable energy, wastewater treatment and the development of sustainable ways of living. On the other hand, I want to finish my musical studies after getting my bachelor’s degree and I plan to enter a Master’s Program in Environmental Engineering at the University of Illinois in 2016. My creed? “The one that strives, achieves”.

My name is Oliver and I am 20 years old. I was born in Paraguay, where I grew and studied until I finished high school. I was member of several student centers, I play the piano since I was five years old, I like reading about history and politics, going out with friends and seeing a good soccer match of the club of one of my loves: Cerro Porteño. I aspire to be a political leader and be an influential scientist; so that I can contribute positively in the sustained development of my country and give something back to the society that gave me the chance to be here today. I currently have a complete scholarship and am in my second year of study; and I plan to get my major in food science. In my team, I work in the risk assessment section, looking for coherent regulations that allow access of the people to science and technology.

I’m currently a senior majoring in Biology in the UNAH. I enjoy learning about everything related to the environment. My hobbies include going to the cinema, listening to music, going to art galleries; but one of my main interests is genetics. Being a student, I was always participating in every genetics project I could; I even worked as an instructor for the Genetics Laboratory! In 2012, I represented Honduras in the Central American Course of Genetics and Human Genomes in the University of Costa Rica (UCR). Attending the course presented new opportunities to me; I became a member of the team when my professor Carolina Alduvín introduced me to the team leader. The leader saw my interest and hard work and accepted me in the genetics team, where I’ve mostly work in the Bioterrorism section of the project.

My name is Rene, I’m a junior year student of the Food Science and technology department at Zamorano University. Since I was a little kid I’ve always been inspired by nature and technology, during high school I focused my specialty in electronics and developed a taste for creative ways to use new knowledge. My life’s motto its “Work hard, then play hard.” Because I surely enjoy partying and having fun talking with people and making new friends as much as I enjoy learning. In the future I look forward to become a researcher focusing on application of genetically modified organism on food agroindustry in behalf of the economy of developing countries.

My name is Sergio and I am an undergraduate student in Environmental and Development Engineering at Zamorano University. I am an enthusiastic student from Bolivia who is deeply interested in the interaction between synthetic biology and society. I enjoys playing soccer and going out with his friends. I love to travel around the world and want to visit as many places as I can. I consider iGEM a big opportunity for me because I’m interested in pursuing a postgraduate program to do research about synthetic biology. I also want to share my experiences and know people from all over the world.

Hello everybody! My name is Valeria and I am the youngest integrant of the team. I was born in Ecuador, in the middle of the Andes mountain range. I really love two things: animals and the biology synthetic. I came to Zamorano almost two years ago, and now, I am proud to be on the first iGEM Zamorano team! I worked with Oliver developing the risk evaluation of the E. zamofordi, a copper biosensor that the team developed. I like to listen the ideas of the other people and I am very friendly; I won the “best friend of the class” last year, a special award of my school. My dream is to incorporate synthetic biology in the regeneration of eroded soil and the reduction of wastes (turning it into a usable resources).


Instructors

     

M.Sc. Development Economics, Wageningen University, Netherland.
Associate professor of Statistics and Development fundamentals.
Subjects include: Development Economics, Statistics, and Land Use Planning.

 

Ing. computing and Information Systems, Universidad popular de Nicaragua.
Programmer in Zamorano e-learning Center.
Subject include: Technical support, Database management, and programmer of simulators environments.

 

Ph.D. in Organic Chemistry, Rouen University, France.
Associate professor of general and organic chemistry in Zamorano University.
Major research interests focus on sustainable chemistry, adaptive science, lo-tech nanotechnology and filling the gaps between sciences.

 

M.Sc. Information Systems, Universidad Latina, Costa Rica.
Technical Coordinator of Zamorano e-learning Center.
Subject include: Instructional design systems and implementation of ICT in educational environments.