Difference between revisions of "Team:NUS Singapore-A/HP/shadow/IntegratedHP"

(Undo revision 141492 by Aaronlcy (talk))
Line 95: Line 95:
 
   display: block;
 
   display: block;
 
     }
 
     }
 +
 +
.tabcontent {
 +
    display: none;
 +
    padding: 6px 12px;
 +
    border: 1px solid #ccc;
 +
    flex-direction: row;
 +
    justify-content: flex-start;
 +
    align-items: center;
 +
}
 +
 +
.interviewee-description{
 +
  display: flex;
 +
  margin-left: 24px;
 +
  font-family: "Lora", sans-serif;
 +
  font-weight: 400;
 +
  font-size: 1.25em;
 +
  line-height: normal;
 +
  text-align: justify;
 +
}
 
</style>
 
</style>
  
Line 102: Line 121:
 
<div class="inner-border" style="border-top:none;">
 
<div class="inner-border" style="border-top:none;">
  
−
<!--<div style="text-align: center; margin-bottom: -24px;">
 
−
  <img src="https://static.igem.org/mediawiki/2018/f/fd/T--NUS_Singapore-A--IHP_header.png" alt="IHP Header" style="width:50%;">
 
−
</div>
 
−
-->
 
 
<img src="https://static.igem.org/mediawiki/2018/f/fd/T--NUS_Singapore-A--IHP_header.png" class="ihp-header">
 
<img src="https://static.igem.org/mediawiki/2018/f/fd/T--NUS_Singapore-A--IHP_header.png" class="ihp-header">
  
Line 111: Line 126:
 
<div id="carousel">
 
<div id="carousel">
 
   <carousel-3d :autoplay="true" :autoplay-timeout="2400">
 
   <carousel-3d :autoplay="true" :autoplay-timeout="2400">
−
     <slide :index="0"><img src="https://static.igem.org/mediawiki/2018/a/a6/T--NUS_Singapore-A--IHP_FooJeeLoon.jpg"/></slide>
+
     <slide :index="0">
−
     <slide :index="1"><img src="https://static.igem.org/mediawiki/2018/1/14/T--NUS_Singapore-A--IHP_HolgerSchlaefke.jpg"/></slide>
+
<img src="https://static.igem.org/mediawiki/2018/a/a6/T--NUS_Singapore-A--IHP_FooJeeLoon.jpg"/></slide>
 +
      
 +
 
 +
<slide :index="1"><img src="https://static.igem.org/mediawiki/2018/1/14/T--NUS_Singapore-A--IHP_HolgerSchlaefke.jpg"/></slide>
 
     <slide :index="2"><img src="https://static.igem.org/mediawiki/2018/f/f8/T--NUS_Singapore-A--IHP_Gerard_Talhoff.jpg"/></slide>
 
     <slide :index="2"><img src="https://static.igem.org/mediawiki/2018/f/f8/T--NUS_Singapore-A--IHP_Gerard_Talhoff.jpg"/></slide>
 
     <slide :index="3"><img src="https://static.igem.org/mediawiki/2018/7/74/T--NUS_Singapore-A--IHP_LeongMinyi.jpg"/></slide>
 
     <slide :index="3"><img src="https://static.igem.org/mediawiki/2018/7/74/T--NUS_Singapore-A--IHP_LeongMinyi.jpg"/></slide>
Line 122: Line 140:
 
</div>
 
</div>
  
 +
 +
<button class="sponsor-boxes tablinks" onclick="openIHP(event, 'IHP1')"><img src="https://static.igem.org/mediawiki/2018/4/4d/T--NUS_Singapore-A--Sponsor_AdvanceSyn.png"></button>
 +
    <button class="sponsor-boxes tablinks" onclick="openSponsor(event, 'Silver2')"><img src="https://static.igem.org/mediawiki/2018/0/02/T--NUS_Singapore-A--Sponsor_SingerInstruments.png"></button>
 +
    <button class="sponsor-boxes tablinks" onclick="openSponsor(event, 'Silver3')"><img src="https://static.igem.org/mediawiki/2018/d/d0/T--NUS_Singapore-A--Sponsor_BiomakerSpace.jpg"></button>
 +
 +
  </div><div id="IHP1" class="tabcontent">
 +
    <span class="interviewee-description"> Dr Foo description
 +
    </span>
 +
  </div>
 +
 +
 +
 +
 +
 +
/*** Ignore ***/
 
<!--
 
<!--
 
<div style="text-align: center; margin-bottom: -24px;">
 
<div style="text-align: center; margin-bottom: -24px;">
Line 239: Line 272:
 
   }
 
   }
 
})
 
})
 +
 +
function openIHP(evt, ihpName) {
 +
    var i, tabcontent, tablinks;
 +
    tabcontent = document.getElementsByClassName("tabcontent");
 +
    for (i = 0; i < tabcontent.length; i++) {
 +
        tabcontent[i].style.display = "none";
 +
    }
 +
    tablinks = document.getElementsByClassName("tablinks");
 +
    for (i = 0; i < tablinks.length; i++) {
 +
        tablinks[i].className = tablinks[i].className.replace(" active", "");
 +
    }
 +
    document.getElementById(ihpName).style.display = "flex";
 +
    evt.currentTarget.className += " active";
 +
}
 
</script>
 
</script>
  
 
</html>
 
</html>
 
{{:Team:NUS_Singapore-A/Templates/Footer}}
 
{{:Team:NUS_Singapore-A/Templates/Footer}}

Revision as of 17:03, 13 September 2018

CONNECT WITH US
Dr Foo description
/*** Ignore ***/

Text one?



HEAR OUR STORY

We’re using synthetic biology to change the way the world thinks and functions.

We’re a little disruptive, dangerous and maybe a tad too bold. But the world needs some shaking up every now and then, and we think we’re just the right people for that.

Together we’re going to engineer biology and create something awesome.

CONTACT US

nusigem@gmail.com

21 Lower Kent Ridge Rd, Singapore 119077