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

 
(19 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
<html>
 
<html>
 
   <style>
 
   <style>
−
     p, h3, a, span {
+
     .big_black_thing p, .big_black_thing h3, .big_black_thing a, .big_black_thing span {
 
     margin-left: 0px;
 
     margin-left: 0px;
 
     }
 
     }
Line 13: Line 13:
 
       padding: 0;
 
       padding: 0;
 
     }
 
     }
 +
    @media only screen and (max-width: 700px){
 +
      .footer_wrapper {
 +
        border: none;
 +
      }
 +
   
 +
 +
    }
  
 
     .empty_space {
 
     .empty_space {
Line 26: Line 33:
 
     .footer-sponsors-wrapper img {
 
     .footer-sponsors-wrapper img {
 
       display: inline-block;
 
       display: inline-block;
−
       max-width: 12.0%;
+
       max-width: 10.0%;
 
       max-height: 20.0%;
 
       max-height: 20.0%;
 
       margin: 10px;
 
       margin: 10px;
Line 45: 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 54: 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 65: Line 73:
  
 
     .right-bot {
 
     .right-bot {
−
      display: flex;
 
 
       flex-direction: row;
 
       flex-direction: row;
 
       text-align: left;
 
       text-align: left;
Line 71: Line 78:
 
     }
 
     }
  
−
 
+
@media only screen and (max-width: 450px) {
−
    .right-bot p {
+
       .big_black_thing{
−
       font-family: 'Lora', serif;
+
        flex-wrap: wrap;
−
      font-size: .5em;
+
      }
−
    }
+
      .left_side{margin:0px;}
−
 
+
      .right_side{margin:0px;}
 +
}
 
   </style>
 
   </style>
  
Line 83: 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/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/a/a1/T--NUS_Singapore-A--Sponsor_ArborBiosciencestrans.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/2/2a/T--NUS_Singapore-A--Sponsor_BiomakerSpacetrans.jpg" style="max-width: 17%;">
−
       <img src="https://static.igem.org/mediawiki/2018/d/d0/T--NUS_Singapore-A--Sponsor_BiomakerSpace.jpg">
+
       <img src="https://static.igem.org/mediawiki/2018/2/26/T--NUS_Singapore-A--Sponsor_MATLAB.png">
−
       <img src="https://static.igem.org/mediawiki/2017/2/24/NUS_2017_IGEM_Sponsor_engi.png">
+
       <img src="https://static.igem.org/mediawiki/2018/f/fd/T--NUS_Singapore-A--Sponsor_IDT.png">
 +
     
  
  
Line 100: 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 108: 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