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

Line 83: Line 83:
 
     padding: 6px 12px;
 
     padding: 6px 12px;
 
     border: 1px solid #ccc;
 
     border: 1px solid #ccc;
−
     text-align: left;
+
     flex-direction: row;
 +
    justify-content: flex-start;
 +
    align-items: center;
 
}
 
}
 
.sponsor-pic{
 
.sponsor-pic{
−
   display: inline-block;
+
   display: flex;
 
   border: 1px solid #ccc;
 
   border: 1px solid #ccc;
 
   width: 235px;
 
   width: 235px;
 +
  max-width: 235px;
 +
  min-width: 235px;
 
   height: auto;
 
   height: auto;
 
}
 
}
 
.sponsor-description{
 
.sponsor-description{
−
   display: inline-block;
+
   display: flex;
−
   margin-right: 7.5%;
+
   margin-left: 6px 7.5%;
−
   margin-left: 6px
+
   font-family: "Lora", sans-serif;
 +
  font-weight: 400;
 +
 
 
}
 
}
  
Line 119: Line 125:
  
 
   </div>
 
   </div>
−
  <div>
 
 
   <div id="Matlab1" class="tabcontent">
 
   <div id="Matlab1" class="tabcontent">
 
     <img src="https://static.igem.org/mediawiki/2018/7/7e/T--NUS_Singapore-A--Sponsor_header.jpg" class="sponsor-pic" alt="placeholder">
 
     <img src="https://static.igem.org/mediawiki/2018/7/7e/T--NUS_Singapore-A--Sponsor_header.jpg" class="sponsor-pic" alt="placeholder">
−
     <p class="sponsor-description">This is a placeholder.</p>
+
     <span class="sponsor-description">Phasellus a fermentum orci, vitae finibus odio. Maecenas bibendum eros efficitur, malesuada enim sed, semper metus. Cras porta dui sit amet tellus elementum convallis. Duis dapibus ligula purus, non pharetra mauris condimentum in. Nam non odio vitae est hendrerit suscipit.
 +
    </span>
 
   </div>
 
   </div>
 +
 
   <div id="Matlab2" class="tabcontent">
 
   <div id="Matlab2" class="tabcontent">
−
     <h3>Matlab 2</h3>
+
     <img src="https://static.igem.org/mediawiki/2018/7/7e/T--NUS_Singapore-A--Sponsor_header.jpg" class="sponsor-pic" alt="placeholder">
−
     <p>This is Matlab 2.</p>
+
     <span class="sponsor-description">Quisque sed vestibulum neque. Suspendisse potenti. Quisque id tincidunt risus, at tempor ligula. Vivamus et enim vitae massa laoreet efficitur. Pellentesque pharetra, lorem quis maximus posuere, justo arcu pharetra nunc, ut pellentesque mauris risus at eros.
 +
    </span>
 
   </div>
 
   </div>
 +
 
   <div id="Matlab3" class="tabcontent">
 
   <div id="Matlab3" class="tabcontent">
−
     <h3>Matlab 3</h3>
+
     <img src="https://static.igem.org/mediawiki/2018/7/7e/T--NUS_Singapore-A--Sponsor_header.jpg" class="sponsor-pic" alt="placeholder">
−
     <p>This is Matlab 3.</p>
+
     <span class="sponsor-description">Donec ac lorem magna. Sed id leo quis augue condimentum posuere. Nam porttitor et nisl id finibus. Proin consequat ante nulla.
 +
    </span>
 
   </div>
 
   </div>
 +
 
   <div id="Matlab4" class="tabcontent">
 
   <div id="Matlab4" class="tabcontent">
−
     <h3>Matlab 4</h3>
+
     <img src="https://static.igem.org/mediawiki/2018/7/7e/T--NUS_Singapore-A--Sponsor_header.jpg" class="sponsor-pic" alt="placeholder">
−
     <p>This is Matlab 4.</p>
+
     <span class="sponsor-description">Interdum et malesuada fames ac ante ipsum primis in faucibus. Curabitur sit amet nisi quam. Nam pulvinar, nibh eget malesuada aliquam, felis enim fringilla magna, nec lacinia ipsum enim sed metus. Curabitur efficitur magna vitae dolor condimentum ultricies. Integer sodales arcu ante, et varius velit mattis nec.
 +
    </span>
 
   </div>
 
   </div>
 +
 
   <div id="Matlab5" class="tabcontent">
 
   <div id="Matlab5" class="tabcontent">
−
     <h3>Matlab 5</h3>
+
     <img src="https://static.igem.org/mediawiki/2018/7/7e/T--NUS_Singapore-A--Sponsor_header.jpg" class="sponsor-pic" alt="placeholder">
−
     <p>This is Matlab 5.</p>
+
     <span class="sponsor-description">Curabitur dictum leo et leo rhoncus, eu blandit metus bibendum. Fusce finibus sodales enim nec gravida. Maecenas quam odio, eleifend at arcu eu, ullamcorper semper leo. In sollicitudin nisi elit, sit amet ornare magna ultricies vitae.
 +
    </span>
 
   </div>
 
   </div>
 +
 
   <div id="Matlab6" class="tabcontent">
 
   <div id="Matlab6" class="tabcontent">
