Difference between revisions of "Team:FAFU-CHINA"

Line 1: Line 1:
−
<html xmlns="http://www.w3.org/1999/xhtml">
+
{{Template:Team:SCUT-China/Home/Mainhead}}
−
 
+
<HTML>
−
<head>
+
<HEAD>
−
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
<script src="jQuery.js"></script>
−
<title>Aomy</title>
+
−
 
+
−
<script type="text/javascript" src="https://igem.org/common/jquery-
+
−
 
+
−
1.11.1.min.js?action=raw&amp;ctype=text/javascript"></script>
+
−
 
+
 
<style type="text/css">
 
<style type="text/css">
  
−
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,
 
−
 
−
input,textarea,p,blockquote,th,td
 
−
{margin: 0; padding: 0; font-family: Helvetica, Tahoma, Arial, "Hiragino Sans
 
−
 
−
GB", "Hiragino Sans GB W3", "Microsoft YaHei", STXihei, STHeiti, Heiti, SimSun,
 
−
 
−
sans-serif; font-size: 100%;}
 
−
html,body
 
−
{color: #333}
 
−
body
 
−
{background: #fff;}
 
−
ul,ol,li
 
−
{list-style: none;}
 
−
a:link, a:visited
 
−
{color: #333; text-decoration: none;}
 
−
a:hover
 
−
{color: #12b7f5;}
 
−
img
 
−
{border: none;}
 
−
em
 
−
{font-style: normal;}
 
−
h1,h2,h3,h4,h5
 
−
{font-weight: normal;}
 
−
 
−
 
−
.crossbanenr{ width: 100%; height: 578px;}
 
−
.crossbanenr ul{ position: relative; width: 100%; height: 100%; overflow:
 
−
 
−
hidden; margin: 0 auto;}
 
−
.crossbanenr li{ position: absolute; left: 50%; top: 0; width: 1920px; height:
 
−
 
−
100%; margin: 0 0 0 -960px; display: none; z-index: 1;}
 
−
.crossbanenr li:first-child{ display: block;}
 
−
.crossbanenr li.current{ z-index: 2;}
 
−
.crossbanenr li.pcqqbg{ background: transparent url
 
−
 
−
(https://static.igem.org/mediawiki/2015/archive/3/38/20150704080529%21Background1.jpg)
 
−
 
−
no-repeat center top;}
 
−
 
−
.bncont{ position: relative; width: 948px; height: 100%; margin: 0 auto;}
 
−
.bntxt{ position: absolute;  left: -53px; top: 50%; width: 500px; height: 390px;
 
−
 
−
margin-top: -195px; z-index: 10;}
 
−
.bntxt h2{ width: 100%; height: 0; overflow: hidden; padding-top: 329px; text-
 
−
 
−
indent: -9999px;}
 
−
.bntxt a{ display: block; width: 386px; height: 0; overflow: hidden; margin: 0
 
−
 
−
auto; padding-top: 76px; background: transparent url
 
−
 
−
(https://static.igem.org/mediawiki/2015/3/33/Btn541b.png) no-repeat 0 0; text-align:
 
−
 
−
center; line-height: 76; font-size: 30px; letter-spacing: 15px;}
 
−
.bntxt a:link, .bntxt a:visited{ color: #fff;}
 
−
.bntxt a.bnxz{ background-position: 0 0;}
 
−
.bntxt a.bnxz:hover{ background-position: 0 -77px;}
 
−
.pcqqbg .bntxt h2{ background: transparent url
 
−
 
−
(https://static.igem.org/mediawiki/2015/f/fb/Title1.png) no-repeat 15px top;}
 
−
 
−
 
−
.content{ width: 100%;}
 
−
 
−
#content{padding: 0; border: 0; width: 100%;}
 
−
 
−
.firstHeading{visibility: hidden; }
 
  
 +
 
 
</style>
 
</style>
 +
</HEAD>
  
−
</head>
+
<BODY>
−
 
+
−
 
+
<div class="slides">
−
<body>
+
<ul class="slide-pic">
−
 
+
<li class="cur"><img alt="" src="https://static.igem.org/mediawiki/2014/3/38/Shome6.jpg" /></li>
−
<a style="width:50px; height:50px; position:fixed; right:30px; bottom:30px; z-
+
<li><img alt="" src="https://static.igem.org/mediawiki/2014/6/6e/Shome8.jpg" /></li>              
−
 
+
<li><img alt="" src="https://static.igem.org/mediawiki/2014/c/ce/Shome7.jpg" /></li>                 
−
index:9999; display:none; background:url
+
<li><img alt="" src="https://static.igem.org/mediawiki/2014/3/38/Shome6.jpg" /></li>
−
 
+
<li><img alt="" src="https://static.igem.org/mediawiki/2014/2/2e/Shome10.jpg" /></li>   
−
(http://demo.lanrenzhijia.com/2014/scrollTop1120/images/lanren.gif) no-repeat
+
</ul>
−
 
+
<ul class="slide-li">
−
center center #147abc;" href="javascript:;" class="lanrenzhijia_top"></a>
+
<li><a href="#">●</a></li>
−
 
+
<li><a href="#">●</a></li>
−
<script>
+
<li><a href="#">●</a></li>
−
$(function(){
+
<li><a href="#">●</a></li>
−
$(window).scroll(function(){
+
<li><a href="#">●</a></li>
−
var _top = $(window).scrollTop();
+
</ul>
−
if(_top>300){
+
−
$('.lanrenzhijia_top').fadeIn(600);
+
−
}else{
+
−
$('.lanrenzhijia_top').fadeOut(600);
+
−
}
+
−
});
+
−
$(".lanrenzhijia_top").click(function(){
+
−
$("html,body").animate({scrollTop:0},400);
+
−
});
+
−
});
+
−
</script>
+
−
 
+
−
 
+
−
<a class="down" href="javascript:;">
+
−
<div style="position: fixed; margin-top: 40px; margin-left: 20px; width: 50px;
+
−
 
+
−
height: 30px; background: #147abc; z-index: 999; text-align: center;">
+
−
<p style="color: #fff">Skip</p>
+
 
</div>
 
</div>
−
</a>
 
  
−
<script>
+
<div style="position:absolute;top:600px;left:0;width:100%;">
−
$(function(){
+
<img src="https://static.igem.org/mediawiki/2014/9/9a/Scut-china_2014_home-train.png" style="width:1366px;height:137px;"/>
−
$(".down").click(function(){
+
−
$("html,body").animate({scrollTop:$('#menu').offset().top},400);
+
−
});
+
−
});
+
−
</script>
+
−
 
+
−
 
+
−
<div style="margin-top: -40px;" class="crossbanenr">
+
−
    <ul id="crossbanenr">       
+
−
        <li class="pcqqbg">
+
−
            <div class="bncont">
+
−
                <div class="bntxt">
+
−
                    <h2>Amoy China</h2>
+
−
                    <a class="bnxz"
+
−
 
+
−
href="https://2015.igem.org/Team:Amoy/Project">more</a>
+
−
                </div>
+
−
            </div>
+
−
        </li>
+
−
    </ul>
+
 
</div>
 
</div>
  
  
−
<div class="content">
 
  
−
<div>
+
<div id="footer">
−
<img src="https://static.igem.org/mediawiki/2015/2/24/T1.png"/>
+
<img src="https://static.igem.org/mediawiki/2014/0/0e/Scut-china_2014_bottom.jpg">
 
</div>
 
</div>
−
 
+
 
−
<div style="background-image: url
+
</BODY>
−
 
+
</HTML>
−
(https://static.igem.org/mediawiki/2015/a/a5/Bg2.jpg); min-height: 100%; background-
+
−
 
+
−
size: cover; background-repeat: no-repeat; background-position: center center;
+
−
 
+
−
top: -700px; height: 750px; background-attachment: fixed;">
+
−
</div>
+
−
 
+
−
 
+
−
<div style="background: #fff; width: 100%; height: 524px; ">
+
−
<div style="position: relative; width: 100%; height: 584px; margin: 0 auto;">
+
−
 
+
−
<div style="position: absolute; top: 115px; width: 557px; right: 30px;">
+
−
<img style="width: 100%;" src="https://static.igem.org/mediawiki/2015/7/78/H2.png" />
+
−
<p style="width: 100%; text-align: right; margin-top: 15px;">This is the scene
+
−
 
+
−
that we're exexperimenting. This is the scene that we're exexperimenting.</p>
+
−
<p style="width: 100%; text-align: right; margin-top: 20px;">
+
−
<a style="color: #12b7f5;">Learn more ></a>
+
−
</p>
+
−
</div>
+
−
<div>
+
−
<img style="position: absolute; left: 30px; width: 770px; height: 763px; bottom:
+
−
 
+
−
0;" src="https://static.igem.org/mediawiki/2015/0/0d/T12.png" />
+
−
</div>
+
−
 
+
−
</div>
+
−
</div>
+
−
 
+
−
 
+
−
<div style="background-image: url
+
−
 
+
−
(https://static.igem.org/mediawiki/2015/c/cb/Bg1.jpg); min-height: 100%; background-
+
−
 
+
−
size: cover; background-repeat: no-repeat; background-position: center center;
+
−
 
+
−
top: -700px; height: 800px; background-attachment: fixed;">
+
−
</div>
+
−
 
+
−
 
+
−
<div style="background: #fff; width: 100%; height: 524px; overflow: hidden">
+
−
<div style="position: relative; width: 100%; height: 584px; margin: 0 auto;">
+
−
 
+
−
<div style="position: absolute; top: 115px; width: 600px; left: 30px;">
+
−
<img style="width: 100%;" src="https://static.igem.org/mediawiki/2015/2/26/H3.png" />
+
−
<p style="width: 100%; text-align: left; margin-top: 15px;">They are our
+
−
 
+
−
experimental results. They are our experimental results.</p>
+
−
<p style="width: 100%; text-align: left; margin-top: 20px;">
+
−
<a style="color: #12b7f5;">Learn more ></a>
+
−
</p>
+
−
</div>
+
−
 
+
−
<div>
+
−
<img style="position: absolute; right: 30px; width: 700px; height: 584px;
+
−
 
+
−
bottom: 0;" src="https://static.igem.org/mediawiki/2015/f/fb/T22.png" />
+
−
</div>
+
−
 
+
−
</div>
+
−
</div>
+
−
 
+
−
 
+
−
<div style="background-image: url
+
−
 
+
−
(https://static.igem.org/mediawiki/2015/3/32/Bg4.jpg); min-height: 100%; background-
+
−
 
+
−
size: cover; background-repeat: no-repeat; background-position: center center;
+
−
 
+
−
top: -700px; height: 750px; background-attachment: fixed;">
+
−
</div>
+
−
 
+
−
 
+
−
<div id="menu" style="background: #fff; width: 100%; height: 524px; overflow:
+
−
 
+
−
hidden">
+
−
<div style="position: relative; width: 100%; height: 584px; margin: 0 auto;">
+
−
 
+
−
<div style="position: absolute; top: 120px; width: 490px; right: 30px;">
+
−
<img style="width: 100%;"
+
−
 
+
−
src="https://static.igem.org/mediawiki/2015/3/37/T_project.png" />
+
−
<p style="width: 100%; text-align: right; margin-top: 15px;">This is the part of
+
−
 
+
−
our project. This is the part of our project. This is the part of our
+
−
 
+
−
project.</p>
+
−
<p style="width: 100%; text-align: right; margin-top: 20px;">
+
−
<a style="color: #12b7f5;">Learn more ></a>
+
−
</p>
+
−
</div>
+
−
 
+
−
<div>
+
−
<img style="position: absolute; left: 30px; width: 700px; height: 584px; bottom:
+
−
 
+
−
0;" src="https://static.igem.org/mediawiki/2015/d/d4/H4.png" />
+
−
</div>
+
−
 
+
−
 
+
−
<div style="position: absolute; width: 150px; height: 150px; left: 150px; top:
+
−
 
+
−
100px;">
+
−
<a href="https://2015.igem.org/Team:Amoy/Project"><img
+
−
 
+
−
src="https://static.igem.org/mediawiki/2015/9/92/Project.png"/></a>
+
−
</div>
+
−
<div style="position: absolute; width: 150px; height: 150px; left: 330px; top:
+
−
 
+
−
100px;">
+
−
<a href="https://2015.igem.org/Team:Amoy/Interlab"><img
+
−
 
+
−
src="https://static.igem.org/mediawiki/2015/e/ec/Newsletter.png"/></a>
+
−
</div>
+
−
<div style="position: absolute; width: 150px; height: 150px; left: 510px; top:
+
−
 
+
−
100px;">
+
−
<a href="https://2015.igem.org/Team:Amoy/Newsletter"><img
+
−
 
+
−
src="https://static.igem.org/mediawiki/2015/6/66/Practice.png"/></a>
+
−
</div>
+
−
<div style="position: absolute; width: 150px; height: 150px; left: 690px; top:
+
−
 
+
−
100px;">
+
−
<a href="https://2015.igem.org/Team:Amoy/Practice"><img
+
−
 
+
−
src="https://static.igem.org/mediawiki/2015/7/70/More.png"/></a>
+
−
</div>
+
−
<div style="position: absolute; width: 150px; height: 150px; left: 150px; top:
+
−
 
+
−
300px;">
+
−
<a href="https://2015.igem.org/Team:Amoy/Member"><img
+
−
 
+
−
src="https://static.igem.org/mediawiki/2015/7/70/More.png"/></a>
+
−
</div>
+
−
<div style="position: absolute; width: 150px; height: 150px; left: 330px; top:
+
−
 
+
−
300px;">
+
−
<a href="https://2015.igem.org/Team:Amoy/Safety"><img
+
−
 
+
−
src="https://static.igem.org/mediawiki/2015/8/84/Safety.png"/></a>
+
−
</div>
+
−
<div style="position: absolute; width: 150px; height: 150px; left: 510px; top:
+
−
 
+
−
300px;">
+
−
<a href="https://2015.igem.org/Team:Amoy/Acknowledgement"><img
+
−
 
+
−
src="https://static.igem.org/mediawiki/2015/9/94/Judging.png"/></a>
+
−
</div>
+
−
 
+
−
</div>
+
−
</div>
+
−
 
+
−
</div>
+
−
 
+
−
 
+
−
<div style="width: 100%; height: 200px; background: #2a2a2a;">
+
−
</div>
+
−
 
+
−
 
+
−
<!--
+
−
<script type="text/javascript" src="https://igem.org/common/jquery-
+
−
 
+
−
1.11.1.min.js"></script>
+
−
-->
+
−
</body>
+
−
</html>
+

Revision as of 18:46, 21 August 2015

Template:Team:SCUT-China/Home/Mainhead