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

Line 55: Line 55:
 
}
 
}
 
/* Style the tab */
 
/* Style the tab */
−
.tab {
 
−
    overflow: hidden;
 
−
    border: 1px solid #ccc;
 
−
    background-color: #f1f1f1;
 
−
}
 
  
 
/* Style the buttons inside the tab */
 
/* Style the buttons inside the tab */
Line 88: Line 83:
 
     padding: 6px 12px;
 
     padding: 6px 12px;
 
     border: 1px solid #ccc;
 
     border: 1px solid #ccc;
−
     border-top: none;
+
     text-align: left;
 +
}
 +
.sponsor-pic{
 +
  display: inline-block;
 +
  border: 1px solid #ccc;
 +
  width: 235px;
 +
  height: auto;
 +
}
 +
.sponsor-description{
 +
  display: inline-block;
 +
  margin-right: 7.5%;
 +
  margin-left: 6px
 
}
 
}
  
Line 98: Line 104:
 
<div class="inner-border" style="border-top: none;">
 
<div class="inner-border" style="border-top: none;">
  
−
<img src="https://static.igem.org/mediawiki/2018/7/7e/T--NUS_Singapore-A--Sponsor_header.jpg" class="sponsorship-header"
+
<img src="https://static.igem.org/mediawiki/2018/7/7e/T--NUS_Singapore-A--Sponsor_header.jpg" class="sponsorship-header">
  
  
Line 105: Line 111:
 
   <span class="sponsors-overview-title" style="font-size: 30px">Gold sponsors</span>
 
   <span class="sponsors-overview-title" style="font-size: 30px">Gold sponsors</span>
 
   <div class="sponsors-overview-rows">
 
   <div class="sponsors-overview-rows">
−
     <span class="sponsor-boxes"> Matlab </span>
+
     <button class="sponsor-boxes tablinks" onclick="openSponsor(event, 'Matlab1')"> Matlab 1</button>
−
     <span class="sponsor-boxes"> Matlab </span>
+
     <button class="sponsor-boxes tablinks" onclick="openSponsor(event, 'Matlab2')"> Matlab 2</button>
−
     <span class="sponsor-boxes"> Matlab </span>
+
     <button class="sponsor-boxes tablinks" onclick="openSponsor(event, 'Matlab3')"> Matlab 3</button>
−
     <span class="sponsor-boxes"> Matlab </span>
+
     <button class="sponsor-boxes tablinks" onclick="openSponsor(event, 'Matlab4')"> Matlab 4</button>
−
     <span class="sponsor-boxes"> Matlab </span>
+
     <button class="sponsor-boxes tablinks" onclick="openSponsor(event, 'Matlab5')"> Matlab 5</button>
−
     <span class="sponsor-boxes"> Matlab </span>
+
     <button class="sponsor-boxes tablinks" onclick="openSponsor(event, 'Matlab6')"> Matlab 6</button>
  
 
   </div>
 
   </div>
−
 
+
   <div>
−
   <div class="tab">
+
  <div id="Matlab1" class="tabcontent">
−
    <button class="tablinks" onclick="openCity(event, 'London')">London</button>
+
     <img src="https://static.igem.org/mediawiki/2018/7/7e/T--NUS_Singapore-A--Sponsor_header.jpg" class="sponsor-pic" alt="placeholder">
−
     <button class="tablinks" onclick="openCity(event, 'Paris')">Paris</button>
+
     <p class="sponsor-description">This is a placeholder.</p>
−
     <button class="tablinks" onclick="openCity(event, 'Tokyo')">Tokyo</button>
+
 
   </div>
 
   </div>
−
 
+
   <div id="Matlab2" class="tabcontent">
−
   <div id="London" class="tabcontent">
+
     <h3>Matlab 2</h3>
−
     <h3>London</h3>
+
     <p>This is Matlab 2.</p>
−
     <p>London is the capital city of England.</p>
+
 
   </div>
 
   </div>
−
 
+
  <div id="Matlab3" class="tabcontent">
−
   <div id="Paris" class="tabcontent">
+
    <h3>Matlab 3</h3>
−
     <h3>Paris</h3>
+
    <p>This is Matlab 3.</p>
−
     <p>Paris is the capital of France.</p>  
+
  </div>
 +
  <div id="Matlab4" class="tabcontent">
 +
    <h3>Matlab 4</h3>
 +
    <p>This is Matlab 4.</p>
 +
  </div>
 +
  <div id="Matlab5" class="tabcontent">
 +
    <h3>Matlab 5</h3>
 +
    <p>This is Matlab 5.</p>
 +
  </div>
 +
   <div id="Matlab6" class="tabcontent">
 +
     <h3>Matlab 6</h3>
 +
     <p>This is Matlab 6.</p>
 
   </div>
 
   </div>
−
 
−
  <div id="Tokyo" class="tabcontent">
 
−
    <h3>Tokyo</h3>
 
−
    <p>Tokyo is the capital of Japan.</p>
 
 
   </div>
 
   </div>
  
Line 171: Line 182:
  
 
<script>
 
<script>
−
function openCity(evt, cityName) {
+
function openSponsor(evt, sponsorName) {
 
     var i, tabcontent, tablinks;
 
     var i, tabcontent, tablinks;
 
     tabcontent = document.getElementsByClassName("tabcontent");
 
     tabcontent = document.getElementsByClassName("tabcontent");
Line 181: Line 192:
 
         tablinks[i].className = tablinks[i].className.replace(" active", "");
 
         tablinks[i].className = tablinks[i].className.replace(" active", "");
 
     }
 
     }
−
     document.getElementById(cityName).style.display = "block";
+
     document.getElementById(sponsorName).style.display = "block";
 
     evt.currentTarget.className += " active";
 
     evt.currentTarget.className += " active";
 
}
 
}

Revision as of 12:26, 12 August 2018

CONNECT WITH US
Gold sponsors

Matlab 2

This is Matlab 2.

Matlab 3

This is Matlab 3.

Matlab 4

This is Matlab 4.

Matlab 5

This is Matlab 5.

Matlab 6

This is Matlab 6.

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