|
|
Line 20: |
Line 20: |
| </head> | | </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">
| |
− | <ul>
| |
− | <li><a href="#"><img src="https://static.igem.org/mediawiki/2015/f/fa/Amoy-Home_Scroll_bg1.jpg" alt="123" title="" /></a></li>
| |
− | <li><a href="#"><img src="https://static.igem.org/mediawiki/2015/e/eb/Amoy-Home_pic1.JPG" alt="456" title="" /></a></li>
| |
− | <li><a href="#"><img src="https://static.igem.org/mediawiki/2015/2/22/Amoy-Home_pic3.jpg" alt="789" title="" /></a></li>
| |
− | </ul>
| |
− | </div>
| |
− |
| |
− | <!--little pic-->
| |
− | <div class="ws_bullets">
| |
− | <div>
| |
− | <a href="#"><img src="https://static.igem.org/mediawiki/2015/a/a8/Amoy-Home_pic0_s.jpg" alt="CSS3 Slider" /></a>
| |
− | <a href="#"><img src="https://static.igem.org/mediawiki/2015/0/0c/Amoy-Home_pic1_s.jpg" alt="CSS Slideshow" /></a>
| |
− | <a href="#"><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/3/31/Amoy-Home_Video.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/8/8e/Amoy-Home_Title_pic3.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/49/Amoy-Home_Content_bg22.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="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>
| |
− |
| |
− | <!--end content-->
| |
− | </div>
| |
− |
| |
− | <!--footer-->
| |
− | <div style="width: 100%; background: #2a2a2a; padding-top: 10px; padding-bottom: 25px;">
| |
− | <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="font-size: 16px; color: #fff; border-bottom: 1px solid #fff; padding-bottom: 5px;">CONTACT US</p>
| |
− | <p style="font-size: 14px; color: #fff; margin-top: 5px;"><strong>Email: </strong>igemxmu@gmail.com</p>
| |
− | <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 style="font-size: 14px; color: #fff;"><strong>Address: </strong>Xiamen University, No. 422, Siming South Road, Xiamen, Fujian, P.R.China 361005</p>
| |
− | </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>
| |
− |
| |
− |
| |
− | </body>
| |
| </html> | | </html> |