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

 
(14 intermediate revisions by 2 users not shown)
Line 13: Line 13:
 
       padding: 0;
 
       padding: 0;
 
     }
 
     }
 +
    @media only screen and (max-width: 700px){
 +
      .footer_wrapper {
 +
        border: none;
 +
      }
 +
   
 +
 +
    }
  
 
     .empty_space {
 
     .empty_space {
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/5/52/T--NUS_Singapore-A--Sponsor_NUSEngineeringtrans.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/2a/T--NUS_Singapore-A--Sponsor_BiomakerSpacetrans.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/2018/5/52/T--NUS_Singapore-A--Sponsor_NUSEngineeringtrans.png" style="max-width: 22%;">
+
       <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