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

Line 53: Line 53:
 
   vertical-align: 50%
 
   vertical-align: 50%
 
   border: 1px solid black;
 
   border: 1px solid black;
 +
}
 +
/* Style the tab */
 +
.tab {
 +
    overflow: hidden;
 +
    border: 1px solid #ccc;
 +
    background-color: #f1f1f1;
 
}
 
}
  
 +
/* Style the buttons inside the tab */
 +
.tab button {
 +
    background-color: inherit;
 +
    float: left;
 +
    border: none;
 +
    outline: none;
 +
    cursor: pointer;
 +
    padding: 14px 16px;
 +
    transition: 0.3s;
 +
    font-size: 17px;
 +
}
 +
 +
/* Change background color of buttons on hover */
 +
.tab button:hover {
 +
    background-color: #ddd;
 +
}
 +
 +
/* Create an active/current tablink class */
 +
.tab button.active {
 +
    background-color: #ccc;
 +
}
 +
 +
/* Style the tab content */
 +
.tabcontent {
 +
    display: none;
 +
    padding: 6px 12px;
 +
    border: 1px solid #ccc;
 +
    border-top: none;
 +
}
  
  
Line 77: Line 112:
 
     <span class="sponsor-boxes"> Matlab </span>
 
     <span class="sponsor-boxes"> Matlab </span>
  
 +
  </div>
 +
 +
  <div class="tab">
 +
    <button class="tablinks" onclick="openCity(event, 'London')">London</button>
 +
    <button class="tablinks" onclick="openCity(event, 'Paris')">Paris</button>
 +
    <button class="tablinks" onclick="openCity(event, 'Tokyo')">Tokyo</button>
 +
  </div>
 +
 +
  <div id="London" class="tabcontent">
 +
    <h3>London</h3>
 +
    <p>London is the capital city of England.</p>
 +
  </div>
 +
 +
  <div id="Paris" class="tabcontent">
 +
    <h3>Paris</h3>
 +
    <p>Paris is the capital of France.</p>
 +
  </div>
 +
 +
  <div id="Tokyo" class="tabcontent">
 +
    <h3>Tokyo</h3>
 +
    <p>Tokyo is the capital of Japan.</p>
 
   </div>
 
   </div>
  
Line 111: Line 167:
  
 
</div>
 
</div>
 +
 +
 +
 +
<script>
 +
function openCity(evt, cityName) {
 +
    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(cityName).style.display = "block";
 +
    evt.currentTarget.className += " active";
 +
}
 +
</script>
 +
 +
  
 
</body>
 
</body>

Revision as of 11:26, 12 August 2018

CONNECT WITH US
Gold sponsors

London

London is the capital city of England.

Paris

Paris is the capital of France.

Tokyo

Tokyo is the capital of Japan.

Silver sponsors
Bronze sponsors


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