Difference between revisions of "Team:FAFU-CHINA"
(Blanked the page) |
|||
Line 1: | Line 1: | ||
+ | <html xmlns="http://www.w3.org/1999/xhtml"> | ||
+ | <head> | ||
+ | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | ||
+ | <title>Aomy</title> | ||
+ | |||
+ | <script type="text/javascript" src="https://igem.org/common/jquery-1.11.1.min.js?action=raw&ctype=text/javascript"></script> | ||
+ | |||
+ | <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> | ||
+ | |||
+ | </head> | ||
+ | |||
+ | |||
+ | <body> | ||
+ | |||
+ | <a style="width:50px; height:50px; position:fixed; right:30px; bottom:30px; z-index:9999; display:none; background:url(http://demo.lanrenzhijia.com/2014/scrollTop1120/images/lanren.gif) no-repeat center center #147abc;" href="javascript:;" class="lanrenzhijia_top"></a> | ||
+ | |||
+ | <script> | ||
+ | $(function(){ | ||
+ | $(window).scroll(function(){ | ||
+ | var _top = $(window).scrollTop(); | ||
+ | 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> | ||
+ | </a> | ||
+ | |||
+ | <script> | ||
+ | $(function(){ | ||
+ | $(".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 class="content"> | ||
+ | |||
+ | <div> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/2/24/T1.png"/> | ||
+ | </div> | ||
+ | |||
+ | <div style="background-image: url(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: #ddd;"> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <!-- | ||
+ | <script type="text/javascript" src="https://igem.org/common/jquery-1.11.1.min.js"></script> | ||
+ | --> | ||
+ | </body> | ||
+ | </html> |
Revision as of 18:49, 21 August 2015
Skip
-
Amoy China
more
This is the scene that we're exexperimenting. This is the scene that we're exexperimenting.