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

 
(28 intermediate revisions by 3 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 {
 
       margin: 20px 5px;
 
       margin: 20px 5px;
 
     }
 
     }
−
     .sponsors-wrapper {
+
     .footer-sponsors-wrapper {
 
       margin: 10px auto;
 
       margin: 10px auto;
 
       max-width: 100%;
 
       max-width: 100%;
−
       display: -webkit-flex;
+
       text-align: center;
−
      display: -moz-flex;
+
−
      display: -ms-flexbox;
+
−
      display: -ms-flex;
+
−
      display: flex;
+
−
      -webkit-flex-direction: row;
+
−
      -moz-flex-direction: row;
+
−
      -ms-flex-direction: row;
+
−
      flex-direction: row;
+
−
      flex-wrap: nowrap;
+
−
      justify-content: space-evenly;
+
−
      align-items: center;
+
 
       padding: 12px;
 
       padding: 12px;
 
     }
 
     }
  
−
     .sponsors-wrapper img {
+
     .footer-sponsors-wrapper img {
−
       -webkit-flex: 0 1 auto;
+
       display: inline-block;
−
      -moz-flex: 0 1 auto;
+
       max-width: 10.0%;
−
      -ms-flex: 0 1 auto;
+
       max-height: 20.0%;
−
      flex: 0 1 auto;
+
       margin: 10px;
−
       max-width: 10%;
+
       vertical-align: middle;
−
       max-height: 12.5%;
+
−
       margin: 5px;
+
−
       text-align: center;
+
−
      color: black;
+
−
      font-family: "lora"
+
 
     }
 
     }
  
Line 49: Line 44:
 
       justify-content: space-evenly;
 
       justify-content: space-evenly;
 
       align-items: baseline;
 
       align-items: baseline;
−
      font-family: "Lora", serif;
 
 
       background-color: #000;
 
       background-color: #000;
 
       color: #ffffff;
 
       color: #ffffff;
−
       padding: 3rem 8rem 3rem 8rem;
+
       padding: 3rem 3rem 3rem 3rem;
 
     }
 
     }
  
Line 58: 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 67: 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 78: Line 73:
  
 
     .right-bot {
 
     .right-bot {
−
      display: flex;
 
 
       flex-direction: row;
 
       flex-direction: row;
 
       text-align: left;
 
       text-align: left;
Line 84: 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 97: Line 91:
 
     </div>
 
     </div>
 
     <br>
 
     <br>
−
       <p style="text-align:center; font-family:'Lora';">Proudly sponsored by</p>
+
    <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%;">
−
    <div class="sponsors-wrapper">
+
      <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 115: 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 123: 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