Difference between revisions of "Team:UNOTT/Sponsors"

 
(123 intermediate revisions by 2 users not shown)
Line 2: Line 2:
 
<html>
 
<html>
 
<head>
 
<head>
 +
 +
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
 
<style>
 
<style>
−
.city {
+
.contentmargin{
−
  float: left;
+
  margin: auto;
−
  margin: 10px;
+
    width: 70%;
−
  padding: 10px;
+
    padding: 10px;
−
  max-width: 300px;
+
    font-family: 'Karla', sans-serif;
−
  height: 300px;
+
    background-color: #ffffff;
−
  border: 1px solid black;
+
}
−
}   
+
 
 +
h1 {
 +
  font-weight: normal;
 +
  letter-spacing: -1px;
 +
  color: #34495E;
 +
}
 +
 
 +
@import "https://fonts.googleapis.com/css?family=Droid+Sans";
 +
.innerbox{
 +
white-space: nowrap;
 +
position:absolute;
 +
left:0;
 +
top:0;
 +
transition:0.3s left;
 +
}
 +
 
 +
#team{
 +
width:100%;
 +
}
 +
 
 +
#team.col-sm-12{
 +
width:100%;
 +
}
 +
 
 +
.sponsors{
 +
 +
height:100px;
 +
text-align:center;
 +
font-family:'Droid Sans', sans-serif;
 +
  -webkit-touch-callout: none; /* iOS Safari */
 +
    -webkit-user-select: none; /* Safari */
 +
    -khtml-user-select: none; /* Konqueror HTML */
 +
      -moz-user-select: none; /* Firefox */
 +
        -ms-user-select: none; /* Internet Explorer/Edge */
 +
            user-select: none; /* Non-prefixed version, currently
 +
                                  supported by Chrome and Opera */
 +
}
 +
 
 +
.sponsors .box{
 +
width:750px;
 +
float:left;
 +
overflow:hidden;
 +
height:100px;
 +
position:relative;
 +
}
 +
 
 +
 
 +
 
 +
.sponsors .kisi{
 +
width:250px;
 +
float:left;
 +
transition:0.6s filter;
 +
}
 +
 
 +
.sponsors .box img{
 +
width:200px;
 +
height:100px;
 +
}
 +
 
 +
.box p{
 +
font-weight:bold;
 +
color:#333;
 +
}
 +
 
 +
.box span{
 +
display:inline-block;
 +
padding:4px 10px;
 +
border-radius:50px;
 +
background:#ffffff;
 +
color:black;
 +
width:auto;
 +
font-weight:Bold;
 +
margin-top:5px;
 +
text-transform:uppercase;
 +
font-size:10pt;
 +
}
 +
 
 +
.sponsors .left, .sponsors .right{
 +
width:50px;
 +
height:100%;
 +
float:left;
 +
padding-top:20px;
 +
text-align:center;
 +
}
 +
 
 +
 
 +
 
 +
.sponsors .kisi:not(.active){
 +
-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
 +
    filter: grayscale(100%);
 +
opacity:0.7;
 +
}
 +
 
 +
.sponsors .bottom{
 +
width:200px;
 +
height:30px;
 +
clear:both;
 +
display:block;
 +
line-height:30px;
 +
border-radius:50px;
 +
transition:0.3s color, 0.3s background, 0.2s width;
 +
}
 +
.sponsors .resim {
 +
      width: 100%;
 +
      height: auto;
 +
     
 +
 
 +
}
 +
 
 +
.cascadeimg{
 +
   
 +
    position:absolute;
 +
    border-radius: 20px;
 +
    left: 55%;
 +
}
 +
 
 +
a {
 +
color: #96A296;
 +
font-weight: bold;
 +
}
 +
 
 +
.leftcol {
 +
width: 40%;
 +
float: left;
 +
position: relative;
 +
min-height: 1px;
 +
right: -100px;
 +
padding-left: 15px;
 +
 +
}
 +
 
 +
eppendorfimg {
 +
    position:absolute;
 +
    border-radius: 20px;
 +
   
 +
   
 +
 
 +
}
 +
.snapimg {
 +
   
 +
    position:absolute;
 +
    left:55%;
 +
    border-radius: 20px;
 +
}
 +
 
 +
.NEBimg {
 +
      position:absolute;
 +
    left:55%;
 +
    border-radius: 20px;
 +
    top:72%;
 +
}
 +
 
 +
