(430 intermediate revisions by 3 users not shown) | |||
Line 1: | Line 1: | ||
{{XMU-China}} | {{XMU-China}} | ||
<html> | <html> | ||
− | |||
<head> | <head> | ||
+ | <link rel="apple-touch-icon" sizes="57x57" | ||
+ | href="https://static.igem.org/mediawiki/2016/9/9d/T--XMU-China--icon-57x57_and_.png"> | ||
+ | <link rel="apple-touch-icon" sizes="60x60" | ||
+ | href="https://static.igem.org/mediawiki/2016/d/de/T--XMU-China--icon-60x60_and_.png"> | ||
+ | <link rel="apple-touch-icon" sizes="72x72" | ||
+ | href="https://static.igem.org/mediawiki/2016/a/a8/T--XMU-China--icon-72x72_and_.png"> | ||
+ | <link rel="apple-touch-icon" sizes="76x76" | ||
+ | href="https://static.igem.org/mediawiki/2016/2/22/T--XMU-China--icon-76x76_and_.png"> | ||
+ | <link rel="apple-touch-icon" sizes="114x114" | ||
+ | href="https://static.igem.org/mediawiki/2016/3/30/T--XMU-China--icon-144x144_and_.png"> | ||
+ | <link rel="apple-touch-icon" sizes="120x120" | ||
+ | href="https://static.igem.org/mediawiki/2016/7/79/T--XMU-China--icon-120x120_and_.png"> | ||
+ | <link rel="apple-touch-icon" sizes="144x144" | ||
+ | href="https://static.igem.org/mediawiki/2016/3/30/T--XMU-China--icon-144x144_and_.png"> | ||
+ | <link rel="apple-touch-icon" sizes="152x152" | ||
+ | href="https://static.igem.org/mediawiki/2016/c/c5/T--XMU-China--icon-152x152_and_.png"> | ||
+ | <link rel="apple-touch-icon" sizes="180x180" | ||
+ | href="https://static.igem.org/mediawiki/2016/7/7c/T--XMU-China--icon-180x180_and_.png"> | ||
+ | <link rel="icon" type="image/png" sizes="192x192" | ||
+ | href="https://static.igem.org/mediawiki/2016/b/bd/T--XMU-China--icon-192x192_and_.png"> | ||
+ | <link rel="icon" type="image/png" sizes="32x32" | ||
+ | href="https://static.igem.org/mediawiki/2016/4/46/T--XMU-China--icon-32x32_and_.png"> | ||
+ | <link rel="icon" type="image/png" sizes="96x96" | ||
+ | href="https://static.igem.org/mediawiki/2016/1/1e/T--XMU-China--icon-96x96_and_.png"> | ||
+ | <link rel="icon" type="image/png" sizes="16x16" | ||
+ | href="https://static.igem.org/mediawiki/2016/6/6c/T--XMU-China--icon-16x16_and_.png"> | ||
+ | <meta name="msapplication-TileImage" | ||
+ | content="https://static.igem.org/mediawiki/2016/9/98/T--XMU-China--icon-114x114_and_.png"> | ||
+ | <meta name="msapplication-TileColor" content="#ffffff"> | ||
+ | <meta name="theme-color" content="#ffffff"> | ||
+ | <meta charset="utf-8"> | ||
+ | <meta http-equiv="X-UA-Compatible" content="IE=edge"> | ||
+ | <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
+ | <script type="text/javascript" src="https://2016.igem.org/Template:XMU-China/css/jQueryJs?action=raw&ctype=text/javascript"></script> | ||
+ | <link rel="stylesheet" href="https://2016.igem.org/Template:XMU-China/css/iconCss?action=raw&ctype=text/css" type="text/css"> | ||
+ | <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script> | ||
+ | <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> | ||
+ | <script src="https://2016.igem.org/Template:XMU-China/css/BootstrapJs?action=raw&ctype=text/javascript"></script> | ||
+ | <link rel="stylesheet" href="https://2016.igem.org/Template:XMU-China/css/clearCss?action=raw&ctype=text/css" type="text/css"> | ||
− | <link rel="stylesheet" type="text/css" href="https://2016.igem.org/Template:XMU-China/css/ | + | <!--modify--> |
+ | <style type="text/css"> | ||
+ | body{ | ||
+ | background:url(https://static.igem.org/mediawiki/2016/7/7b/T--XMU-China--background_and_.jpg); | ||
+ | } | ||
+ | @media (min-width:1024px){ | ||
+ | #big{display:block;} | ||
+ | #medium{display:none;} | ||
+ | #small{display:none;} | ||
+ | .carousel-inner{height:100%;} | ||
+ | .wrapone{height:67%;} | ||
+ | video{width:42%; height:72%;margin-left:24%; margin-top:47px; border:5px solid #000000;} | ||
+ | } | ||
+ | @media (max-width: 767px){ | ||
+ | #big{display:none;} | ||
+ | #medium{display:none;} | ||
+ | #small{display:block;} | ||
+ | .wrapone{height:33.1%;} | ||
+ | .carousel-inner{height:49.4%;} | ||
+ | .carousel-indicators{top:43%;} | ||
+ | #carousel-example-generic{margin-top:10px;} | ||
+ | video{width:41.5%; height:50%;margin-left:24%; margin-top:35px; border:5px solid #000000;} | ||
+ | } | ||
+ | @media screen and (min-width:768px) and (max-width:1023px){ | ||
+ | #big{display:none;} | ||
+ | #medium{display:block;} | ||
+ | #small{display:none;} | ||
+ | .wrapone{height:40.3%;} | ||
+ | .carousel-inner{height:60%;} | ||
+ | .carousel-indicators{top:52%;} | ||
+ | video{width:43%; height:49%;margin-left:24%; margin-top:67px; border:5px solid #000000;} | ||
+ | } | ||
+ | </style> | ||
+ | <link rel="stylesheet" href="https://2016.igem.org/Template:XMU-China/css/buttonCss?action=raw&ctype=text/css" type="text/css"> | ||
+ | <link rel="stylesheet" href="https://2016.igem.org/Template:XMU-China/css/loaderCss?action=raw&ctype=text/css" type="text/css"> | ||
+ | </head> | ||
− | < | + | <body> |
+ | <div id="alert-info" class="alert alert-info" role="alert" style="text-align:center;font-size:20px;line-height:20px;margin-bottom:0;margin-top:8px;display:none;">For best viewing experience, please use modern browser, such as Google Chrome and Safari.<br/><br/><a id="alert-info-close" ><button class="btn btn-info btn-xs" type="button"><h4 style="margin-top:2px;">Close</h4></button> </a></div> | ||
− | </ | + | <div id="section-1" class="wrapone" > |
+ | <img src="https://static.igem.org/mediawiki/2016/2/2f/T--XMU-China--main-igem_and_.png" style="margin-left:18%;padding-top:5%;" width="31%"/> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/5/55/T--XMU-China--main-logo_and_.png" style="margin-left:10%;padding-top:0;" width="27%" /> | ||
+ | </div> | ||
+ | <div id="carousel-example-generic" class="carousel slide" data-ride="carousel data-pause" style="height:67%;"> | ||
− | <style | + | <ol class="carousel-indicators" style="left:2%;margin:0 auto;height:50px;"> |
+ | <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li> | ||
+ | <li data-target="#carousel-example-generic" data-slide-to="1"></li> | ||
+ | <li data-target="#carousel-example-generic" data-slide-to="2"></li> | ||
+ | </ol> | ||
− | + | <div class="carousel-inner" role="listbox" > | |
− | + | <div class="item active"> | |
− | + | <img src="https://static.igem.org/mediawiki/2016/5/5b/T--XMU-China--pic1_and_.jpg" /><div class="carousel-caption"></div> | |
− | + | </div> | |
− | + | ||
− | + | ||
− | + | ||
− | < | + | <div class="item"> |
− | < | + | <img src="https://static.igem.org/mediawiki/2016/0/06/T--XMU-China--pic2_and_.jpg" /><div class="carousel-caption"></div> |
− | < | + | </div> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | </ | + | <div class="item"> |
− | </ | + | <div style="text-align:center; background-color:#dce0c7;height:105%;"> |
+ | <video controls="controls" src="https://static.igem.org/mediawiki/2016/1/1f/T--XMU-China--video_f_and_.mp4"> | ||
+ | your browser don't support html5. | ||
+ | </video> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!-- Left and right controls --> | ||
+ | <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev"> | ||
+ | <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span> | ||
+ | <span class="sr-only">Previous</span> | ||
+ | </a> | ||
+ | <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next"> | ||
+ | <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span> | ||
+ | <span class="sr-only">Next</span> | ||
+ | </a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div id="big" style="margin-top:15px;margin-bottom:5px;"> | ||
+ | <div class="row box1 "> | ||
+ | <div class="col-md-2 link link-project"> | ||
+ | <span class="icon"></span> | ||
+ | <a href="https://2016.igem.org/Team:XMU-China/Description" class="buttonme"> | ||
+ | <span class="line line-top"></span> | ||
+ | <span class="line line-right"></span> | ||
+ | <span class="line line-bottom"></span> | ||
+ | <span class="line line-left"></span> | ||
+ | Project</a> | ||
+ | </div> | ||
− | < | + | <div class="col-md-2 link link-interlab"> |
− | <div | + | <span class="icon"></span> |
− | < | + | <a href="https://2016.igem.org/Team:XMU-China/Parts" class="buttonme"> |
+ | <span class="line line-top"></span> | ||
+ | <span class="line line-right"></span> | ||
+ | <span class="line line-bottom"></span> | ||
+ | <span class="line line-left"></span> | ||
+ | Parts</a> | ||
+ | </div> | ||
+ | |||
+ | <div class="col-md-2 link link-humanpractice"> | ||
+ | <span class="icon"></span> | ||
+ | <a href="https://2016.igem.org/Team:XMU-China/Human_Practices" class="buttonme"> | ||
+ | <span class="line line-top"></span> | ||
+ | <span class="line line-right"></span> | ||
+ | <span class="line line-bottom"></span> | ||
+ | <span class="line line-left"></span> | ||
+ | Practice</a> | ||
+ | </div> | ||
+ | |||
+ | <div class="col-md-2 link link-judging"> | ||
+ | <span class="icon"></span> | ||
+ | <a href="https://2016.igem.org/Team:XMU-China/Safety" class="buttonme"> | ||
+ | <span class="line line-top"></span> | ||
+ | <span class="line line-right"></span> | ||
+ | <span class="line line-bottom"></span> | ||
+ | <span class="line line-left"></span> | ||
+ | Safety</a> | ||
+ | </div> | ||
+ | |||
+ | <div class="col-md-2 link link-notebooks"> | ||
+ | <span class="icon"></span> | ||
+ | <a href="https://2016.igem.org/Team:XMU-China/Notebook" class="buttonme"> | ||
+ | <span class="line line-top"></span> | ||
+ | <span class="line line-right"></span> | ||
+ | <span class="line line-bottom"></span> | ||
+ | <span class="line line-left"></span> | ||
+ | Notebook</a> | ||
+ | </div> | ||
+ | |||
+ | <div class="col-md-2 link link-team"> | ||
+ | <span class="icon"></span> | ||
+ | <a href="https://2016.igem.org/Team:XMU-China/Team" class="buttonme"> | ||
+ | <span class="line line-top"></span> | ||
+ | <span class="line line-right"></span> | ||
+ | <span class="line line-bottom"></span> | ||
+ | <span class="line line-left"></span> | ||
+ | Team</a> | ||
+ | </div> | ||
+ | </div> | ||
</div> | </div> | ||
− | < | + | |
− | + | <!--ipad--> | |
− | + | <div id="medium" style="height:51%;margin-top:-280px;" > | |
− | + | <div class="box1 "> | |
− | + | <div class="row"> | |
− | + | <div class="col-xs-4 link link-project"> | |
− | + | <span class="icon"></span> | |
− | + | <a href="https://2016.igem.org/Team:XMU-China/Description" class="buttonme"> | |
− | + | <span class="line line-top"></span> | |
− | < | + | <span class="line line-right"></span> |
− | + | <span class="line line-bottom"></span> | |
− | <div | + | <span class="line line-left"></span> |
− | < | + | Project</a> |
− | + | </div> | |
− | + | ||
− | + | <div class="col-xs-4 link link-interlab"> | |
− | + | <span class="icon"></span> | |
− | + | <a href="https://2016.igem.org/Team:XMU-China/Parts" class="buttonme"> | |
− | + | <span class="line line-top"></span> | |
− | + | <span class="line line-right"></span> | |
− | + | <span class="line line-bottom"></span> | |
− | < | + | <span class="line line-left"></span> |
− | + | Parts</a> | |
− | + | </div> | |
− | + | ||
− | + | <div class="col-xs-4 link link-humanpractice"> | |
− | </ | + | <span class="icon"></span> |
− | + | <a href="https://2016.igem.org/Team:XMU-China/Human_Practices" class="buttonme"> | |
− | < | + | <span class="line line-top"></span> |
− | < | + | <span class="line line-right"></span> |
− | + | <span class="line line-bottom"></span> | |
− | + | <span class="line line-left"></span> | |
− | + | Practice</a> | |
− | + | </div> | |
− | + | ||
− | + | ||
− | + | ||
− | < | + | |
− | + | ||
− | + | ||
− | + | ||
− | < | + | |
− | + | ||
− | </ | + | |
− | + | ||
</div> | </div> | ||
− | <div class=" | + | <div class="row"> |
− | <div class=" | + | <div class="col-xs-4 link link-judging"> |
− | < | + | <span class="icon"></span> |
− | < | + | <a href="https://2016.igem.org/Team:XMU-China/Safety" class="buttonme"> |
− | < | + | <span class="line line-top"></span> |
− | < | + | <span class="line line-right"></span> |
− | < | + | <span class="line line-bottom"></span> |
− | < | + | <span class="line line-left"></span> |
− | < | + | Safety</a> |
− | < | + | </div> |
− | < | + | |
+ | <div class="col-xs-4 link link-notebooks"> | ||
+ | <span class="icon"></span> | ||
+ | <a href="https://2016.igem.org/Team:XMU-China/Notebook" class="buttonme"> | ||
+ | <span class="line line-top"></span> | ||
+ | <span class="line line-right"></span> | ||
+ | <span class="line line-bottom"></span> | ||
+ | <span class="line line-left"></span> | ||
+ | Notebook</a> | ||
+ | </div> | ||
+ | |||
+ | <div class="col-xs-4 link link-team"> | ||
+ | <span class="icon"></span> | ||
+ | <a href="https://2016.igem.org/Team:XMU-China/Team" class="buttonme"> | ||
+ | <span class="line line-top"></span> | ||
+ | <span class="line line-right"></span> | ||
+ | <span class="line line-bottom"></span> | ||
+ | <span class="line line-left"></span> | ||
+ | Team</a> | ||
+ | </div> | ||
</div> | </div> | ||
− | < | + | </div> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
− | < | + | |
− | < | + | |
+ | <!--iphone--> | ||
+ | <div id="small" > | ||
+ | <div class="box1 " style="margin:20px auto;width:85%;margin-top:-160px;z-index:999;"> | ||
+ | <div class="row"> | ||
+ | <div class="col-xs-6 link link-project"> | ||
+ | <span class="icon"></span> | ||
+ | <a href="https://2016.igem.org/Team:XMU-China/Description" class="buttonme"> | ||
+ | <span class="line line-top"></span> | ||
+ | <span class="line line-right"></span> | ||
+ | <span class="line line-bottom"></span> | ||
+ | <span class="line line-left"></span> | ||
+ | Project</a> | ||
+ | </div> | ||
+ | |||
+ | <div class="col-xs-6 link link-interlab"> | ||
+ | <span class="icon"></span> | ||
+ | <a href="https://2016.igem.org/Team:XMU-China/Parts" class="buttonme"> | ||
+ | <span class="line line-top"></span> | ||
+ | <span class="line line-right"></span> | ||
+ | <span class="line line-bottom"></span> | ||
+ | <span class="line line-left"></span> | ||
+ | Parts</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="row"> | ||
+ | <div class="col-xs-6 link link-humanpractice"> | ||
+ | <span class="icon"></span> | ||
+ | <a href="https://2016.igem.org/Team:XMU-China/Human_Practices" class="buttonme"> | ||
+ | <span class="line line-top"></span> | ||
+ | <span class="line line-right"></span> | ||
+ | <span class="line line-bottom"></span> | ||
+ | <span class="line line-left"></span> | ||
+ | Practice</a> | ||
+ | </div> | ||
+ | |||
+ | <div class="col-xs-6 link link-judging"> | ||
+ | <span class="icon"></span> | ||
+ | <a href="https://2016.igem.org/Team:XMU-China/Safety" class="buttonme"> | ||
+ | <span class="line line-top"></span> | ||
+ | <span class="line line-right"></span> | ||
+ | <span class="line line-bottom"></span> | ||
+ | <span class="line line-left"></span> | ||
+ | Safety</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="row"> | ||
+ | <div class="col-xs-6 link link-notebooks"> | ||
+ | <span class="icon"></span> | ||
+ | <a href="https://2016.igem.org/Team:XMU-China/Notebook" class="buttonme"> | ||
+ | <span class="line line-top"></span> | ||
+ | <span class="line line-right"></span> | ||
+ | <span class="line line-bottom"></span> | ||
+ | <span class="line line-left"></span> | ||
+ | Notebook</a> | ||
+ | </div> | ||
+ | |||
+ | <div class="col-xs-6 link link-team"> | ||
+ | <span class="icon"></span> | ||
+ | <a href="https://2016.igem.org/Team:XMU-China/Team" class="buttonme"> | ||
+ | <span class="line line-top"></span> | ||
+ | <span class="line line-right"></span> | ||
+ | <span class="line line-bottom"></span> | ||
+ | <span class="line line-left"></span> | ||
+ | Team</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
− | |||
</div> | </div> | ||
− | |||
− | |||
+ | <div id="loader"> | ||
+ | <div class="spinner"> | ||
+ | <div class="dot1"></div> | ||
+ | <div class="dot2"></div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <script> | ||
+ | window.onload = function(){ | ||
+ | setTimeout("$('#loader').fadeOut('fast')",5000) | ||
+ | }; | ||
+ | function getOs() | ||
+ | { | ||
+ | var OsObject = ""; | ||
+ | if(navigator.userAgent.indexOf("MSIE")>0) { | ||
+ | return "MSIE"; | ||
+ | } | ||
+ | else if(isFirefox=navigator.userAgent.indexOf("Firefox")>0){ | ||
+ | return "Firefox"; | ||
+ | } | ||
+ | else if(isMozilla=navigator.userAgent.indexOf("Opera")>0){ //这个也被判断为chrome | ||
+ | return "Opera"; | ||
+ | } | ||
+ | else if(isFirefox=navigator.userAgent.indexOf("Chrome")>0){ | ||
+ | return "Chrome"; | ||
+ | } | ||
+ | else if(isSafari=navigator.userAgent.indexOf("Safari")>0) { | ||
+ | return "Safari"; | ||
+ | } | ||
+ | else if(isCamino=navigator.userAgent.indexOf("Camino")>0){ | ||
+ | return "Camino"; | ||
+ | } | ||
+ | else if(isMozilla=navigator.userAgent.indexOf("Gecko/")>0){ | ||
+ | return "Gecko"; | ||
+ | } | ||
+ | else{ | ||
+ | return "MSIE" | ||
+ | } | ||
+ | } | ||
+ | var browser = getOs(); | ||
+ | if( browser == "MSIE" ){ | ||
+ | $("#alert-info").css("display","block"); | ||
+ | } | ||
+ | $("#alert-info-close").click(function(){ | ||
+ | $("#alert-info").fadeOut(); | ||
+ | }); | ||
+ | </script> | ||
+ | <script type="text/javascript" src="https://2016.igem.org/Template:XMU-China/css/CarouselJs?action=raw&ctype=text/javascript"></script> | ||
+ | <script type="text/javascript" src="https://2016.igem.org/Template:XMU-China/css/iconJs?action=raw&ctype=text/javascript"></script> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | </body> | ||
</html> | </html> |
Latest revision as of 02:42, 20 October 2016