Difference between revisions of "Team:UChile-OpenBio/Team"

Line 1: Line 1:
<!-- NO EXPORT START
+
{{Template_All_Teams}}
 
<html>
 
<html>
    <head>
 
 
         <title>TODO supply a title</title>
 
         <title>TODO supply a title</title>
 
         <meta charset="UTF-8">
 
         <meta charset="UTF-8">
 
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
         <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
 
         <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
         <link rel='stylesheet' id='teslawp-style-css' href='./css/style.css' type='text/css' media='all' />
+
         <link href='https://fonts.googleapis.com/css?family=Lato:100,100italic,300,300italic,400,400italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
         <link href='http://fonts.googleapis.com/css?family=Walter+Turncoat' rel='stylesheet' type='text/css'>
+
        <script>
     </head>
+
        ; (function(a){a.fn.rwdImageMaps = function(){var c = this; var b = function(){c.each(function(){if (typeof (a(this).attr("usemap")) == "undefined"){return}var e = this, d = a(e); a("<img />").load(function(){var g = "width", m = "height", n = d.attr(g), j = d.attr(m); if (!n || !j){var o = new Image(); o.src = d.attr("src"); if (!n){n = o.width}if (!j){j = o.height}}var f = d.width() / 100, k = d.height() / 100, i = d.attr("usemap").replace("#", ""), l = "coords"; a('map[name="' + i + '"]').find("area").each(function(){var r = a(this); if (!r.data(l)){r.data(l, r.attr(l))}var q = r.data(l).split(","), p = new Array(q.length); for (var h = 0; h < p.length; ++h){if (h % 2 === 0){p[h] = parseInt(((q[h] / n) * 100) * f)} else{p[h] = parseInt(((q[h] / j) * 100) * k)}}r.attr(l, p.toString())})}).attr("src", d.attr("src"))})}; a(window).resize(b).trigger("resize"); return this}})(jQuery);
     <body>
+
        </script>
 +
         <script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
 +
        <style>
 +
/* RESET */
 +
 
 +
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td
 +
{
 +
    border: 0;
 +
    font-family: 'Lato', sans-serif;
 +
    font-size: 100%;
 +
    font-style: inherit;
 +
    font-weight: inherit;
 +
    margin: 0;
 +
    outline: 0;
 +
    padding: 0;
 +
    vertical-align: baseline;
 +
    font-size: 12px;
 +
}
 +
 
 +
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section
 +
{
 +
    display: block;
 +
}
 +
 
 +
audio,canvas,video {
 +
    display: inline-block;
 +
    max-width: 100%;
 +
}
 +
 
 +
span{
 +
    font-size: 1em;
 +
}
 +
 
 +
html {
 +
    overflow-y: scroll;
 +
    -webkit-text-size-adjust: 100%;
 +
    -ms-text-size-adjust: 100%;
 +
}
 +
a {
 +
    text-decoration: none;
 +
}
 +
a:active,
 +
a:hover {
 +
}
 +
 
 +
/* END RESET */
 +
 
 +
html{
 +
    background: url('https://static.igem.org/mediawiki/2015/5/5b/Fondo.jpg') fixed;
 +
    height: 100%;
 +
    width: 100%;
 +
}
 +
body{
 +
    width: 80%;
 +
    margin: 1em auto;
 +
}
 +
a{
 +
    text-decoration: none;
 +
}
 +
h1, h2, h3{
 +
 
 +
}
 +
h1{
 +
    font-size: 2em;
 +
    color: #0071bc;
 +
    margin-bottom: 1em;
 +
}
 +
h2{
 +
    font-size: 1.6em;
 +
    color: #0071bc;
 +
    margin-bottom: 1em;
 +
}
 +
h3{
 +
    font-size: 1.4em;
 +
    color: #0071bc;
 +
    text-align: center;
 +
    font-style: italic;
 +
    margin-bottom: 1em;
 +
}
 +
header{
 +
    margin: 0 auto;
 +
}
 +
header img#logo{
 +
    display: block;
 +
    width: 90%;
 +
    margin: 0 auto;
 +
    margin-bottom: 2em;
 +
}
 +
#menu{
 +
 
 +
}
 +
#menu ul{
 +
    list-style: none;
 +
    display: table;
 +
    margin: 0 auto;
 +
}
 +
#menu ul li{
 +
    display: block;
 +
    float: left;
 +
    padding-right: .5em;
 +
}
 +