.tshirt {
 +
    position: relative;
 +
    top: -150px;
 +
}
 +
 
 +
.allsponsors {
 +
   padding: auto;
 +
 
 +
}
 
</style>
 
</style>
 
</head>
 
</head>
  
 
<body>
 
<body>
−
<center><h1 style="text-align: center; color: #02263e">Our wonderful sponsors</h1></center>
+
<div id="container" style=" background-color: #02263E;">
−
<center><p>We would really like to thank our sponsors. You can see our sponsors on our footer on every page but a special mention for them here to. So, in no particular order:</p></center>
+
<br>
 +
<br>
 +
<p><span style="color: #ffffff;">&nbsp;</span></p>
 +
<p><span style="color: #ffffff;">&nbsp;</span></p>
 +
<h1 style="text-align: center";><span style="color: #ffffff;">OUR WONDERFUL SPONSORS</span></h1>
 +
<p><span style="color: #ffffff;">&nbsp;</span></p>
 +
</div>
 +
 
 +
 +
<div class="allsponsors">
 +
<center>
 +
<p>&nbsp;</p>
 +
<p>&nbsp;</p>
 +
<p>&nbsp;</p>
 +
<p>&nbsp;</p>
 +
<p>&nbsp;</p>
 +
 
 +
<img id="notts" src="https://static.igem.org/mediawiki/2017/4/4b/University_of_Nottingham_Logo.png" style="width:25%;height:auto;">
 +
 +
<br>
 +
<br>
 +
 +
<img src="https://static.igem.org/mediawiki/2017/6/68/T--UNOTT--Cascade.png" style="width:25%;height:auto;">
 +
 +
 +
 +
 +
<img src="https://static.igem.org/mediawiki/2017/7/7d/T--UNOTT--Snapgene.png" style="width:25%;height:auto;">
 +
 +
 +
<img src="https://static.igem.org/mediawiki/2017/c/c8/T--UNOTT--Eppendorflogo.jpeg" style="width:25%;height:auto;">
 +
 +
<img src="https://static.igem.org/mediawiki/2017/c/c8/T--UNOTT--NEB.png" style="width:25%;height:auto;">
 +
 +
 +
 +
<img src="https://static.igem.org/mediawiki/2017/3/34/T--UNOTT--SBRC.png" style="width:25%;height:auto;">
 +
</center>
 +
</div>
 +
 +
 +
</div>
 +
</center>
 +
<div class="contentmargin">
 +
 
 +
 
 +
<br>
 +
<br>
 +
<br>
 +
<br>
 +
<br>
 +
<br>
 +
<br>
 +
<br>
 +
 
 +
<h1>Thank you</h1>
 +
<center><p>We would really like to thank our sponsors. You can see our sponsors on our footer on every page but a special mention for them here too.</p></center>
 +
 
 +
<h1>The University of Nottingham</h1><center><p>We were incredibly lucky that the university provided us with most of our funding, without which we would never have been able to do such an interesting project!</p></center>
 +
<center><img src="https://static.igem.org/mediawiki/2017/thumb/e/ee/T--UNOTT--teamwithnottssign.jpeg/800px-T--UNOTT--teamwithnottssign.jpeg"></center>
 +
 
 +
<h1>Cascade</h1>
 +
<p class="leftcol">The Cascade fund is a pot of money that comes from alumni and sponsors associated with the University of Nottingham, to fund transformative student research projects. If you would like to donate see the link <a href="https://alumni.nottingham.ac.uk/impact/donationform-cascade">here</a></p>
 +
<img class="cascadeimg" src="https://static.igem.org/mediawiki/2017/thumb/f/f0/T--UNOTT--elliewithimpact.jpeg/400px-T--UNOTT--elliewithimpact.jpeg" style="width:300px;height:auto;">
 +
<br><br><br>
 +
<br>
 +
<br>
 +
<br>
 +
<br>
 +
<br>
 +
<br>
 +
<br>
 +
<br>
 +
<br>
 +
<br>
 +
<br>
 +
<br>
 +
<br>
 +
<br>
 +
<br>
 +
<br>
 +
<br>
 +
<br>
 +
<br>
 +
<br>
 +
 
 +
<h1>Snapgene</h1>
 +
<p class="leftcol">We honestly don't know how we could have done all the panicked checking of primers and sequencing in the last few weeks without having the snapgene software. Such a kind and useful gift to our team, Ellie and Chris are extremely grateful since they designed our primers using their software!</p>
 +
