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

 
(48 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;
 
     }
 
     }
−
 
+
     .footer-sponsors-wrapper {
−
     .sponsors-wrapper {
+
       margin: 10px auto;
−
       margin: 10px 15px;
+
       max-width: 100%;
−
       display: flex;
+
       text-align: center;
−
      flex-direction: row;
+
−
       flex-wrap: nowrap;
+
−
      justify-content: space-evenly;
+
−
      align-items: center;
+
 
       padding: 12px;
 
       padding: 12px;
 
     }
 
     }
  
−
     .sponsors-wrapper img {
+
     .footer-sponsors-wrapper img {
−
       display: inline-flex;
+
       display: inline-block;
−
       flex-shrink: 1;
+
       max-width: 10.0%;
−
      width: 20%;
+
       max-height: 20.0%;
−
       height: 20%;
+
       margin: 10px;
−
       text-align: center;
+
       vertical-align: middle;
−
       color: black;
+
−
      font-family: "lora"
+
 
     }
 
     }
  
Line 39: 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 48: 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 57: 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 68: Line 73:
  
 
     .right-bot {
 
     .right-bot {
−
      display: flex;
 
 
       flex-direction: row;
 
       flex-direction: row;
 
       text-align: left;
 
       text-align: left;
Line 74: 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 86: Line 90:
 
     <div class="empty_space">
 
     <div class="empty_space">
 
     </div>
 
     </div>
−
     <div class=" sponsors-wrapper ">
+
    <br>
−
       <img src="https://static.igem.org/mediawiki/2018/4/4d/T--NUS_Singapore-A--Sponsor_AdvanceSyn.png">
+
     <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/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/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">
+
−
      <img src="ttp://2018.igem.org/wiki/images/9/98/T--NUS_Singapore-A--Sponsor_NUSEngineering.jpg">
+
  
  
Line 102: Line 110:
 
       <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="color:white;"> <b>  HEAR OUR STORY </b></h3>
−
           <p style="font-size:12px;">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: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>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 110: Line 118:
 
         <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>
+
           <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: .75em;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:12px;">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:12px;">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