#menu ul li:last-child{
 +
    padding-right: 0;
 +
}
 +
#menu ul li a{
 +
    color:white;
 +
    background: #1f85c9;
 +
    padding: 0.5em 1em;
 +
    font-size: 1.1em;
 +
    border-radius: 5px;
 +
}
 +
#menu ul li a:hover{
 +
    text-decoration: none;
 +
    background: #fe8e02;
 +
}
 +
#content{
 +
    width: 1024px;
 +
}
 +
#contentContainer{
 +
    background: white;
 +
    border-radius: 10px;
 +
    margin: -8em 0 2em;
 +
    padding: 12em 5em 5em;
 +
    font-size: 0.7em;
 +
    text-align: justify;
 +
}
 +
#contentContainer img{
 +
    max-width: 100%;
 +
    margin: 0 auto;
 +
    display: block;
 +
}
 +
 
 +
/* CABECERA IGEM */
 +
#top_menu_14{
 +
    background: #1f85c9;
 +
    border:none;
 +
    font-size: .7em;
 +
}
 +
#top_menu_under{
 +
    border:none;
 +
}
 +
#top_menu_inside{
 +
    margin: 0 auto;
 +
    border: none;
 +
}
 +
#top_menu_inside a{
 +
    color: white;
 +
}
 +
#top_menu_inside a:hover{
 +
    font-weight: 900;
 +
}
 +
span.titulo_seccion {
 +
    background: #0071bc;
 +
    color: #FFF;
 +
    padding: 2em 5em;
 +
    text-transform: uppercase;
 +
    margin-left: -42px;
 +
    border-top-right-radius: 10px;
 +
    border-bottom-right-radius: 10px;
 +
    z-index: 2;
 +
    display: block;
 +
    width: 16em;
 +
    font-size: 14px;
 +
}
 +
section{
 +
    font-size: 1.2em;
 +
}
 +
section p{
 +
    margin-bottom: 2em;
 +
    font-size: 1.3em;
 +
    font-weight: 400;
 +
}
 +
section img{
 +
    margin: 0 auto;
 +
}
 +
section .half{
 +
    width: 48%;
 +
    margin-right: 2%;
 +
    float: left;
 +
}
 +
section .half.last{
 +
    margin-right: 0;
 +
    margin-left: 2%;
 +
}
 +
section .one_third{
 +
    width: 31.2%;
 +
    margin: 1%;
 +
    float: left;
 +
}
 +
section .two_third{
 +
    width: 64%;
 +
    margin-right: 2%;
 +
    float: left;
 +
}
 +
section .last{
 +
    float: right;
 +
}
 +
section .division{
 +
    display: table;
 +
    width: 100%;
 +
}
 +
img.bottom{
 +
}
 +
img.right{
 +
    float: right;
 +
}
 +
#bacteria_con_capa{
 +
    padding-top: 4em;
 +
}
 +
article:not(:last-child){
 +
    border-bottom: 2px solid #0071bc;
 +
}
 +
article{
 +
    margin-top: 2em;
 +
    padding-bottom: 2em;
 +
}
 +
.destacado{
 +
    color:#0071bc;
 +
    font-weight: 600;
 +
}
 +
#esquema_descripcion .one_third:first-child p{
 +
    padding-left: 50%;
 +
}
 +
#esquema_descripcion .one_third:nth-child(2) p{
 +
    padding: 0 25%;;
 +
}
 +
#esquema_descripcion .one_third:last-child p{
 +
    padding-right: 50%;
 +
}
 +
#esquema_descripcion .one_third p{
 +
    font-size: .9em;
 +
}
 +
.harto_margen{
 +
    padding: 0 25%;
 +
}
 +
.centered{
 +
    text-align: center;
 +
}
 +
#bodyContent,
 +
#globalWrapper,
 +
body{
 +
    background: none !important;
 +
}
 +
.atributions .titulo_seccion{
 +
    background-color: #e21831;
 +
}
 +
.atributions article .division .half{
 +
    height: 100%;
 +
    width: 46%;
 +
    margin: 0;
 +
    padding-right: 3%;
 +
    border-right: solid #e21831 16px;
 +
    padding-top: 5em;
 +
}
 +
.atributions article .division .half.last{
 +
    padding-right: 0;
 +
    padding-left: 3%;
 +
    border: none;
 +
}
 +
