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

 
(5 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 
{{NUS_Singapore-A}}
 
{{NUS_Singapore-A}}
 +
{{:Team:NUS_Singapore-A/Templates/Style}}
 
<html>
 
<html>
 
<head>
 
<head>
Line 9: Line 10:
 
<script type="text/javascript">try{Typekit.load();}catch(e){}</script>
 
<script type="text/javascript">try{Typekit.load();}catch(e){}</script>
  
<style>
 
.sponsorship-header{
 
  width: 47.5%;
 
  height: auto;
 
  margin-left: auto;
 
  margin-right: auto;
 
  display: block;
 
    }
 
.sponsors-wrapper{
 
  width: 80%;
 
}
 
.sponsors-overview{
 
  display: flex;
 
  flex-direction: column;
 
  border-bottom: 1px solid black;
 
  text-align: center;
 
  margin-left: auto;
 
  margin-right: auto;
 
  padding: 5px 15px;
 
}
 
.sponsors-overview-title{
 
  display: block;
 
  font-family: "Montserrat" ,serif;
 
  font-weight: 600;
 
  margin-left: auto;
 
  margin-right: auto;
 
  margin-top: 15px;
 
  margin-bottom: 15px;
 
  text-align: center
 
}
 
.sponsors-overview-rows{
 
  display: flex;
 
  flex-direction: row;
 
  justify-content: space-evenly;
 
  margin: 15px 0px 15px 0px;
 
 
 
}
 
 
/* Style the tab */
 
 
/* Style the tab boxes */
 
.sponsor-boxes{
 
  display: flex;
 
  margin: 15px;
 
  color: #000;
 
  text-align: center;
 
  vertical-align: 50%;
 
  outline: none;
 
  border: none;
 
  cursor: pointer;
 
  background-color: inherit;
 
 
}
 
 
/* Style the img inside the buttons */
 
.sponsors-overview-rows button img{
 
  max-height:100%;
 
  max-width:100%;
 
}
 
 
/* Change background color of buttons on hover */
 
/* How about no
 
.sponsors-overview-rows button:hover {
 
    background-color: #ddd;
 
*/
 
}
 
 
/* Create an active/current tablink class */
 
.sponsors-overview-rows button.active {
 
    background-color: #ccc;
 
}
 
 
/* Style the tab content */
 
.tabcontent {
 
    display: none;
 
    padding: 6px 12px;
 
    border: 1px solid #ccc;
 
    flex-direction: row;
 
    justify-content: flex-start;
 
    align-items: center;
 
}
 
.sponsor-pic{
 
  display: flex;
 
  width: 235px;
 
  max-width: 235px;
 
  min-width: 235px;
 
  height: auto;
 
}
 
.sponsor-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>
 
  
 
<body>
 
<body>
  
<div class="inner-border" style="border-top: none;">
+
<div class="inner-border" style="border-top: none;"><div class="all-wrapper">
  
 
<img src="https://static.igem.org/mediawiki/2018/3/37/T--NUS_Singapore-A--Sponsor_header_C.png" class="sponsorship-header">
 
<img src="https://static.igem.org/mediawiki/2018/3/37/T--NUS_Singapore-A--Sponsor_header_C.png" class="sponsorship-header">
Line 119: Line 22:
 
   <span class="sponsors-overview-title" style="font-size: 30px">Platinum Sponsors</span>
 
   <span class="sponsors-overview-title" style="font-size: 30px">Platinum Sponsors</span>
 
   <div class="sponsors-overview-rows">
 
   <div class="sponsors-overview-rows">
     <button class="sponsor-boxes tablinks" onclick="openSponsor(event, 'Platinum1')"><img src='https://static.igem.org/mediawiki/2018/9/98/T--NUS_Singapore-A--Sponsor_NUSEngineering.jpg' style='max-height:100%;max-width:100%;'></button>
+
     <button class="sponsor-boxes1 tablinks" onclick="openSponsor(event, 'Platinum1')"><img src='https://static.igem.org/mediawiki/2018/0/06/T--NUS_Singapore-A--Sponsor_NUSEngineeringStd.jpg'></button>
     <button class="sponsor-boxes tablinks" onclick="openSponsor(event, 'Platinum2')"><img src='https://static.igem.org/mediawiki/2018/d/d9/T--NUS_Singapore-A--Sponsor_SynCTI.png' style='max-height:100%;max-width:100%;'></button>
+
     <button class="sponsor-boxes1 tablinks" onclick="openSponsor(event, 'Platinum2')"><img src='https://static.igem.org/mediawiki/2018/f/fb/T--NUS_Singapore-A--Sponsor_SynCTIStd.jpg'></button>
 
   </div>
 
   </div>
  
Line 142: Line 45:
 
   <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">
