View source for Template:MSU-Michigan-Footer


<html>
<head>
<style>
table, th, td {
    border: 0px solid black;
    border-collapse: collapse;
}
#sideMenu, #top_title {display:none;}
body {background-color:white; }
#content { padding:0px; width:100%; margin-top:-7px; margin-left:0px;}
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }



#one {
position:absolute;
left:10%;
width:80%;
}

#two {
position:absolute;
left:-110%;
}

#three {
position:absolute;
left:-110%;
}

#four {
position:absolute;
left:-110%;
}

#five {
position:absolute;
left:-110%;
}

#six {
position:absolute;
left:-110%;
}

#container {
width:100%;
height:600px;
position:absolute;
overflow:hidden;
}

#button {
position:absolute;
top:50px;
left:90%;
}

#button:hover, #buttontwo:hover, #buttontwotwo:hover, buttonthree:hover {
transform:scale(1.2);
}

#buttonname, #buttonnamewhat {
width:12vw;
height:5vw;
color:#0071A7;
text-align:center;
font-size:175%;
position:absolute;
top:50px;
left:85%;
}

#buttontwo {
position:absolute;
top:38px;
left:80%;

}

#buttonnametwo {
width:12vw;
height:5vw;
color:#bd162a;
text-align:center;
font-size:175%;
position:absolute;
top:83px;
left:75.5%;
}

#buttontwotwo {
position:absolute;
top:90px;
left:80%;

}

#buttonnametwotwo {
width:12vw;
height:5vw;
color:#bd162a;
text-align:center;
font-size:175%;
position:absolute;
top:40px;
left:75.5%;
}

#buttonthree:hover {
transform:scale(1.2)
}

#media {
background-color:white;
}

#twit, #face, #snap, #email {
width:30px;
height:30px;
padding: 0px;
}

#twit:hover, #face:hover, #snap:hover, #email:hover {
transform:scale(1.5)
}

.secret {
opacity:0;
background-color:red;
cursor:crosshair;
}

#buttonnamewhat {
color:#760E18;}

</style>
</head>
<body>

<table style="width:100%">
<tr>
<th colspan="9">Sponsors</th></tr>
  <tr>
    <td height="50"><a href="https://msu.edu/~axechem/"><img src="https://static.igem.org/mediawiki/2017/7/72/MSU-Michigan_ACS.png" alt=" Logo" width="50" height="50"></td>
    <td height="50"><a href="https://www.caymanchem.com/Home"><img src="https://static.igem.org/mediawiki/2017/b/bc/MSU-Michigan_Cayman_Chemical.png" alt=" Logo" width="50" height="50"></td>
    <td height="50"><a href="https://igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2017/6/61/MSU-Michigan_iGEM.png" alt=" Logo" width="50" height="50"></td>
<td height="50"><a href="https://natsci.msu.edu/"><img src="https://static.igem.org/mediawiki/2017/7/76/MSU-Michigan_Natural_Science.png" alt=" Logo" width="50" height="50"></td>

    <td><a href="https://prl.natsci.msu.edu/"><img src="https://static.igem.org/mediawiki/2017/e/ea/MSU-Michigan_PRL.png" alt=" Logo" width="100" height="50"></td>
    <td><a href="default.asp"><img src="https://static.igem.org/mediawiki/2017/9/9b/MSU-Michigan_OE_Photograqphy.png" alt=" Logo" width="50" height="50"></td>
    <td><a href="https://www.neb.com/"><img src="https://static.igem.org/mediawiki/2017/3/31/MSU-Michigan_New_England_Biolabs.png" alt=" Logo width="100" height="50""></td>
<td><a href="https://bmb.natsci.msu.edu/"><img src="https://static.igem.org/mediawiki/2017/7/70/MSU-Michigan_Sparty_BMB.png" alt=" Logo" width="50" height="50"></td>
<td><a href="https://www.glbrc.org/"><img src="https://static.igem.org/mediawiki/2017/3/33/Great_Lakes_Bioenergy.png" alt=" Logo width="100" height="50""></td>  
<td><a href="https://www.neb.com/"><img src="https://static.igem.org/mediawiki/2017/3/31/MSU-Michigan_New_England_Biolabs.png" alt=" Logo width="100" height="50""></td>

<td height="50"><body>
<br><br>
<div id = "media">
Contact us:</center>
</div>
<center>
<a href = "https://twitter.com/buigemwl2016"> <img id = "twit" src = "https://static.igem.org/mediawiki/2016/e/ee/T--BostonU--twitterlogo.png"> </a>
<a href = "https://mail.google.com/mail/?view=cm&fs=1&to=bu.igemwl2016@gmail.com&su=&body=&bcc="><img id = "email" src = "https://static.igem.org/mediawiki/2016/c/c3/T--BostonU--gmaillogo.png"></a>
<a href = "https://www.facebook.com/buigemwl2016"> <img id = "face" src = "https://static.igem.org/mediawiki/2016/b/b7/T--BostonU--facebooklogo.jpg"></a>
<br><br><br><br><br><br><br>
</center>
</body>