#contentContainer img#activities_title{
 +
    margin-bottom: -35px;
 +
    margin-top: -2em;
 +
}
 +
.item_actividad-titulo{
 +
    background: #e21831;
 +
    padding: 1em;
 +
    border-radius: 10px;
 +
    color: white;
 +
    width: 50%;
 +
    margin-left: 44%;
 +
    cursor: pointer;
 +
    height: 5em;
 +
}
 +
.half.last .item_actividad-titulo{
 +
    margin-left: 0;
 +
    margin-right: 44%;
 +
}
 +
.item_actividad-titulo:after{
 +
    content:'';
 +
     background-image: url('https://static.igem.org/mediawiki/2015/d/d6/Activities_circle_left.png');
 +
     height: 40px;
 +
    width: 60px;
 +
    display: block;
 +
    position: absolute;
 +
    margin-left: 226px;
 +
    margin-top: -40px;
 +
}
 +
.half.last .item_actividad-titulo:after{
 +
    margin-left: -72px;
 +
    background-image: url('https://static.igem.org/mediawiki/2015/1/16/Activities_circle_right.png');
 +
}
 +
.item_actividad-titulo span{
 +
    display: block;
 +
    width:100%;
 +
    text-align: center;
 +
    font-size: 1.3em;
 +
    line-height: 1.3em;
 +
}
 +
.item_actividad-titulo span:last-child{
 +
    font-weight: 900;
 +
}
 +
.item_actividad{
 +
    font-size: 0.6em;
 +
    margin-bottom: 6em;
 +
}
 +
.half.last .item_actividad:first-child{
 +
    margin-top: 7em;
 +
}
 +
.item_actividad-cuerpo{
 +
    padding-top: 1.5em;
 +
    display: none;
 +
    position: absolute;
 +
    width: 405px;
 +
    background: white;
 +
    border: #e21831 2px solid;
 +
    padding: 15px;
 +
    border-radius: 15px;
 +
    margin-top: 1em;
 +
    z-index: 1;
 +
}
 +
em{
 +
    font-style: italic;
 +
}
 +
#video{
 +
    border:black 2px solid;
 +
    margin-top: 2em;
 +
}
 +
.morado .item_actividad-titulo{
 +
    background-color: #9e147d;
 +
}
 +
.rosado .item_actividad-titulo{
 +
    background-color: #e10071;
 +
}
 +
.morado .item_actividad-cuerpo{
 +
    border-color: #9e147d;
 +
}
 +
.rosado .item_actividad-cuerpo{
 +
    border-color: #e10071;
 +
}
 +
.morado .item_actividad-titulo:after{
 +
    background-image: url('https://static.igem.org/mediawiki/2015/e/e1/Activities_circle_left_morado.png');
 +
}
 +
.half.last .morado .item_actividad-titulo:after{
 +
    background-image: url('https://static.igem.org/mediawiki/2015/9/98/Activities_circle_right_morado.png');
 +
}
 +
.rosado .item_actividad-titulo:after{
 +
    background-image: url('https://static.igem.org/mediawiki/2015/c/cb/Activities_circle_left_rosado.png');
 +
}
 +
.half.last .rosado .item_actividad-titulo:after{
 +
    background-image: url('https://static.igem.org/mediawiki/2015/d/d0/Activities_circle_right_rosado.png');
 +
}
 +
.human_practices .titulo_seccion{
 +
    background-color: #39b54a;
 +
}
 +
.human_practices h1,
 +
.human_practices h2,
 +
.human_practices h3{
 +
    color: #39b54a;
 +
}
 +
.human_practices article:not(:last-child){
 +
    border-bottom: 2px solid #39b54a;
 +
}
 +
.caption{
 +
    margin: .2em 0 1em;
 +
    font-size: .8em;
 +
    display: block;
 +
}
 +
footer{
 +
    border-top: solid 2px #39b5;
 +
}
 +
#menu ul ul{
 +
    display: none;
 +
    position: absolute;
 +
}
 +
#menu ul li:hover ul{
 +
    display: block;
 +
}
 +
#menu ul ul li{
 +
    list-style-type: none;
 +
    float: none;
 +
    width: 100%;
 +
    padding-top: 10px;
 +
}
 +
#menu ul ul li:first-child{
 +
    padding-top: 20px;
 +
}
 +
#menu ul ul li a{
 +
    display: block;
 +
    background-color: #fe8e02;
 +
}
 +
