Difference between revisions of "Team:NUS Singapore-A/Templates/Footer"

Line 1: Line 1:
 
<html>
 
<html>
−
<style>
+
  <style>
 +
    .footer_wrapper {
 +
      border-left: 2px solid black;
 +
      border-right: 2px solid black;
 +
      max-width: 100%;
 +
      height: auto;
 +
      margin: -25px 5px 0px 5px;
 +
      padding: 0;
 +
    }
  
−
.footer_wrapper {
+
    .empty_space {
−
  border-left: 2px solid black;
+
      margin: 20px 5px;
−
  border-right: 2px solid black;
+
    }
−
  max-width: 100%;
+
−
  height: auto;
+
−
  margin: -25px 5px 0px 5px;
+
−
  padding: 0;
+
−
}
+
  
−
.empty_space {
+
    .sponsors-wrapper {
−
  margin: 20px 5px;
+
      margin: 10px 15px;
−
}
+
      display: flex;
 +
      flex-direction: row;
 +
      flex-wrap: nowrap;
 +
      padding: 12px;
 +
    }
  
−
.sponsors-wrapper {
+
    .sponsors-wrapper img {
−
  margin: 10px 15px;
+
      display: inline-flex;
−
  padding: auto;
+
      flex-shrink: 1;
−
  text-align: center;
+
      width: 20%;
−
  font-family: Montserrat;
+
      height: auto;
−
  font-size: 1em;
+
      text-align: center;
−
}
+
      color: black;
 +
      font-family: "lora"
 +
    }
  
−
.big_black_thing {
+
    .big_black_thing {
−
  display: flex;
+
      display: flex;
−
  flex-direction: row;
+
      flex-direction: row;
−
  justify-content:space-evenly;
+
      justify-content: space-evenly;
−
  align-items: baseline;
+
      align-items: baseline;
−
  font-family: "Lora", serif;
+
      font-family: "Lora", serif;
−
  background-color: #000;
+
      background-color: #000;
−
  color: #ffffff;
+
      color: #ffffff;
−
  padding: 3rem 8rem 3rem 8rem;
+
      padding: 3rem 8rem 3rem 8rem;
−
}
+
    }
  
−
.left_side {
+
    .left_side {
−
  display: flex;
+
      display: flex;
−
  flex-direction: column;
+
      flex-direction: column;
−
  margin-right: 2em;
+
      margin-right: 2em;
−
  text-align: left;
+
      text-align: left;
−
  width: 30%;
+
      width: 30%;
−
  background-color: #000;
+
      background-color: #000;
−
}
+
    }
  
−
.right_side {
+
    .right_side {
−
  display: flex;
+
      display: flex;
−
  flex-direction: column;
+
      flex-direction: column;
−
  margin-left: 2em;
+
      margin-left: 2em;
−
  text-align: left;
+
      text-align: left;
−
  background-color: #000;
+
      background-color: #000;
−
}
+
    }
  
−
.right-top{
+
    .right-top {
−
  text-align: left;
+
      text-align: left;
−
  background-color: #000;
+
      background-color: #000;
−
}
+
    }
  
−
.right-bot{
+
    .right-bot {
−
  display: flex;
+
      display: flex;
−
  flex-direction: row;
+
      flex-direction: row;
−
  text-align:left;
+
      text-align: left;
−
  background-color: #000;
+
      background-color: #000;
−
}
+
    }
  
−
.right-bot span{
+
    .right-bot span {}
−
 
+
−
}
+
  
−
.right-bot p{
+
    .right-bot p {
−
  font-family: 'Lora', serif;
+
      font-family: 'Lora', serif;
−
  font-size: .5em;
+
      font-size: .5em;
−
  }
+
    }
  
−
</style>
+
  </style>
  
−
<div class="footer_wrapper">
+
  <div class="footer_wrapper">
−
  <div class="empty_space">
+
    <div class="empty_space">
−
     </br>
+
     </div>