−
     <h3>Matlab 6</h3>
+
     <img src="https://static.igem.org/mediawiki/2018/7/7e/T--NUS_Singapore-A--Sponsor_header.jpg" class="sponsor-pic" alt="placeholder">
−
     <p>This is Matlab 6.</p>
+
     <span class="sponsor-description">This is english.</span>
−
  </div>
+
 
   </div>
 
   </div>
  
 
   <span class="sponsors-overview-title" style="font-size: 30px">Silver sponsors</span>
 
   <span class="sponsors-overview-title" style="font-size: 30px">Silver 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, 'FabLab1')"> Fab lab 1</button>
−
     <span class="sponsor-boxes"> Matlab </span>
+
     <button class="sponsor-boxes tablinks" onclick="openSponsor(event, 'FabLab2')"> Fab lab 2</button>
−
     <span class="sponsor-boxes"> Matlab </span>
+
     <button class="sponsor-boxes tablinks" onclick="openSponsor(event, 'FabLab3')"> Fab lab 3</button>
−
     <span class="sponsor-boxes"> Matlab </span>
+
     <button class="sponsor-boxes tablinks" onclick="openSponsor(event, 'FabLab4')"> Fab lab 4</button>
−
     <span class="sponsor-boxes"> Matlab </span>
+
     <button class="sponsor-boxes tablinks" onclick="openSponsor(event, 'FabLab5')"> Fab lab 5</button>
−
     <span class="sponsor-boxes"> Matlab </span>
+
     <button class="sponsor-boxes tablinks" onclick="openSponsor(event, 'FabLab6')"> Fab lab 6</button>
  
 +
  </div>
 +
  <div id="FabLab1" class="tabcontent">
 +
    <img src="https://static.igem.org/mediawiki/2018/5/52/T--NUS_Singapore-A--Haoyuan_informal.jpg" class="sponsor-pic" alt="placeholder">
 +
    <span class="sponsor-description">Phasellus a fermentum orci, vitae finibus odio. Maecenas bibendum eros efficitur, malesuada enim sed, semper metus. Cras porta dui sit amet tellus elementum convallis. Duis dapibus ligula purus, non pharetra mauris condimentum in. Nam non odio vitae est hendrerit suscipit.
 +
    </span>
 +
  </div>
  
 +
  <div id="FabLab2" class="tabcontent">
 +
    <img src="https://static.igem.org/mediawiki/2018/5/52/T--NUS_Singapore-A--Haoyuan_informal.jpg" class="sponsor-pic" alt="placeholder">
 +
    <span class="sponsor-description">Quisque sed vestibulum neque. Suspendisse potenti. Quisque id tincidunt risus, at tempor ligula. Vivamus et enim vitae massa laoreet efficitur. Pellentesque pharetra, lorem quis maximus posuere, justo arcu pharetra nunc, ut pellentesque mauris risus at eros.
 +
    </span>
 +
  </div>
  
 +
  <div id="FabLab3" class="tabcontent">
 +
    <img src="https://static.igem.org/mediawiki/2018/5/52/T--NUS_Singapore-A--Haoyuan_informal.jpg" class="sponsor-pic" alt="placeholder">
 +
    <span class="sponsor-description">Donec ac lorem magna. Sed id leo quis augue condimentum posuere. Nam porttitor et nisl id finibus. Proin consequat ante nulla.
 +
    </span>
 +
  </div>
 +
 +
  <div id="FabLab4" class="tabcontent">
 +
    <img src="https://static.igem.org/mediawiki/2018/5/52/T--NUS_Singapore-A--Haoyuan_informal.jpg" class="sponsor-pic" alt="placeholder">
 +
    <span class="sponsor-description">Interdum et malesuada fames ac ante ipsum primis in faucibus. Curabitur sit amet nisi quam. Nam pulvinar, nibh eget malesuada aliquam, felis enim fringilla magna, nec lacinia ipsum enim sed metus. Curabitur efficitur magna vitae dolor condimentum ultricies. Integer sodales arcu ante, et varius velit mattis nec.
 +
    </span>
 +
  </div>
 +
 +
  <div id="FabLab5" class="tabcontent">
 +
    <img src="https://static.igem.org/mediawiki/2018/5/52/T--NUS_Singapore-A--Haoyuan_informal.jpg" class="sponsor-pic" alt="placeholder">
 +
    <span class="sponsor-description">Curabitur dictum leo et leo rhoncus, eu blandit metus bibendum. Fusce finibus sodales enim nec gravida. Maecenas quam odio, eleifend at arcu eu, ullamcorper semper leo. In sollicitudin nisi elit, sit amet ornare magna ultricies vitae.
 +
    </span>
 +
  </div>
 +
 +
  <div id="FabLab6" class="tabcontent">
 +
    <img src="https://static.igem.org/mediawiki/2018/5/52/T--NUS_Singapore-A--Haoyuan_informal.jpg" class="sponsor-pic" alt="placeholder">
 +
    <span class="sponsor-description">This is english.</span>
 
   </div>
 
   </div>
  
 
   <span class="sponsors-overview-title" style="font-size: 30px">Bronze sponsors</span>
 
   <span class="sponsors-overview-title" style="font-size: 30px">Bronze 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, 'PohLabs1')">Poh Labs 1</button>
