Difference between revisions of "Team:Fudan-CHINA"

Line 5: Line 5:
 
 
 
<!--page-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 
<!--page-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
−
<div id="div1">
+
<div id="div1">
−
<!--<img class="bgPic" src="https://static.igem.org/mediawiki/2018/8/8f/T--Fudan-CHINA--bgpicture2.jpeg" style="z-index: -1;-webkit-filter: brightness(0.85);
+
−
filter: brightness(0.85);width=100%" />-->
+
 
<video id="bgVideo" autoplay muted loop>
 
<video id="bgVideo" autoplay muted loop>
 
     <source  src="https://static.igem.org/mediawiki/2018/f/fd/T--Fudan-CHINA--bgVideo.mp4">
 
     <source  src="https://static.igem.org/mediawiki/2018/f/fd/T--Fudan-CHINA--bgVideo.mp4">
Line 98: Line 96:
  
 
<div id="sponsor">
 
<div id="sponsor">
−
<div style="
+
<div style="color: rgba(51,51,51,1);font-family: Arial,Helvetica;font-weight: 900;font-size: 2.5vw;">SPONSORS</div>
−
padding: 0;
+
−
margin: 2% 0 0 0;
+
−
color: rgba(51,51,51,1);
+
−
font-family: Arial,Helvetica;
+
−
font-weight: 900;
+
−
font-size: 2.5vw;
+
−
">
+
−
SPONSORS
+
−
</div>
+
 
<img style="width:7vw;margin: 1% 0 3% 0;" src="https://static.igem.org/mediawiki/2018/0/0d/T--Fudan-CHINA--split1.png"/>
 
<img style="width:7vw;margin: 1% 0 3% 0;" src="https://static.igem.org/mediawiki/2018/0/0d/T--Fudan-CHINA--split1.png"/>
 +
<div>
 +
<img class="spImg" id="spImg1" src="https://static.igem.org/mediawiki/2018/8/85/T--Fudan-CHINA--sp1.png" />
 +
<img width="1%">
 +
<img class="spImg" id="spImg2" src="https://static.igem.org/mediawiki/2018/7/74/T--Fudan-CHINA--sp2.png" />
 +
<img width="1%">
 +
<img class="spImg" id="spImg3" src="https://static.igem.org/mediawiki/2018/d/d1/T--Fudan-CHINA--sp3.png" />
 +
</div>
 
<br/>
 
<br/>
−
<a target="_BLANK" href="http://www.fao.fudan.edu.cn/" style="text-decoration: none;">
+
<div>
−
<img class="spImg" id="spImg1" style="width:25vw;padding:0.11vw 1vw;" src="https://static.igem.org/mediawiki/2018/a/ab/T--Fudan-CHINA--sponsorFDU.png" />
+
<img class="spImg" id="spImg4" src="https://static.igem.org/mediawiki/2018/7/7b/T--Fudan-CHINA--sp4.png" />
−
</a>
+
<img width="1%">
−
<img style="width: 1%" />
+
<img class="spImg" id="spImg5" src="https://static.igem.org/mediawiki/2018/f/fb/T--Fudan-CHINA--sp5.png" />
−
<a target="_BLANK" href="http://life.fudan.edu.cn/" style="text-decoration: none;">
+
<img width="1%">
−
<img class="spImg" id="spImg2" style="width:25vw;padding:0.03vw 0.2vw 0.4vw 0.2vw;" src="https://static.igem.org/mediawiki/2018/archive/b/b3/20180925104907%21T--Fudan-CHINA--sponsorSLS.png" />
+
<img class="spImg" id="spImg6" src="https://static.igem.org/mediawiki/2018/c/c4/T--Fudan-CHINA--sp6.png" />
−
</a>
+
</div>
−
<img style="width: 1%" />
+
−
<a target="_BLANK" href="http://medicine.fudan.edu.cn/" style="text-decoration: none;">
+
−
<img class="spImg" id="spImg3" style="width:25vw;padding:1.13vw 0.1vw;" src="https://static.igem.org/mediawiki/2018/archive/1/12/20180925110215%21T--Fudan-CHINA--sponsorSBMS.png" />
+
−
</a>
+
−
<br /><br />
+
 
 
−
<img style="width: 0.3%" />
 
