Difference between revisions of "Team:UESTC-China/test14"

 
(14 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
<html lang="zh">
 
<html lang="zh">
 
<head>
 
<head>
 +
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 
<meta charset="UTF-8">
 
<meta charset="UTF-8">
 
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">  
 
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">  
Line 10: Line 11:
 
<link rel="stylesheet" type="text/css" href="https://2018.igem.org/Template:UESTC-China/CSS/zzcs?action=raw&amp;ctype=text/css">
 
<link rel="stylesheet" type="text/css" href="https://2018.igem.org/Template:UESTC-China/CSS/zzcs?action=raw&amp;ctype=text/css">
 
<link rel="stylesheet" type="text/css" href="https://2018.igem.org/Template:UESTC-China/CSS/bootnav?action=raw&amp;ctype=text/css">
 
<link rel="stylesheet" type="text/css" href="https://2018.igem.org/Template:UESTC-China/CSS/bootnav?action=raw&amp;ctype=text/css">
 +
<link rel="stylesheet" type="text/css" href="https://2018.igem.org/Template:UESTC-China/CSS/public?action=raw&amp;ctype=text/css">
 +
<link rel="stylesheet" type="text/css" href="https://2018.igem.org/Template:UESTC-China/CSS/gundongzssstyle?action=raw&amp;ctype=text/css">
 +
<script type="text/javascript">
 +
$(function() {
 +
$(window).resize(function() {
 +
imgWH();
 +
}).resize();
 +
function imgWH() {
 +
var i = 0,
 +
imgpnglength = $('.imgpng').length;
 +
for(i=0; i < imgpnglength; i++) {
 +
var imgpng = $('.imgpng').eq(i),
 +
imgpngW = imgpng.width(),
 +
maximgpngW = imgpng.attr("width");
 +
if(imgpngW >= maximgpngW){
 +
imgpng.attr('width', maximgpngW);
 +
} else {
 +
imgpng.attr('width', imgpngW);
 +
}
 +
}
 +
var imgtopW = $('.imgtop').width(),
 +
imgtopH = $('.imgtop').height();
 +
$('.gem-back').css({width:imgtopW*0.375,height:imgtopH*0.19,marginTop:imgtopH*0.259});
 +
}
 +
});
 +
</script>
  
 
<style type="text/css">
 
<style type="text/css">
Line 254: Line 281:
 
</div>
 
</div>
  
<div class="team" style="margin-top:-30px; position:relative; width:100%; z-index=1; background-color:#fff">
+
<section id="section1" class="section section1">
    <div class="team-title">
+
  <article class="sectionWrapper section1Wrapper fadeInDown">
        <img src="https://static.igem.org/mediawiki/2018/4/4a/T--UESTC-China--homenone.jpg" style="width: 100%; position:absolute; top:0px; z-index:100">
+
    <img src="https://static.igem.org/mediawiki/2018/4/4a/T--UESTC-China--homenone.jpg" style="width: 100%; top:0px; z-index:11" />
        <img src="https://static.igem.org/mediawiki/2018/d/d8/T--UESTC-China--gongchang.gif" style="width: 100%; position:absolute; top:0px; z-index:101">
+
    <img src="https://static.igem.org/mediawiki/2018/2/24/T--UESTC-China--dazuo.gif" style="width: 100%; position:absolute; top:0px; z-index:12" />
        <img src="https://static.igem.org/mediawiki/2018/2/24/T--UESTC-China--dazuo.gif" style="width: 100%; position:absolute; top:0px; z-index:101">
+
    <img src="https://static.igem.org/mediawiki/2018/a/a4/T--UESTC-China--dayou.gif" style="width: 100%; position:absolute; top:0px; z-index:11" />
        <img src="https://static.igem.org/mediawiki/2018/a/a4/T--UESTC-China--dayou.gif" style="width: 100%; position:absolute; top:0px; z-index:101">
+
    <img src="https://static.igem.org/mediawiki/2018/d/d8/T--UESTC-China--gongchang.gif" style="width: 100%; position:absolute; top:0px; z-index:11"  />     
     <div>  
+
  </article>
 +
</section>
 +
<section id="section2" class="section section2">
 +
  <article class="sectionWrapper section2Wrapper">
 +
    <img src="https://static.igem.org/mediawiki/2018/3/31/T--UESTC-China--conclusion.jpg" style="width: 100%;" />
 +
  </article>
 +
</section>
 +
<section id="section3" class="section section3">
 +
  <article class="sectionWrapper section3Wrapper">
 +
    <img src="https://static.igem.org/mediawiki/2018/9/99/T--UESTC-China--solution.jpg" style="width: 100%;"/>
 +
  </article>
 +
</section>
 +
<section id="section4" class="section section4">
 +
  <article class="sectionWrapper section4Wrapper">
 +
    <img src="https://static.igem.org/mediawiki/2018/8/8c/T--UESTC-China--straw.jpg" style="width: 100%;"/>
 +
  </article>
 +
</section>
 +
<section id="section5" class="section section5">
 +
  <article class="sectionWrapper section5Wrapper">
 +
     <img src="https://static.igem.org/mediawiki/2018/5/5c/T--UESTC-China--problem.jpg" style="width: 100%;"/>  
 +
  </article>
 +
</section>
 +
<section id="section6" class="section section6" >
 +
  <article class="sectionWrapper section6Wrapper">
 +
   
 +
    <p class="mid MV">
 +
<video controls="controls" width="960" height="540">
 +
<source src="https://static.igem.org/mediawiki/2017/2/29/T--UESTC-China--MV.mp4" type="video/mp4">
 +
<!--<source src="myvideo.ogv" type="video/ogg"></source>-->
 +
<!--<source src="myvideo.webm" type="video/webm"></source>-->
 +
<!--<object width="" height="" type="application/x-shockwave-flash" data="myvideo.swf">
 +
<param name="movie" value="myvideo.swf" />
 +
<param name="flashvars" value="autostart=true&amp;file=myvideo.swf" />
 +
</object>-->
 +
<object data="https://static.igem.org/mediawiki/2017/2/29/T--UESTC-China--MV.mp4" width="640" height="360">
 +
<embed src="https://static.igem.org/mediawiki/2017/2/29/T--UESTC-China--MV.mp4" width="640" height="360">
 +
</object> 当前浏览器不支持 video直接播放,点击这里下载视频:
 +
<a href="https://static.igem.org/mediawiki/2017/2/29/T--UESTC-China--MV.mp4">Download Video</a>
 +
</video>
 +
</p>
 +
  </article>
 +
</section>
 +
<!--回到顶部-->
 +
 
 +
 
 +
 
  
   
 
<div class="hehe" >
 
        <div class="container">
 
            <div class="row">
 
                <div class="col-md-12 " style="text-alien: center; vertical-alien: middle; font-size: 127%; text-align: center;">Copyright © 2018 iGEM UESTC_China </div>
 
                <div class="col-md-12" style="text-alien: center; vertical-alien: middle; font-size: 127%; text-align: center;">
 
                    <div class="social-icons style="float:right; line-height:60px">
 
                     
 
                            <i><a href="http://www.facebook.com/uestcchinaigem" class="fa fa-facebook"></a></i>&nbsp;
 
                            <i><a href="http://twitter.com/UESTC_China" class="fa fa-twitter"></a></i>&nbsp;
 
                            <i><a href="https://weibo.com/u/5983731394" class="fa fa-weibo"></a></i>&nbsp;
 
                       
 
                    </div>
 
                   
 
                </div>
 
            </div>
 
        </div>
 
</div>
 
</div>
 
  
  
Line 287: Line 340:
 
<script src="https://2018.igem.org/Template:UESTC-China/Javascript/bootjs?action=raw&amp;ctype=text/javascript"></script>
 
<script src="https://2018.igem.org/Template:UESTC-China/Javascript/bootjs?action=raw&amp;ctype=text/javascript"></script>
 
<script type="text/javascript" src="https://2018.igem.org/Template:UESTC-China/Javascript/bootnav?action=raw&amp;ctype=text/javascript"></script>
 
<script type="text/javascript" src="https://2018.igem.org/Template:UESTC-China/Javascript/bootnav?action=raw&amp;ctype=text/javascript"></script>
 +
<script src="https://2018.igem.org/Template:UESTC-China/Javascript/sectionscroll?action=raw&amp;ctype=text/javascript" type="text/javascript"></script>
 +
<script src="https://2018.igem.org/Template:UESTC-China/Javascript/mousewheel?action=raw&amp;ctype=text/javascript" type="text/javascript"></script>
  
  
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 11:03, 12 September 2018

team