−
     <span class="sponsor-boxes"> Matlab </span>
+
     <button class="sponsor-boxes tablinks" onclick="openSponsor(event, 'PohLabs2')">Poh Labs 2</button>
−
     <span class="sponsor-boxes"> Matlab </span>
+
     <button class="sponsor-boxes tablinks" onclick="openSponsor(event, 'PohLabs3')">Poh Labs 3</button>
−
     <span class="sponsor-boxes"> Matlab </span>
+
     <button class="sponsor-boxes tablinks" onclick="openSponsor(event, 'PohLabs4')">Poh Labs 4</button>
−
     <span class="sponsor-boxes"> Matlab </span>
+
     <button class="sponsor-boxes tablinks" onclick="openSponsor(event, 'PohLabs5')">Poh Labs 5</button>
−
     <span class="sponsor-boxes"> Matlab </span>
+
     <button class="sponsor-boxes tablinks" onclick="openSponsor(event, 'PohLabs6')">Poh Labs 6</button>
  
 +
  </div>
 +
  <div id="PohLabs1" class="tabcontent">
 +
    <img src="https://static.igem.org/mediawiki/2018/e/ea/T--NUS_Singapore-A--FBlogo.svg" class="sponsor-pic" alt="placeholder">
 +
    <span class="sponsor-description">Phasellus a fermentum orci, vitae finibus odio. Maecenas bibendum eros efficitur, malesuada enim sed, semper metus. Cras porta dui sit amet tellus elementum convallis. Duis dapibus ligula purus, non pharetra mauris condimentum in. Nam non odio vitae est hendrerit suscipit.
 +
    </span>
 +
  </div>
  
 +
  <div id="PohLabs2" class="tabcontent">
 +
    <img src="https://static.igem.org/mediawiki/2018/e/ea/T--NUS_Singapore-A--FBlogo.svg" class="sponsor-pic" alt="placeholder">
 +
    <span class="sponsor-description">Quisque sed vestibulum neque. Suspendisse potenti. Quisque id tincidunt risus, at tempor ligula. Vivamus et enim vitae massa laoreet efficitur. Pellentesque pharetra, lorem quis maximus posuere, justo arcu pharetra nunc, ut pellentesque mauris risus at eros.
 +
    </span>
 +
  </div>
 +
 +
  <div id="PohLabs3" class="tabcontent">
 +
    <img src="https://static.igem.org/mediawiki/2018/e/ea/T--NUS_Singapore-A--FBlogo.svg" class="sponsor-pic" alt="placeholder">
 +
    <span class="sponsor-description">Donec ac lorem magna. Sed id leo quis augue condimentum posuere. Nam porttitor et nisl id finibus. Proin consequat ante nulla.
 +
    </span>
 +
  </div>
 +
 +
  <div id="PohLabs4" class="tabcontent">
 +
    <img src="https://static.igem.org/mediawiki/2018/e/ea/T--NUS_Singapore-A--FBlogo.svg" class="sponsor-pic" alt="placeholder">
 +
    <span class="sponsor-description">Interdum et malesuada fames ac ante ipsum primis in faucibus. Curabitur sit amet nisi quam. Nam pulvinar, nibh eget malesuada aliquam, felis enim fringilla magna, nec lacinia ipsum enim sed metus. Curabitur efficitur magna vitae dolor condimentum ultricies. Integer sodales arcu ante, et varius velit mattis nec.
 +
    </span>
 +
  </div>
 +
 +
  <div id="PohLabs5" class="tabcontent">
 +
    <img src="https://static.igem.org/mediawiki/2018/e/ea/T--NUS_Singapore-A--FBlogo.svg" class="sponsor-pic" alt="placeholder">
 +
    <span class="sponsor-description">Curabitur dictum leo et leo rhoncus, eu blandit metus bibendum. Fusce finibus sodales enim nec gravida. Maecenas quam odio, eleifend at arcu eu, ullamcorper semper leo. In sollicitudin nisi elit, sit amet ornare magna ultricies vitae.
 +
    </span>
 +
  </div>
  
 +
  <div id="PohLabs6" class="tabcontent">
 +
    <img src="https://static.igem.org/mediawiki/2018/e/ea/T--NUS_Singapore-A--FBlogo.svg" class="sponsor-pic" alt="placeholder">
 +
    <span class="sponsor-description">This is english.</span>
 
   </div>
 
   </div>
  
Line 192: Line 270:
 
         tablinks[i].className = tablinks[i].className.replace(" active", "");
 
         tablinks[i].className = tablinks[i].className.replace(" active", "");
 
     }
 
     }
−
     document.getElementById(sponsorName).style.display = "block";
+
     document.getElementById(sponsorName).style.display = "flex";
 
     evt.currentTarget.className += " active";
 
     evt.currentTarget.className += " active";
 
}
 
}

Revision as of 12:59, 12 August 2018

CONNECT WITH US
Gold sponsors
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