<img class="snapimg" src="https://static.igem.org/mediawiki/2017/thumb/d/d9/T--UNOTT--elliewithsnapgene.jpeg/800px-T--UNOTT--elliewithsnapgene.jpeg" style="width:400px;height:auto;" >
 +
 
 +
 
 +
<p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p>
 +
<p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p>
 +
<p>&nbsp;</p><p>&nbsp;</p>
 +
<p>&nbsp;</p><p>&nbsp;</p>
 +
 
 +
<h1 style="text-align:left;">Eppendorf</h1>
 +
<p class="leftcol">The pipettes and tips donated really made our lab work a breeze so thank you very much for those! You saved some tantrums about unreliable pipettes for sure.</p><br><br>
 +
 
 +
<img class="eppendorfimg" src="https://static.igem.org/mediawiki/2017/7/77/T--UNOTT--eppendorfpicture.jpeg" style="height: auto; width: 800px;border-radius: 20px;">
 +
<br>
 +
<br>
 +
<br>
 +
 
  
−
<center><h3 style"text-align: center; color: #02263e">The University of Nottingham</h3></center>
+
<h1>New England Biolabs</h1>
−
<center><p>We were incredibly lucky that the university provided us with most of our funding, without which we would never have been able to do such an interesting project!</p></center>
+
<p class="leftcol">It should be illegal the amount of enzymes we have been through this summer but your help with some key enzymes etc. really helped us out!</p>
  
−
<center><h3 style"text-align: center; color: #02263e">Cascade</h3></center>
 
−
<center><p>The cascade fund is a pot of money that comes from alumni and sponsors associated with UoN, to fund transformative student research projects. To see our blog post on how the Cascade money has been put to use please see the link here ... insert link here ...</p></center>
 
  
−
<center><h3 style"text-align: center; color: #02263e">Snapgene</h3></center>
+
<p>&nbsp;</p>
−
<center><p>We honestly don't know how we could have done all the panicked checking of primers and sequencing in the last few weeks without having the snapgene software. Such a kind and useful gift to our team, Ellie and Chris are extremely grateful!</p></center>
+
<p>&nbsp;</p>
 +
<p>&nbsp;</p>
 +
<p>&nbsp;</p>
 +
<p>&nbsp;</p>
 +
<h1>T-shirt design</h1>
 +
<center>
 +
<p>&nbsp;</p>
 +
<p>&nbsp;</p>
 +
<p>&nbsp;</p>
 +
<p>&nbsp;</p>
 +
<img class="tshirt" src="https://static.igem.org/mediawiki/2017/0/0e/T--UNOTT--tshirt.jpeg" style="width:65%;height:auto;">
 +
</center>
  
−
<center><h3 style"text-align: center; color: #02263e">Eppendorf</h3>
+
<br>
−
<center><p>The pipettes and tips donated really made our lab work a breeze so thank you very much for those! You saved some tantrums about unreliable pipettes for sure.</center>
+
<br>
−
<center><img src="https://static.igem.org/mediawiki/2017/7/77/T--UNOTT--eppendorfpicture.jpeg" style="height: auto; width: 800px;"></center>
+
<br>
  
−
<center><h3 style"text-align: center; color: #02263e">New England Biolabs</h3></center>
+
<script>
−
<center><p>It should be illegal the amount of enzymes we have been through this summer but your help with some key enzymes etc. really helped us out!</p></center>
+
var sponsorkac = -1;
 +
var stanesboyut = 250;
 +
var sboyut;
 +
var stoplamkac;
  
 +