#menu ul ul li a:hover{
 +
    text-decoration: none;
 +
    background: #4293cd;
 +
}
 +
.titulo_seccion:before{
 +
    content:'';
 +
    height: 95px;
 +
    width: 95px;
 +
    display: block;
 +
    margin-left: 211px;
 +
    margin-top: -27px;
 +
    background-repeat: no-repeat;
 +
    margin-bottom: -64px;
 +
}
 +
.description .titulo_seccion:before{
 +
    background-image:url('https://static.igem.org/mediawiki/2015/1/1b/Project_titulo_seccion.jpg');
 +
}
 +
.atributions .titulo_seccion:before{
 +
    background-image:url('https://static.igem.org/mediawiki/2015/8/8c/Collabotarion_titulo_seccion.jpg');
 +
}
 +
.human_practices .titulo_seccion:before{
 +
    background-image:url('https://static.igem.org/mediawiki/2015/2/2d/Hp_titulo_seccion.jpg');
 +
}
 +
.collaborations .titulo_seccion{
 +
    background-color: #f8931e;
 +
}
 +
.collaborations h1,
 +
.collaborations h2,
 +
.collaborations h3,
 +
.collaborations .destacado{
 +
    color: #f8931e;
 +
}
 +
.collaborations article{
 +
    border-color:#f8931e;
 +
}
 +
.izquierda_60{
 +
    float: left;
 +
    width: 55%;
 +
}
 +
.derecha_40{
 +
    width: 40%;
 +
    display: block;
 +
    float: right;
 +
}
 +
#titulo_team{
 +
    background: #fbb03b;
 +
    text-transform: uppercase;
 +
    padding: 1em;
 +
    margin-bottom: 2em;
 +
    color: white;
 +
}
 +
.integrante{
 +
    width: 110px;
 +
    float: left;
 +
    height: 110px;
 +
    cursor: pointer;
 +
}
 +
.integrante_descripcion:not(:first-child){
 +
    display: none;
 +
    background-color: #fbb03b;
 +
    height: 450px;
 +
    width: 86%;
 +
    padding: 7%;
 +
    color: white;
 +
}
 +
.integrante_descripcion h2{
 +
    color: #fbb03b;
 +
    font-weight: 600;
 +
}
 +
.integrante_descripcion:not(:first-child) h2{
 +
    color: white;
 +
}
 +
.team .last .integrante_descripcion:not(:first-child) p{
 +
    float: right;
 +
    width: 60%;
 +
}
 +
.team .last .integrante_descripcion:not(:first-child) img{
 +
    float: left;
 +
    width: 35%;
 +
}
 +
        </style>
 
         <header>
 
         <header>
 
             <img id="logo" alt="OpenBio Uchile PLA Project" src="https://static.igem.org/mediawiki/2015/b/b0/Cabecera.png" />
 
             <img id="logo" alt="OpenBio Uchile PLA Project" src="https://static.igem.org/mediawiki/2015/b/b0/Cabecera.png" />
Line 23: Line 492:
 
                         </ul>
 
                         </ul>
 
                     </li>
 
                     </li>
                    <li><a href="https://2015.igem.org/Team:UChile-OpenBio/Parts">PARTS</a></li>
 
 
                     <li><a href="https://2015.igem.org/Team:UChile-OpenBio/Notebook">NOTEBOOK</a></li>
 
                     <li><a href="https://2015.igem.org/Team:UChile-OpenBio/Notebook">NOTEBOOK</a></li>
 +
                    <li><a href="https://2015.igem.org/Team:UChile-OpenBio/Atributions">ATRIBUTIONS</a></li>
 
                     <li><a href="https://2015.igem.org/Team:UChile-OpenBio/Collaborations">COLLABORATION</a></li>
 
                     <li><a href="https://2015.igem.org/Team:UChile-OpenBio/Collaborations">COLLABORATION</a></li>
 
                     <li><a href="https://2015.igem.org/Team:UChile-OpenBio/Practices">HUMAN PRACTICES</a></li>
 
                     <li><a href="https://2015.igem.org/Team:UChile-OpenBio/Practices">HUMAN PRACTICES</a></li>
 
                     <li><a href="https://2015.igem.org/Team:UChile-OpenBio/Safety">SAFETY</a></li>
 
                     <li><a href="https://2015.igem.org/Team:UChile-OpenBio/Safety">SAFETY</a></li>
                     <li><a href="https://2015.igem.org/Team:UChile-OpenBio/Modelling">MODELLING</a></li>