<script type="text/javascript">
 $(document).ready(
    function(){
 var n = 2;
 var t = 40;
 var p = 0;
setInterval(function () {t = t+1}, 1000);
$("#two").click(function () {
t = 0;
});
$("#three").click(function () {
t = 0;
});
$("#four").click(function () {
t = 0;
});
$("#five").click(function () {
t = 0;
});
setInterval(function () {
      if (t>39) {
      n = n+.5; 
      if (n == 3) {
      $("#two").css('left', '110%')
      $('#two').animate({'left':'10%'}, 500);
      $("#one").animate({'left':'-110%'}, 500);
        n = 3;}
      else if (n==4) {
      $("#three").css('left', '110%');
      $('#three').animate({'left':'10%'}, 500);
      $("#two").animate({'left':'-110%'}, 500);}
      else if (n==5) {
      $("#four").css('left', '110%');
      $('#four').animate({'left':'10%'}, 500);
      $("#three").animate({'left':'-110%'}, 500);}
      else if (n==6) {
      $("#five").css('left', '110%');
      $('#five').animate({'left':'10%'}, 500);
      $("#four").animate({'left':'-110%'}, 500);}
      else if (n == 7) {
      $("#six").css('left', '110%');
      $("#five").animate({'left':'-110%'}, 500);
      $("#six").animate({'left':'10%'}, 500);}
      else if (n == 8) {
      $("#one").css('left', '110%');
      $("#six").animate({'left':'-110%'}, 500);
      $("#one").animate({'left':'10%'}, 500);
      n = 2;}} 
     }, 3000);

  $("#forward").click(function () {
      t = 0;
      n = n+1;   
      if (n==3 || n==3.5) {
      $("#two").css('left', '110%')
      $('#two').animate({'left':'10%'}, 500);
      $("#one").animate({'left':'-110%'}, 500);}
      else if (n==4 || n==4.5) {
      $("#three").css('left', '110%');
      $('#three').animate({'left':'10%'}, 500);
      $("#two").animate({'left':'-110%'}, 500);}
      else if (n==5 || n==5.5) {
      $("#four").css('left', '110%');
      $('#four').animate({'left':'10%'}, 500);
      $("#three").animate({'left':'-110%'}, 500);}
      else if (n==6 || n==6.5) {
      $("#five").css('left', '110%');
      $('#five').animate({'left':'10%'}, 500);
      $("#four").animate({'left':'-110%'}, 500);
       t = 30;}
      else if (n == 7 || n==7.5) {
      $("#six").css('left', '110%');
      $("#five").animate({'left':'-110%'}, 500);
      $("#six").animate({'left':'10%'}, 500);
       t = 30;}
      else if (n == 8 || n == 8.5) {
      $("#one").css('left', '110%');
      $("#six").animate({'left':'-110%'}, 500);
      $("#one").animate({'left':'10%'}, 500);
      n = 2;
      t = 30;} 
     });

  $("#reverse").click(function () {
      t = 0;
      n = n-1;
      if (n == 1 || n==1.5) {
      $("#six").css('left', '-110%');
      $("#six").animate({'left':'10%'}, 500);
      $("#one").animate({'left':'110%'}, 500);
      n = 7;
      t = 30;}    
      else if (n==2 || n==2.5) {
      $("#one").css('left', '-110%');
      $('#one').animate({'left':'10%'}, 500);
      $("#two").animate({'left':'110%'}, 500);
      t = 30;}  
      else if (n==3 || n==3.5) {
      $("#two").css('left', '-110%');
      $('#two').animate({'left':'10%'}, 500);
      $("#three").animate({'left':'110%'}, 500);
      $("#four").css('left', '-110%');}
      else if (n==4 || n==4.5) {
      $("#three").css('left', '-110%');
      $('#three').animate({'left':'10%'}, 500);
      $("#four").animate({'left':'110%'}, 500);}
      else if (n==5 || n==5.5) {
      $("#four").css('left', '-110%');
      $('#four').animate({'left':'10%'}, 500);
      $("#five").animate({'left':'110%'}, 500);}
      else if (n==6 || n==6.5) {
      $("#five").css('left', '-110%');
      $('#five').animate({'left':'10%'}, 500);
      $("#six").animate({'left':'110%'}, 500);
      t = 30;}
     });

  });
</script>

<script type="text/javascript">
 $(document).ready(
    function(){
      var t = 1;
      $("#secretone").click(function () {
      t = 2;
      });
      $("#secrettwo").click(function () {
      t = t + 2;
      });
      $("#secretthree").click(function () {
      t = t +1;
      if (t == 5) {
            $("#appear").show(500);
            $("#appear").css('z-index', '50');}
      else {
            t = 1;} 
      });
   });
</script></td>  
</tr>
</table>

</body>
</html>