−
<a target="_BLANK" href="http://www.yfc.cn/cn/index.html" style="text-decoration: none;">
 
−
<img class="spImg" id="spImg4" style="width:25vw;padding:0.6vw 3.3vw;" src="https://static.igem.org/mediawiki/2018/f/fc/T--Fudan-CHINA--sponsorYunfeng.png" />
 
−
</a>
 
−
<img style="width: 1%" />
 
−
<a target="_BLANK" href="http://www.snapgene.com/" style="text-decoration: none;">
 
−
<img class="spImg" id="spImg5" style="width:25vw;padding:0.32vw 3.3vw;" src="https://static.igem.org/mediawiki/2018/8/81/T--Fudan-CHINA--sponsorSnapGene.png" />
 
−
</a>
 
−
<img style="width: 1%" />
 
−
<a target="_BLANK" href="https://www.mathworks.com/" style="text-decoration: none;">
 
−
<img class="spImg" id="spImg6" style="width:25vw;padding:2.13vw 2vw;" src="https://static.igem.org/mediawiki/2018/6/68/T--Fudan-CHINA--sponsorMathworks.jpeg" />
 
−
</a>
 
−
 
 
</div>
 
</div>
 
<style>
 
<style>
 
#sponsor{
 
#sponsor{
 
width: 100%;
 
width: 100%;
−
text-align: center;
 
 
overflow: hidden;
 
overflow: hidden;
 +
text-align: center;
 +
padding:2vw 0;
 
}
 
}
 
.spImg{
 
.spImg{
 +
padding: 0.1vw;
 
border-style: solid;
 
border-style: solid;
 
border-color:rgba(219,219,219,1);
 
border-color:rgba(219,219,219,1);
 
border-width: 0.1vw;
 
border-width: 0.1vw;
 
position:relative;
 
position:relative;
−
top:50px;
+
top:20px;
−
opacity: 0;
+
opacity:0;
 +
width:25vw;
 +
vertical-align: middle;
 
}
 
}
 
</style>
 
</style>
Line 161: Line 143:
 
  });
 
  });
 
  function scsl(){
 
  function scsl(){
−
  slideIn($("#spImg1"),$("#spImg1"),0);
+
  slideInTop($("#spImg1"),$("#spImg1"),0);
−
  slideIn($("#spImg2"),$("#spImg1"),300);
+
  slideInTop($("#spImg2"),$("#spImg1"),300);
−
  slideIn($("#spImg3"),$("#spImg1"),600);
+
  slideInTop($("#spImg3"),$("#spImg1"),600);
−
  slideIn($("#spImg4"),$("#spImg4"),0);
+
  slideInTop($("#spImg4"),$("#spImg4"),0);
−
  slideIn($("#spImg5"),$("#spImg4"),300);
+
  slideInTop($("#spImg5"),$("#spImg4"),300);
−
  slideIn($("#spImg6"),$("#spImg4"),600);
+
  slideInTop($("#spImg6"),$("#spImg4"),600);
 
};
 
};
−
  function slideIn(obj,obj2,delayTime){
 
−
  var targetHeight = obj.offset().top-50;
 
−
  var scrollTop = $(document).scrollTop();
 
−
  var winHeight=$(window).height();
 
−
  var imgHeight=obj2.height();
 
−
  if(scrollTop+winHeight-0.5*imgHeight>targetHeight){
 
−
  setTimeout(function(){  obj.animate({top:'0px',opacity:1},500); }, delayTime);
 
−
  }
 
−
  };
 
−
 
 
</script>
 
</script>
  
 +
 +
<div id="contactUs">
 +
<img width="8%">
 +
<div class="cuCol" id="cuCol1" style="width: 15%;">
 +
<h1 class="cuH1"><i class="fa fa-link"></i>&nbsp;&nbsp;Useful Links</h1>
 +
<hr width="50%">
 +
<br/>
 +
        <div class="cuContent">
 +
