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

(Undo revision 141539 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 121: Line 102:
 
<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 126: Line 111:
 
<div id="carousel">
 
<div id="carousel">
 
   <carousel-3d :autoplay="true" :autoplay-timeout="2400">
 
   <carousel-3d :autoplay="true" :autoplay-timeout="2400">
     <slide :index="0">
+
     <slide :index="0"><img src="https://static.igem.org/mediawiki/2018/a/a6/T--NUS_Singapore-A--IHP_FooJeeLoon.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="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 140: Line 122:
 
</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 272: Line 239:
 
   }
 
   }
 
})
 
})
 
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:04, 13 September 2018

CONNECT WITH US

Text one?