Difference between revisions of "Team:Amoy"
ShannonLee (Talk | contribs) |
ShannonLee (Talk | contribs) |
||
(224 intermediate revisions by 2 users not shown) | |||
Line 2: | Line 2: | ||
<head> | <head> | ||
+ | |||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | ||
+ | |||
<title>Aomy</title> | <title>Aomy</title> | ||
− | < | + | <script type="text/javascript" src="https://igem.org/common/jquery-1.11.1.min.js?action=raw&ctype=text/javascript"></script> |
− | + | <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Amoy/css/BootstrapCss?action=raw&ctype=text/css" /> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | <link rel="stylesheet" href="https://2015.igem.org/Template:Amoy/css/ScrollStyle?action=raw&ctype=text/css" type="text/css" media="screen" /> | |
− | + | ||
− | + | ||
− | + | ||
− | + | <link rel="stylesheet" href="https://2015.igem.org/Template:Amoy/css/HomeCss?action=raw&ctype=text/css" type="text/css" /> | |
− | + | ||
− | + | ||
− | + | ||
− | + | <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Amoy/css/HomeMenuCss?action=raw&ctype=text/css" /> | |
− | + | ||
− | + | ||
− | + | ||
− | + | <script type="text/javascript" src="https://2015.igem.org/Template:Amoy/Javascript/HomeMenuJs?action=raw&ctype=text/javascript"></script> | |
− | + | </head> | |
− | + | ||
− | + | ||
− | + | ||
− | + | <body> | |
− | + | ||
− | + | ||
− | + | ||
− | + | <!-- up --> | |
− | + | ||
− | + | ||
− | + | ||
− | + | <a style="width:50px; height:50px; position:fixed; right:30px; bottom:30px; z-index:9999; display:none; background:url(https://static.igem.org/mediawiki/2015/c/c1/Amoy-Home_Up_pic.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> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | <!-- skip --> | |
− | + | ||
− | + | ||
− | + | ||
− | + | <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> | |
− | + | ||
− | + | ||
− | + | <!--Scroll--> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | <div style="position:relative; margin-top: -40px; width: 100%; overflow: hidden;" class="slideshow grid_12"> | |
− | + | <div class="holder"> | |
− | + | ||
− | + | ||
− | + | <div id="wowslider-container"> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | . | + | <!--Scroll pic--> |
− | { | + | <div class="ws_images"> |
− | color: # | + | <ul> |
+ | <li><a href="#menu" id="ClickSkip"><img src="https://static.igem.org/mediawiki/2015/f/fa/Amoy-Home_Scroll_bg1.jpg" alt="123" title="" /></a></li> | ||
+ | <li><a><img src="https://static.igem.org/mediawiki/2015/e/eb/Amoy-Home_pic1.JPG" alt="456" title="" /></a></li> | ||
+ | <li><a><img src="https://static.igem.org/mediawiki/2015/2/22/Amoy-Home_pic3.jpg" alt="789" title="" /></a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | |||
+ | <script> | ||
+ | $(function(){ | ||
+ | $("#ClickSkip").click(function(){ | ||
+ | $("html,body").animate({scrollTop:$('#menu').offset().top},400); | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
+ | |||
+ | <!--little pic--> | ||
+ | <div class="ws_bullets"> | ||
+ | <div> | ||
+ | <a><img src="https://static.igem.org/mediawiki/2015/a/a8/Amoy-Home_pic0_s.jpg" alt="CSS3 Slider" /></a> | ||
+ | <a><img src="https://static.igem.org/mediawiki/2015/0/0c/Amoy-Home_pic1_s.jpg" alt="CSS Slideshow" /></a> | ||
+ | <a><img src="https://static.igem.org/mediawiki/2015/3/3e/Amoy-Home_pic3_s.jpg" alt="CSS Gallery" /></a> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <script type="text/javascript" src="https://2015.igem.org/Template:Amoy/js/ScrollWowslider?action=raw&ctype=text/javascript"></script> | ||
+ | <script type="text/javascript" src="https://2015.igem.org/Template:Amoy/Javascript/ScrollScript?action=raw&ctype=text/javascript"></script> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <!--Main Content--> | ||
+ | |||
+ | <div class="content"> | ||
+ | |||
+ | <!--title_circuits--> | ||
+ | <div style="padding-top: 10px; padding-bottom: 10px;"> | ||
+ | <img style="width: 80%; margin-left: 10%;" src="https://static.igem.org/mediawiki/2015/1/14/Amoy-Home_Title_pic1.png"/> | ||
+ | </div> | ||
+ | |||
+ | <!--bg_circuits--> | ||
+ | <div style="background-image: url(https://static.igem.org/mediawiki/2015/4/4d/Amoy-Home_Content_bg1.jpg); min-height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; top: -700px; height: 750px; background-attachment: fixed;"> | ||
+ | <div id="video_button" style="background-image: url(https://static.igem.org/mediawiki/2015/1/16/Amoy-Home_Content_button0.png); min-height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; top: -700px; height: 750px; background-attachment: fixed; cursor: url(https://static.igem.org/mediawiki/2015/0/01/Amoy-Cursor_figure.png), move;"> | ||
+ | </div> | ||
+ | |||
+ | <div id="video_out" style="background-color: #fff; display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; margin: 0; box-sizing: border-box; width: 100%; height: 100%; object-fit: contain; z-index: 9991;"> | ||
+ | <video id="video_mp4" src="https://static.igem.org/mediawiki/2015/e/ec/AMOY_album_video_2.0.mp4" controls style="width: 80%; height: 100%; margin-right: 10%; float: right;"></video> | ||
+ | <button id="video_back" style="display: none; position: fixed; width: 70px; height: 50px; border-radius: 10px; background-color: #147abc; color: #fff; border: 0px; margin-top: 30px; margin-left: 1%;">Back</button> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <script type="text/javascript"> | ||
+ | document.getElementById("video_button").onclick=function(){ | ||
+ | document.getElementById("video_out").style.display="inline-block"; | ||
+ | document.getElementById("video_back").style.display="inline-block"; | ||
} | } | ||
+ | </script> | ||
− | + | <script type="text/javascript"> | |
− | { | + | document.getElementById("video_back").onclick=function(){ |
− | + | document.getElementById("video_out").style.display="none"; | |
− | + | document.getElementById("video_back").style.display="none"; | |
} | } | ||
+ | </script> | ||
− | + | <!--title_result--> | |
− | + | <div style="background: #fff; width: 100%; overflow: hidden"> | |
− | + | <a href="https://2015.igem.org/Team:Amoy/Project/Results"><img style="display: inline-block; float: left; margin-left: 4%; width: 44%;" src="https://static.igem.org/mediawiki/2015/a/a0/Amoy-Home_Title_word3.png" /></a> | |
− | . | + | <img style="display: inline-block; float: right; margin-right: 4%; width: 44%;" src="https://static.igem.org/mediawiki/2015/7/78/Amoy-Home_Title_pic31.png" /> |
− | + | </div> | |
− | . | + | |
+ | <!--bg_experiment--> | ||
+ | <div style="background-image: url(https://static.igem.org/mediawiki/2015/d/d2/Amoy-Home_Content_bg23.jpg); min-height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; top: -700px; height: 800px; background-attachment: fixed;"> | ||
+ | </div> | ||
+ | <!--https://static.igem.org/mediawiki/2015/a/a4/Amoy-Home_Content_bg2.jpg--> | ||
− | + | <!--title_experiment--> | |
− | + | ||
− | + | ||
− | + | ||
− | + | <div style="background: #fff; width: 100%; height: 524px; "> | |
− | + | <div style="position: relative; width: 100%; height: 524px; margin: 0 auto;"> | |
− | + | <div style="position: absolute; right: 3%; width: 41.66667%;"> | |
+ | <a href="https://2015.igem.org/Team:Amoy/Notebook"><img style="width: 100%;" src="https://static.igem.org/mediawiki/2015/3/37/Amoy-Home_Title_word2.png" /></a> | ||
+ | </div> | ||
+ | <div> | ||
+ | <img style="position: absolute; left: 3%; bottom: 0; width: 50%;" src="https://static.igem.org/mediawiki/2015/1/10/Amoy-Home_Title_pic2.png" /> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
− | + | <!--bg_result--> | |
− | + | <div style="background-image: url(https://static.igem.org/mediawiki/2015/4/4d/Amoy-Home_Content_bg33.jpg); min-height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; top: -700px; height: 750px; background-attachment: fixed;"> | |
− | + | </div> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | <!--main_menu--> | |
− | + | <div id="menu" style="background: #fff; width: 100%; overflow: hidden"> | |
− | + | <img style="display: inline-block; float: right; margin-right: 1%; width: 40%;" src="https://static.igem.org/mediawiki/2015/b/bb/Amoy-Home_Title_word4.png" /> | |
− | + | <!--pic--> | |
− | |||
− | |||
− | |||
− | + | <!--menu_pic--> | |
− | + | ||
− | + | <div id="function" style="width: 58%; padding-bottom: 50px; float: left; display: inline-block; background-image: url(https://static.igem.org/mediawiki/2015/4/4a/Amoy-Home_Title_pic4.png); background-size: cover; background-repeat: no-repeat; background-position-y: 20px; min-height: 500px;"> | |
+ | <div class="content-container"> | ||
+ | <div id="portfolio-content" class="center-text"> | ||
+ | <div class="portfolio-page" id="page-1"> | ||
− | . | + | <div class="portfolio-group"> |
+ | <a class="portfolio-item" href="https://2015.igem.org/Team:Amoy/Team"> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/e/e4/Amoy-Home_Menu_func_team.jpg" /> | ||
+ | <div class="detail"> | ||
+ | <h1 class="funch">Team</h1> | ||
+ | </div> | ||
+ | </a> | ||
+ | </div> | ||
+ | <div class="portfolio-group"> | ||
+ | <a class="portfolio-item" href="https://2015.igem.org/Team:Amoy/Project"> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/e/ea/Amoy-Home_Menu_func_project.jpg" /> | ||
+ | <div class="detail"> | ||
+ | <h1 class="funch">Project</h1> | ||
+ | </div> | ||
+ | </a> | ||
+ | </div> | ||
+ | <div class="portfolio-group"> | ||
+ | <a class="portfolio-item" href="https://2015.igem.org/Team:Amoy/Notebook"> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/e/e9/Amoy-Home_Menu_func1.jpg" /> | ||
+ | <div class="detail"> | ||
+ | <h1 class="funch">Notebook</h1> | ||
+ | </div> | ||
+ | </a> | ||
+ | </div> | ||
− | </ | + | <div class="portfolio-group"> |
+ | <a class="portfolio-item" href="https://2015.igem.org/Team:Amoy/Interlab"> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/2/20/Amoy-Home_Menu_func_interlab.jpg" /> | ||
+ | <div class="detail"> | ||
+ | <h1 class="funch">Interlab</h1> | ||
+ | </div> | ||
+ | </a> | ||
+ | </div> | ||
− | |||
+ | <div class="portfolio-group"> | ||
+ | <a class="portfolio-item" href="https://2015.igem.org/Team:Amoy/Newsletter"> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/3/31/Amoy-Home_Menu_func_newsletter.jpg" /> | ||
+ | <div class="detail"> | ||
+ | <h1 class="funch" style="margin-top: 45px;">News</br>letter</h1> | ||
+ | </div> | ||
+ | </a> | ||
+ | </div> | ||
+ | |||
+ | <div class="portfolio-group"> | ||
+ | <a class="portfolio-item" href="https://2015.igem.org/Team:Amoy/Practices"> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/d/d6/Amoy-Home_Menu_func_practice.jpg" /> | ||
+ | <div class="detail"> | ||
+ | <h1 class="funch">Practice</h1> | ||
+ | </div> | ||
+ | </a> | ||
+ | </div> | ||
− | < | + | <div class="portfolio-group"> |
+ | <a class="portfolio-item" href="https://2015.igem.org/Team:Amoy/Judging"> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/c/c4/Amoy-Home_Menu_func_judging.jpg" /> | ||
+ | <div class="detail"> | ||
+ | <h1 class="funch">Judging</h1> | ||
+ | </div> | ||
+ | </a> | ||
+ | </div> | ||
− | <div class=" | + | <div class="portfolio-group"> |
− | + | <a class="portfolio-item" href="https://2015.igem.org/Team:Amoy/Safety"> | |
− | + | <img src="https://static.igem.org/mediawiki/2015/3/37/Amoy-Home_Menu_func_safety.jpg" /> | |
− | + | <div class="detail"> | |
− | + | <h1 class="funch">Safety</h1> | |
− | + | </div> | |
− | + | </a> | |
− | + | </div> | |
+ | |||
+ | </div> | ||
</div> | </div> | ||
+ | |||
</div> | </div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | </div> | |
− | </div> | + | |
− | + | </div> | |
− | <div | + | |
− | + | ||
− | + | ||
</div> | </div> | ||
− | < | + | <!--end content--> |
− | + | ||
</div> | </div> | ||
− | <div style="background: # | + | <!--footer--> |
− | < | + | <div style="width: 100%; background: #2a2a2a; padding-top: 10px; padding-bottom: 25px;"> |
− | <div style="position: | + | <img src="https://static.igem.org/mediawiki/2015/f/f2/Amoy-Footer_amoylogo.png" style="width: 10%; display: inline-block; position: relative; margin-left: 12%;" /> |
− | < | + | <div style="display: inline-block; position: relative; top: 45px; width: 21%; margin-left: 2%;"> |
− | <p style=" | + | <p style="font-size: 16px; color: #fff; border-bottom: 1px solid #fff; padding-bottom: 5px;">CONTACT US</p> |
− | <p style=" | + | <p style="font-size: 14px; color: #fff; margin-top: 5px;"><strong>Email: </strong>igemxmu@gmail.com</p> |
− | <a style="color: # | + | <p style="font-size: 14px; color: #fff;"><strong>Website: </strong><a href="https://2015.igem.org/Team:Amoy" target="_blank" style="color: #fff;">2015.igem.org/Team:Amoy</a></p> |
− | </p> | + | <p style="font-size: 14px; color: #fff;"><strong>Address: </strong>Xiamen University, No. 422, Siming South Road, Xiamen, Fujian, P.R.China 361005</p> |
− | </ | + | |
</div> | </div> | ||
+ | <a href="http://www.xmu.edu.cn/" target="_blank"><img src="https://static.igem.org/mediawiki/2015/1/1f/Amoy-Footer_xmulogo.png" style="width: 10%; display: inline-block; margin-left: 5%;" /></a> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/3/31/Amoy-Footer_xmulname.png" style="width: 15%; display: inline-block; margin-left: 1%;" /> | ||
+ | <a href="https://www.facebook.com/amoyigem" target="_blank"><img src="https://static.igem.org/mediawiki/2015/5/5b/Amoy-Footer_facebook.png" style="width: 2%; display: inline-block; margin-left: 2%;" /></a> | ||
+ | <a href="https://www.twitter.com/Amoy_igem" target="_blank"><img src="https://static.igem.org/mediawiki/2015/0/02/Amoy-Footer_twitter.png" style="width: 2%; display: inline-block; margin-left: 2%;" /></a> | ||
</div> | </div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</body> | </body> | ||
</html> | </html> |
Latest revision as of 02:33, 19 September 2015
CONTACT US
Email: igemxmu@gmail.com
Website: 2015.igem.org/Team:Amoy
Address: Xiamen University, No. 422, Siming South Road, Xiamen, Fujian, P.R.China 361005