+
                     <li><a href="https://2015.igem.org/Team:UChile-OpenBio/Modeling">MODELING</a></li>
 
                     <li><a href="https://2015.igem.org/Team:UChile-OpenBio/Team">TEAM</a></li>
 
                     <li><a href="https://2015.igem.org/Team:UChile-OpenBio/Team">TEAM</a></li>
 
                 </ul>
 
                 </ul>
            </nav>
 
 
             </nav>
 
             </nav>
 
         </header>
 
         </header>
 
         <div id="contentContainer">
 
         <div id="contentContainer">
            <!-- NO EXPORT END -->
 
            <!-- SI EXPORT START -->
 
            {{UChile-OpenBio}}
 
<html>
 
            <!-- SI EXPORT END -->
 
            <section class="team">
 
                <img class="" alt="Uchile Team" src="https://static.igem.org/mediawiki/2015/d/d4/Bacteriasssssss.png" />
 
                <article>                   
 
                    <div class="division">
 
                        <div class="half">
 
                            <div id="titulo_team">
 
                                Team Members and workplaces
 
                            </div>
 
                            <div id="integrantes">
 
                                <div id="severine" class="integrante"><img alt="Severine" src="https://static.igem.org/mediawiki/2015/b/b4/Sev.png" /></div>
 
                                <div id="anariky" class="integrante"><img alt="Anariky" src="https://static.igem.org/mediawiki/2015/2/2b/Anariky.png" /></div>
 
                                <div id="hector" class="integrante"><img alt="Hector" src="https://static.igem.org/mediawiki/2015/b/b3/Tito.png" /></div>
 
                                <div id="gustavo" class="integrante"><img alt="Gustavo" src="https://static.igem.org/mediawiki/2015/5/52/Gus.png" /></div>
 
                                <div id="diego" class="integrante"><img alt="Diego" src="https://static.igem.org/mediawiki/2015/6/68/Diego.png" /></div>
 
                                <div id="luis" class="integrante"><img alt="Luis" src="https://static.igem.org/mediawiki/2015/9/9a/Lucho.png" /></div>
 
                                <div id="ignacio" class="integrante"><img alt="Ignacio" src="https://static.igem.org/mediawiki/2015/2/2e/Nacho.png" /></div>
 
                                <div id="natalia" class="integrante"><img alt="Natalia" src="https://static.igem.org/mediawiki/2015/9/9c/Naty.png" /></div>
 
                                <div id="javiera" class="integrante"><img alt="Javiera" src="https://static.igem.org/mediawiki/2015/4/4f/Javi.png" /></div>
 
                                <div id="jose" class="integrante"><img alt="Jose" src="https://static.igem.org/mediawiki/2015/9/96/Jose.png" /></div>
 
                                <div id="david" class="integrante"><img alt="David" src="https://static.igem.org/mediawiki/2015/6/6b/David.png" /></div>
 
                                <div id="noemi" class="integrante"><img alt="Noemi" src="https://static.igem.org/mediawiki/2015/0/02/Noemi.png" /></div>
 
                                <div id="juan" class="integrante"><img alt="Juan" src="https://static.igem.org/mediawiki/2015/1/11/JA.png" /></div>
 
                                <div id="alvaro" class="integrante"><img alt="Alvaro" src="https://static.igem.org/mediawiki/2015/6/68/AO.png" /></div>
 
                                <div id="laboraroty" class="integrante"><img alt="Laboratory" src="https://static.igem.org/mediawiki/2015/b/b1/Lab_mini.png" /></div>
 
                                <div id="university" class="integrante"><img alt="University" src="https://static.igem.org/mediawiki/2015/c/c9/UCH.png" /></div>
 
                            </div>
 
                        </div>
 
                        <div class="half last">
 
                            <div id="team" class="integrante_descripcion"><h2>Uchile-Openbio iGEM team</h2><p>The team consists of 14 members and is a multidisciplinary, collaborative & nonprofit group. It was funded in 2013, by students of Universidad de Chile. The team’s main objective is to boost SynBio in Chile through the Open Source Philosophy.</p><img alt="Severine" src="https://static.igem.org/mediawiki/2015/d/d2/Bacteria-presentadora.png" /></div>
 
                            <div id="severine_descripcion" class="integrante_descripcion"><h2>Severine</h2><img alt="Severine" src="https://static.igem.org/mediawiki/2015/0/03/SEVERINE.jpg" /><p>Descripción acá</p></div>
 
                            <div id="anariky_descripcion" class="integrante_descripcion"><h2>Anariky</h2><img alt="Anariky" src="https://static.igem.org/mediawiki/2015/e/ec/Anariky_foto.jpg" /><p>Descripción acá</p></div>
 
                            <div id="hector_descripcion" class="integrante_descripcion"><h2>Hector</h2><img alt="Hector" src="https://static.igem.org/mediawiki/2015/1/13/HECTOR.jpg" /><p>Descripción acá</p></div>
 
                            <div id="gustavo_descripcion" class="integrante_descripcion"><h2>Gustavo</h2><img alt="Gustavo" src="https://static.igem.org/mediawiki/2015/4/44/GUSTAVO.jpg" /><p>Descripción acá</p></div>
 
                            <div id="diego_descripcion" class="integrante_descripcion"><h2>Diego</h2><img alt="Diego" src="https://static.igem.org/mediawiki/2015/3/3b/DIEGO.jpg" /><p>Descripción acá</p></div>
 
                            <div id="luis_descripcion" class="integrante_descripcion"><h2>Luis</h2><img alt="Luis" src="https://static.igem.org/mediawiki/2015/c/c5/LUIS.jpg" /><p>Descripción acá</p></div>
 
                            <div id="ignacio_descripcion" class="integrante_descripcion"><h2>Ignacio</h2><img alt="Ignacio" src="https://static.igem.org/mediawiki/2015/e/e6/IGNACIO.jpg" /><p>Descripción acá</p></div>
 
                            <div id="natalia_descripcion" class="integrante_descripcion"><h2>Natalia</h2><img alt="Natalia" src="https://static.igem.org/mediawiki/2015/c/c6/NATALIA.jpg" /><p>Descripción acá</p></div>
 
                            <div id="javiera_descripcion" class="integrante_descripcion"><h2>Javiera</h2><img alt="Javiera" src="https://static.igem.org/mediawiki/2015/a/a8/JAVIERA.jpg" /><p>Descripción acá</p></div>
 
                            <div id="jose_descripcion" class="integrante_descripcion"><h2>Jose</h2><img alt="Jose" src="https://static.igem.org/mediawiki/2015/4/46/JOSE.jpg" /><p>Descripción acá</p></div>
 
                            <div id="david_descripcion" class="integrante_descripcion"><h2>David</h2><img alt="David" src="https://static.igem.org/mediawiki/2015/8/8b/David_foto.jpg" /><p>Descripción acá</p></div>
 
                            <div id="noemi_descripcion" class="integrante_descripcion"><h2>Noemi</h2><img alt="Noemi" src="" /><p>Descripción acá</p></div>
 
                            <div id="juan_descripcion" class="integrante_descripcion"><h2>Juan</h2><img alt="Juan" src="https://static.igem.org/mediawiki/2015/a/ad/JUAN.jpg" /><p>Descripción acá</p></div>
 
                            <div id="alvaro_descripcion" class="integrante_descripcion"><h2>Alvaro</h2><img alt="Alvaro" src="" /><p>Descripción acá</p></div>
 
                            <div id="laboraroty_descripcion" class="integrante_descripcion"><h2>Laboratory</h2><img alt="Laboratory" src="" /><p>Descripción acá</p></div>
 
                            <div id="university_descripcion" class="integrante_descripcion"><h2>University</h2><img alt="University" src="" /><p>Descripción acá</p></div>
 
                        </div>
 
                    </div>
 
                </article>
 
            </section>
 
            <script>
 
                $(document).ready(function(){
 
                    $('.integrante').click(function(){
 
                        $('.last div').hide();
 
                        $("#"+$(this).attr('id')+"_descripcion").css('display','table');
 
                    });
 
                });
 
            </script>
 
    <footer>
 
        <h1>Our Sponsors</h1>
 
        <img src="https://static.igem.org/mediawiki/2015/4/4f/Footer_sponsors.png" alt="UChile Sponsors" />
 
    </footer>
 
        </div> <!-- #contentContainer -->
 
    </body>
 
 
</html>
 
</html>

Revision as of 14:43, 18 September 2015

TODO supply a title