function sponsorbak(){
 +
sboyut = Math.floor((jQuery("#team .col-sm-12").width()-100)/stanesboyut);
 +
if(sboyut>3){sboyut=3;}else if(sboyut==2){sboyut=1}
 +
var kucukb = 0;
 +
if(sboyut==1){
 +
kucukb = 1;
 +
}
 +
jQuery(".bottom").removeClass("plat").removeClass("gold").removeClass("silv").removeClass("bronze").removeClass("media").removeClass("sup");
 +
if(sponsorkac==-1+kucukb){
 +
jQuery(".sponsors .bottom").addClass("plat");
 +
jQuery(".sponsors .bottom").html("Platinium Sponsor");
 +
}
 +
if(sponsorkac==0+kucukb || sponsorkac==1+kucukb){
 +
jQuery(".sponsors .bottom").addClass("gold");
 +
jQuery(".sponsors .bottom").html("Gold Sponsor");
 +
}
 +
if(sponsorkac==2+kucukb){
 +
jQuery(".sponsors .bottom").addClass("silv");
 +
jQuery(".sponsors .bottom").html("Silver Sponsor");
 +
}
 +
if(sponsorkac==3+kucukb){
 +
jQuery(".sponsors .bottom").addClass("bronze");
 +
jQuery(".sponsors .bottom").html("Bronze Sponsor");
 +
}
 +
if(sponsorkac==4+kucukb){
 +
jQuery(".sponsors .bottom").addClass("media");
 +
jQuery(".sponsors .bottom").html("Main Technology Media Sponsor");
 +
}
 +
 +
if(sponsorkac>=5+kucukb){
 +
jQuery(".sponsors .bottom").addClass("sup");
 +
jQuery(".sponsors .bottom").html("Supporter");
 +
}
 +
  
 +
jQuery(".sponsors .kisi").removeClass("active");
 +
jQuery(".sponsors .kisi:nth-child("+(sponsorkac+2-kucukb)+")").addClass("active");
 +
 +
stoplamkac = jQuery(".innerbox .kisi").length-sboyut;
 +
jQuery(".sponsors .box").css("width",((sboyut)*stanesboyut)+"px");
 +
jQuery(".sponsors").css("width",(((sboyut)*stanesboyut)+100)+"px");
 +
jQuery(".sponsors .innerbox").css("width", ((jQuery(".sponsors .innerbox .kisi").length)*stanesboyut)+"px");
 +
jQuery(".sponsors .innerbox").css("left", -(sponsorkac)*stanesboyut+"px")
 +
}
 +
sponsorbak();
 +
jQuery(".sponsors .left").click(function(){
 +
if(sboyut==3){
 +
if(sponsorkac!=-1){
 +
sponsorkac--;
 +
}else{
 +
sponsorkac = stoplamkac+1;
 +
}
 +
}else{
 +
if(sponsorkac!=0){
 +
sponsorkac--;
 +
}else{
 +
sponsorkac = stoplamkac;
 +
}
 +
}
 +
sponsorbak();
 +
});
  
 +
jQuery(".sponsors .right").click(function(){
 +
if(sboyut==3){
 +
if(sponsorkac!=stoplamkac+1){
 +
sponsorkac++;
 +
}else{
 +
sponsorkac = -1;
 +
}
 +
}else{
 +
if(sponsorkac!=stoplamkac){
 +
sponsorkac++;
 +
}else{
 +
sponsorkac = 0;
 +
}
 +
}
 +
sponsorbak();
 +
});
  
 +
var sustunde = 0;
 +
jQuery(".sponsors").mouseenter(function(){
 +
sustunde = 1;
 +
});
  
 +
jQuery(".sponsors").mouseleave(function(){
 +
sustunde = 0;
 +
});
  
 +
setInterval(function(){
 +
if(sustunde == 0){
 +
jQuery(".sponsors .right").click();
 +
sponsorbak();
 +
}
 +
},3000);
 +
</script>
  
 +
</div>
  
 
</body>
 
</body>

Latest revision as of 01:13, 2 November 2017



 

 

OUR WONDERFUL SPONSORS

 

 

 

 

 

 











Thank you

We would really like to thank our sponsors. You can see our sponsors on our footer on every page but a special mention for them here too.

The University of Nottingham

We were incredibly lucky that the university provided us with most of our funding, without which we would never have been able to do such an interesting project!

Cascade

The Cascade fund is a pot of money that comes from alumni and sponsors associated with the University of Nottingham, to fund transformative student research projects. If you would like to donate see the link here
























Snapgene

We honestly don't know how we could have done all the panicked checking of primers and sequencing in the last few weeks without having the snapgene software. Such a kind and useful gift to our team, Ellie and Chris are extremely grateful since they designed our primers using their software!

 

 

 

 

 

 

 

 

 

 

Eppendorf

The pipettes and tips donated really made our lab work a breeze so thank you very much for those! You saved some tantrums about unreliable pipettes for sure.






New England Biolabs

It should be illegal the amount of enzymes we have been through this summer but your help with some key enzymes etc. really helped us out!

 

 

 

 

 

T-shirt design