<a target="_blank" href="https://2018.igem.org/Main_Page"><i class="fa fa-caret-right"></i>&nbsp;iGEM Main Page</a>
 +
<br/>
 +
<a target="_blank" href="https://2018.igem.org/Main_Page"><i class="fa fa-caret-right"></i>&nbsp;iGEM Special Pages</a>
 +
</div>
 +
</div>
 +
<img width="5%">
 +
<div class="cuCol" id="cuCol2" style="width: 15%;">
 +
<h1 class="cuH1"><i class="fa fa-envelope-o"></i>&nbsp;&nbsp;Email</h1>
 +
<hr width="50%">
 +
<br/>
 +
<div  class="cuContent">
 +
<a href="mailto:igem@fudan.edu.cn"><i class="fa fa-caret-right"></i>&nbsp;igem@fudan.edu.cn</a>
 +
<br/>
 +
<a href="mailto:kfjin16@fudan.edu.cn"><i class="fa fa-caret-right"></i>&nbsp;kfjin16@fudan.edu.cn</a>
 +
 +
<br/>
 +
</div>
 +
</div>
 +
<img width="5%">
 +
<div class="cuCol" id="cuCol3" style="width: 30%;">
 +
<h1 class="cuH1"><i class="fa fa-paper-plane"></i>&nbsp;&nbsp;Address</h1>
 +
<hr width="50%">
 +
<br/>
 +
<div  class="cuContent">
 +
G604, School of Life Sciences, Fudan University<br/>
 +
2005 Songhu Road, Yangpu, Shanghai, China
 +
</div>
 +
</div>
 +
<img id="cuTeamImg" src="https://static.igem.org/mediawiki/2018/f/fc/T--Fudan-CHINA--teamBadgeWhite.png"/>
 +
</div>
 +
 +
<style>
 +
#contactUs{
 +
width: 100%;
 +
background: rgba(36,50,59,1);
 +
overflow: hidden;
 +
margin: 0;
 +
padding:1.5% 0 3% 0;
 +
text-align: left;
 +
position: relative;
 +
}
 +
.cuCol{
 +
      display: inline-block;
 +
position: relative;
 +
left:20px;
 +
opacity: 0;
 +
color: rgba(230,230,230,1.00);;
 +
text-align: left;
 +
vertical-align: top;
 +
}
 +
h1.cuH1{
 +
color: white;
 +
font-size: 1.4vw;
 +
}
 +
.cuContent{
 +
font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
 +
font-size: 1.25vw;
 +
line-height: 1.6vw;
 +
}
 +
#contactUs a{
 +
color:rgba(230,230,230,1.00);
 +
text-decoration: none;
 +
}
 +
#contactUs a:hover{
 +
text-decoration: none;
 +
color:rgba(0,200,200,1.00);
 +
}
 +
#contactUs a:visited{
 +
text-decoration: none;
 +
}
 +
#contactUs a:active{
 +
text-decoration: none;
 +
}
 +
#contactUs br{
 +
line-height: 1vw;
 +
}
 +
#cuTeamImg{
 +
position: absolute;
 +
top:1vw;
 +
right:4vw;
 +
width: 10vw;
 +
opacity: 0.2;
 +
 +
}
 +
</style>
 +
<script>
 +
$(window).scroll(function(){
 +
slideInLeft($("#cuCol1"),$("#contactUs"),0);
 +
slideInLeft($("#cuCol2"),$("#contactUs"),300);
 +
slideInLeft($("#cuCol3"),$("#contactUs"),600);
 +
});
 +
 +
 +
</script>
 +
 
<!---------------------------------------------------------------------------------------------------------------------------------------------------->
 
<!---------------------------------------------------------------------------------------------------------------------------------------------------->
 
 
Line 187: Line 262:
 
<p>
 
<p>
 
<!--end--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 
<!--end--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
−
+
−
+
 
 
 
</html>
 
</html>

Revision as of 09:54, 27 September 2018

S T E P
Synthetic Transducer Engineering Platform

  Address


G604, School of Life Sciences, Fudan University
2005 Songhu Road, Yangpu, Shanghai, China