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

 
(24 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
<html>
 
<html>
 
   <style>
 
   <style>
 +
    .big_black_thing p, .big_black_thing h3, .big_black_thing a, .big_black_thing span {
 +
    margin-left: 0px;
 +
    }
 +
 
     .footer_wrapper {
 
     .footer_wrapper {
 
       border-left: 2px solid black;
 
       border-left: 2px solid black;
Line 9: Line 13:
 
       padding: 0;
 
       padding: 0;
 
     }
 
     }
 +
    @media only screen and (max-width: 700px){
 +
      .footer_wrapper {
 +
        border: none;
 +
      }
 +
   
 +
 +
    }
  
 
     .empty_space {
 
     .empty_space {
Line 15: Line 26:
 
     .footer-sponsors-wrapper {
 
     .footer-sponsors-wrapper {
 
       margin: 10px auto;
 
       margin: 10px auto;
−
       max-width: 90%;
+
       max-width: 100%;
 
       text-align: center;
 
       text-align: center;
 
       padding: 12px;
 
       padding: 12px;
Line 22: Line 33:
 
     .footer-sponsors-wrapper img {
 
     .footer-sponsors-wrapper img {
 
       display: inline-block;
 
       display: inline-block;
−
       max-width: 10%;
+
       max-width: 10.0%;
−
       max-height: 15.0%;
+
       max-height: 20.0%;
−
       margin: 5px auto;
+
       margin: 10px;
 
       vertical-align: middle;
 
       vertical-align: middle;
 
     }
 
     }
Line 41: Line 52:
 
       display: flex;
 
       display: flex;
 
       flex-direction: column;
 
       flex-direction: column;
−
       margin-right: 2em;
+
       margin-right: 12px;
 
       text-align: left;
 
       text-align: left;
−
       width: 30%;
+
       flex-grow: 1;
 
       background-color: #000;
 
       background-color: #000;
 
     }
 
     }
Line 50: Line 61:
 
       display: flex;
 
       display: flex;
 
       flex-direction: column;
 
       flex-direction: column;
−
       margin-left: 2em;
+
      flex-grow: 1;
 +
       margin-left: 12px;
 
       text-align: left;
 
       text-align: left;
 
       background-color: #000;
 
       background-color: #000;
Line 61: Line 73:
  
 
     .right-bot {
 
     .right-bot {
−
      display: flex;
 
 
       flex-direction: row;
 
       flex-direction: row;
 
       text-align: left;
 
       text-align: left;
Line 67: Line 78:
 
     }
 
     }
  
−
    .right-bot span {}
+
@media only screen and (max-width: 450px) {
−
 
+
      .big_black_thing{
−
    .right-bot p {
+
        flex-wrap: wrap;
−
      font-family: 'Lora', serif;
+
      }
−
      font-size: .5em;
+
      .left_side{margin:0px;}
−
    }
+
      .right_side{margin:0px;}
−
 
+
}
 
   </style>
 
   </style>
  
Line 80: Line 91:
 
     </div>
 
     </div>
 
     <br>
 
     <br>
−
      <p style="text-align:center; font-family:'Lora';">Proudly sponsored by</p>
 
−
 
 
     <div class="footer-sponsors-wrapper">
 
     <div class="footer-sponsors-wrapper">
 +
      <img src="https://static.igem.org/mediawiki/2018/5/52/T--NUS_Singapore-A--Sponsor_NUSEngineeringtrans.png" style="max-width: 42%;">
 +
      <img src="https://static.igem.org/mediawiki/2017/f/f4/NUS_2017_IGEM_Sponsor_syncti.png" style="max-width: 30%;">
 +
      <br>
 
       <img src="https://static.igem.org/mediawiki/2017/0/08/NUS_2017_IGEM_Sponsor_ADVANCESYNC.png">
 
       <img src="https://static.igem.org/mediawiki/2017/0/08/NUS_2017_IGEM_Sponsor_ADVANCESYNC.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/d/d9/T--NUS_Singapore-A--Sponsor_AxilScientific.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/a/a1/T--NUS_Singapore-A--Sponsor_ArborBiosciencestrans.png">
 +
      <img src="https://static.igem.org/mediawiki/2018/2/2a/T--NUS_Singapore-A--Sponsor_BiomakerSpacetrans.jpg" style="max-width: 17%;">
 +
      <img src="https://static.igem.org/mediawiki/2018/2/26/T--NUS_Singapore-A--Sponsor_MATLAB.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/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/2017/f/f4/NUS_2017_IGEM_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">
+
−
      <img src="https://static.igem.org/mediawiki/2017/2/24/NUS_2017_IGEM_Sponsor_engi.png">
+
  
  
Line 98: Line 110:
 
       <div class="left_side">
 
       <div class="left_side">
  
−
         <h3 style="font-family: montserrat; font-size: 1.5em; color:white;"> <b>  HEAR OUR STORY </h3> </b>
+
         <h3 style="color:white;"> <b>  HEAR OUR STORY </b></h3>
−
           <p style="font-size:16px;">We’re using synthetic biology to change the way the world thinks and functions.</p>
+
           <p>We’re using synthetic biology to change the way the world thinks and functions.</p>
−
           <p style="font-size:16px;">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>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>
Line 106: Line 118:
 
         <div class="right-top">
 
         <div class="right-top">
  
−
           <p style="font-size: 1.8em;">Together we’re going to engineer biology and create something <i>awesome</i>.</p>
+
           <h3 style="color:white;">Together we’re going to engineer biology and create something <i>awesome</i>.</h3>
 
         </div>
 
         </div>
 
         <div class="right_bot">
 
         <div class="right_bot">
 
           <span>
 
           <span>
−
           <h3 style="font-family: montserrat; font-size: 16px;color:white;">CONTACT US</h3>
+
           <h3 style="color:white;">CONTACT US</h3>
 
           <a href="mailto:nusigem@gmail.com" style="color:#ffffff; font-family: 'Lora', serif; font-size:16px;">nusigem@gmail.com</a>
 
           <a href="mailto:nusigem@gmail.com" style="color:#ffffff; font-family: 'Lora', serif; font-size:16px;">nusigem@gmail.com</a>
−
           <p style="font-family: 'Lora', serif; font-size:16px;">21 Lower Kent Ridge Rd, Singapore 119077
+
           <p>21 Lower Kent Ridge Rd, Singapore 119077
 
</p>  
 
</p>  
 
         </span>
 
         </span>

Latest revision as of 21:14, 17 October 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