−
  </div>
+
    <div class=" sponsors-wrapper ">
−
  <div class=" sponsors-wrapper ">
+
      <img src="https://static.igem.org/mediawiki/2018/4/4d/T--NUS_Singapore-A--Sponsor_AdvanceSyn.png">
 +
      <img src="https://static.igem.org/mediawiki/2018/d/d9/T--NUS_Singapore-A--Sponsor_AxilScientific.png">
 +
      <img src="https://static.igem.org/mediawiki/2018/f/fd/T--NUS_Singapore-A--Sponsor_IDT.png">
 +
      <img src="https://static.igem.org/mediawiki/2018/0/02/T--NUS_Singapore-A--Sponsor_SingerInstruments.png">
 +
      <img src="https://static.igem.org/mediawiki/2018/d/d9/T--NUS_Singapore-A--Sponsor_SynCTI.png">
 +
      <img src="https://static.igem.org/mediawiki/2018/4/45/T--NUS_Singapore-A--Sponsor_ArborBiosciences.jpg">
 +
      <img src="https://static.igem.org/mediawiki/2018/d/d0/T--NUS_Singapore-A--Sponsor_BiomakerSpace.jpg" style="width: 40%;">
 +
      <img src="ttp://2018.igem.org/wiki/images/9/98/T--NUS_Singapore-A--Sponsor_NUSEngineering.jpg">
 +
      <img src="https://static.igem.org/mediawiki/2018/c/c1/T--NUS_Singapore-A--Sponsor_AdvanceSyn.jpg">
  
−
    <p>SPONSORS HERE</p>
 
−
    <p>DONE WHEN WE ACTUALLY HAVE SPONSORS</p>
 
  
−
  </div>
+
    </div>
−
  <div class="big_black_thing ">
+
    <div class="big_black_thing ">
  
−
    <div class="left_side">
+
      <div class="left_side">
  
−
<h3 style="font-family: montserrat; font-size: .75em;color:white;"> <b>  HEAR OUR STORY </h3> </b>
+
        <h3 style="font-family: montserrat; font-size: .75em;color:white;"> <b>  HEAR OUR STORY </h3> </b>
−
      <p style="font-size:12px;">We’re using synthetic biology to change the way the world thinks and functions.</p>
+
          <p style="font-size:12px;">We’re using synthetic biology to change the way the world thinks and functions.</p>
−
      <p style="font-size:12px;">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.</p>
+
          <p style="font-size:12px;">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.</p>
  
−
    </div>
+
      </div>
−
    <div class="right_side ">
+
      <div class="right_side ">
−
      <div class="right-top">
+
        <div class="right-top">
  
−
<p style="font-size: 2.0em;">Together we’re going to engineer biology and create something <i>awesome</i>.</p>
+
          <p style="font-size: 2.0em;">Together we’re going to engineer biology and create something <i>awesome</i>.</p>
−
      </div>
+
        </div>
−
      <div class="right_bot">
+
        <div class="right_bot">
−
        <span>
+
          <span>
 
           <h3 style="font-family: montserrat; font-size: .75em;color:white;">CONTACT US</h3>
 
           <h3 style="font-family: montserrat; font-size: .75em;color:white;">CONTACT US</h3>
 
           <a href="mailto:nusigem@gmail.com" style="color:#ffffff; font-family: 'Lora', serif; font-size:12px;">nusigem@gmail.com</a>
 
           <a href="mailto:nusigem@gmail.com" style="color:#ffffff; font-family: 'Lora', serif; font-size:12px;">nusigem@gmail.com</a>
Line 105: Line 118:
 
</p>  
 
</p>  
 
         </span>
 
         </span>
 +
        </div>
 
       </div>
 
       </div>
 +
 
     </div>
 
     </div>
  
 
   </div>
 
   </div>
−
 
−
</div>
 
  
  
 
</html>
 
</html>

Revision as of 04:49, 26 September 2018

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