<button class="sponsor-boxes tablinks" onclick="openSponsor(event, 'Gold1')"><img src="https://static.igem.org/mediawiki/2018/d/d9/T--NUS_Singapore-A--Sponsor_AxilScientific.png"></button>
+
<button class="sponsor-boxes2 tablinks" onclick="openSponsor(event, 'Gold1')"><img src="https://static.igem.org/mediawiki/2018/d/d9/T--NUS_Singapore-A--Sponsor_AxilScientific.png"></button>
<button class="sponsor-boxes tablinks" onclick="openSponsor(event, 'Gold2')"><img src="https://static.igem.org/mediawiki/2018/4/45/T--NUS_Singapore-A--Sponsor_ArborBiosciences.jpg"></button>
+
<button class="sponsor-boxes2 tablinks" onclick="openSponsor(event, 'Gold2')"><img src="https://static.igem.org/mediawiki/2018/4/45/T--NUS_Singapore-A--Sponsor_ArborBiosciences.jpg"></button>
 
   </div>
 
   </div>
  
Line 167: Line 70:
 
   <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">
     <button class="sponsor-boxes tablinks" onclick="openSponsor(event, 'Silver1')"><img src="https://static.igem.org/mediawiki/2018/4/4d/T--NUS_Singapore-A--Sponsor_AdvanceSyn.png"></button>
+
     <button class="sponsor-boxes3 tablinks" onclick="openSponsor(event, 'Silver1')"><img src="https://static.igem.org/mediawiki/2018/c/c1/T--NUS_Singapore-A--Sponsor_AdvanceSyn.jpg"></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-boxes3 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>
+
     <button class="sponsor-boxes3 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>
 
   <div id="Silver1" class="tabcontent">
 
   <div id="Silver1" class="tabcontent">
     <a href="http://advancesyn.com/"><img src="https://static.igem.org/mediawiki/2018/4/4d/T--NUS_Singapore-A--Sponsor_AdvanceSyn.png" class="sponsor-pic" alt="placeholder"></a>
+
     <a href="http://advancesyn.com/"><img src="https://static.igem.org/mediawiki/2018/c/c1/T--NUS_Singapore-A--Sponsor_AdvanceSyn.jpg" class="sponsor-pic" alt="placeholder"></a>
 
     <span class="sponsor-description">AdvanceSyn Studio™ is an integrated platform that provides you with easy-to-use tools for the design, simulation and optimization of engineered biological systems. It is aimed to facilitate your synthetic biology activities from lab-scale to commercial production.  
 
     <span class="sponsor-description">AdvanceSyn Studio™ is an integrated platform that provides you with easy-to-use tools for the design, simulation and optimization of engineered biological systems. It is aimed to facilitate your synthetic biology activities from lab-scale to commercial production.  
 
<br><br>
 
<br><br>
Line 194: Line 97:
 
   <div id="Silver3" class="tabcontent">
 
   <div id="Silver3" class="tabcontent">
 
     <img src="https://static.igem.org/mediawiki/2018/d/d0/T--NUS_Singapore-A--Sponsor_BiomakerSpace.jpg" class="sponsor-pic" alt="placeholder">
 
     <img src="https://static.igem.org/mediawiki/2018/d/d0/T--NUS_Singapore-A--Sponsor_BiomakerSpace.jpg" class="sponsor-pic" alt="placeholder">
     <span class="sponsor-description">The BiomakerSpace at Faculty of Engineering (FOE) was setup recently in April 2018. The biomakerSpace@FOE is a lab space for students to get hands-on experience on engineering of biology and turn their ideas into prototypes by taking the “maker culture” approach. The space is well equipped with state-of-the art equipment to facilitate the engineering of microbes using synthetic biology. It is also a place to prompt innovation and entrepreneurship in the field of Engineering Biology. The space is currently the basecamp for NUS iGEM teams. </span>
+
     <span class="sponsor-description">The BioMakerSpace at Faculty of Engineering (FOE) was set up recently in April 2018. The BioMakerSpace@FOE is a lab space for students to get hands-on experience on engineering of biology and turn their ideas into prototypes by taking the “maker culture” approach. The space is well equipped with state-of-the art equipment to facilitate the engineering of microbes using synthetic biology. It is also a place to prompt innovation and entrepreneurship in the field of Engineering Biology. The space is currently the basecamp for NUS iGEM teams. </span>
 
   </div>
 
   </div>
  
Line 207: Line 110:
 
</div>
 
</div>
  
 
+
</div>
  
 
</div>
 
</div>

Latest revision as of 11:11, 11 October 2018

CONNECT WITH US
Platinum Sponsors
placeholder
Gold Sponsors
Silver Sponsors
iGEM Sponsors