(404 intermediate revisions by 2 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 charset="utf-8"> | ||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> | <meta http-equiv="X-UA-Compatible" content="IE=edge"> | ||
<meta name="viewport" content="width=device-width, initial-scale=1"> | <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> | <script type="text/javascript" src="https://2016.igem.org/Template:XMU-China/css/jQueryJs?action=raw&ctype=text/javascript"></script> | ||
− | <link rel="stylesheet | + | <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/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://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> | <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" href="https://2016.igem.org/Template:XMU-China/css/clearCss?action=raw&ctype=text/css" type="text/css"> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | <!--modify--> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | <!-- | + | |
<style type="text/css"> | <style type="text/css"> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
body{ | body{ | ||
background:url(https://static.igem.org/mediawiki/2016/7/7b/T--XMU-China--background_and_.jpg); | background:url(https://static.igem.org/mediawiki/2016/7/7b/T--XMU-China--background_and_.jpg); | ||
} | } | ||
− | @media | + | @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 (max-width: | + | @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> | </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/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> | </head> | ||
<body> | <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="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> | ||
− | <div id="carousel-example-generic" class="carousel slide" data-ride="carousel" style="height: | + | <div id="carousel-example-generic" class="carousel slide" data-ride="carousel data-pause" style="height:67%;"> |
− | < | + | |
− | < | + | <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="carousel-inner" role="listbox" > |
<div class="item active"> | <div class="item active"> | ||
− | <img src="https://static.igem.org/mediawiki/2016/5/5b/T--XMU-China--pic1_and_.jpg" /><div class="carousel-caption" | + | <img src="https://static.igem.org/mediawiki/2016/5/5b/T--XMU-China--pic1_and_.jpg" /><div class="carousel-caption"></div> |
</div> | </div> | ||
<div class="item"> | <div class="item"> | ||
− | <img src="https://static.igem.org/mediawiki/2016/0/06/T--XMU-China--pic2_and_.jpg" /><div class="carousel-caption" | + | <img src="https://static.igem.org/mediawiki/2016/0/06/T--XMU-China--pic2_and_.jpg" /><div class="carousel-caption"></div> |
</div> | </div> | ||
<div class="item"> | <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> | ||
+ | </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> | ||
− | <a class="left | + | <div class="col-md-2 link link-interlab"> |
− | <span class=" | + | <span class="icon"></span> |
− | <span class=" | + | <a href="https://2016.igem.org/Team:XMU-China/Parts" class="buttonme"> |
− | </a> | + | <span class="line line-top"></span> |
− | <a class="right | + | <span class="line line-right"></span> |
− | <span class=" | + | <span class="line line-bottom"></span> |
− | <span class=" | + | <span class="line line-left"></span> |
− | </a> | + | 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 class=" | + | <div id="medium" style="height:51%;margin-top:-280px;" > |
− | <div class=" | + | <div class="box1 "> |
− | <div class="link link-project"> | + | <div class="row"> |
+ | <div class="col-xs-4 link link-project"> | ||
<span class="icon"></span> | <span class="icon"></span> | ||
− | <a href="https://2016.igem.org/Team:XMU-China/ | + | <a href="https://2016.igem.org/Team:XMU-China/Description" class="buttonme"> |
<span class="line line-top"></span> | <span class="line line-top"></span> | ||
<span class="line line-right"></span> | <span class="line line-right"></span> | ||
Line 211: | Line 198: | ||
<span class="line line-left"></span> | <span class="line line-left"></span> | ||
Project</a> | Project</a> | ||
− | |||
</div> | </div> | ||
− | + | ||
− | <div class="col- | + | <div class="col-xs-4 link link-interlab"> |
− | + | ||
<span class="icon"></span> | <span class="icon"></span> | ||
− | <a href="https://2016.igem.org/Team:XMU-China/ | + | <a href="https://2016.igem.org/Team:XMU-China/Parts" class="buttonme"> |
<span class="line line-top"></span> | <span class="line line-top"></span> | ||
<span class="line line-right"></span> | <span class="line line-right"></span> | ||
Line 223: | Line 208: | ||
<span class="line line-left"></span> | <span class="line line-left"></span> | ||
Parts</a> | Parts</a> | ||
− | |||
− | |||
</div> | </div> | ||
− | <div class="col- | + | |
− | + | <div class="col-xs-4 link link-humanpractice"> | |
<span class="icon"></span> | <span class="icon"></span> | ||
− | <a href="https://2016.igem.org/Team:XMU-China/ | + | <a href="https://2016.igem.org/Team:XMU-China/Human_Practices" class="buttonme"> |
<span class="line line-top"></span> | <span class="line line-top"></span> | ||
<span class="line line-right"></span> | <span class="line line-right"></span> | ||
<span class="line line-bottom"></span> | <span class="line line-bottom"></span> | ||
<span class="line line-left"></span> | <span class="line line-left"></span> | ||
− | Practice</a> | + | Practice</a> |
− | + | ||
</div> | </div> | ||
− | + | </div> | |
− | + | <div class="row"> | |
− | + | <div class="col-xs-4 link link-judging"> | |
<span class="icon"></span> | <span class="icon"></span> | ||
− | <a href="https://2016.igem.org/Team:XMU-China/ | + | <a href="https://2016.igem.org/Team:XMU-China/Safety" class="buttonme"> |
<span class="line line-top"></span> | <span class="line line-top"></span> | ||
<span class="line line-right"></span> | <span class="line line-right"></span> | ||
Line 247: | Line 229: | ||
<span class="line line-left"></span> | <span class="line line-left"></span> | ||
Safety</a> | Safety</a> | ||
− | |||
− | |||
</div> | </div> | ||
− | + | ||
− | + | <div class="col-xs-4 link link-notebooks"> | |
<span class="icon"></span> | <span class="icon"></span> | ||
<a href="https://2016.igem.org/Team:XMU-China/Notebook" class="buttonme"> | <a href="https://2016.igem.org/Team:XMU-China/Notebook" class="buttonme"> | ||
Line 259: | Line 239: | ||
<span class="line line-left"></span> | <span class="line line-left"></span> | ||
Notebook</a> | Notebook</a> | ||
− | |||
− | |||
</div> | </div> | ||
− | + | ||
− | + | <div class="col-xs-4 link link-team"> | |
<span class="icon"></span> | <span class="icon"></span> | ||
<a href="https://2016.igem.org/Team:XMU-China/Team" class="buttonme"> | <a href="https://2016.igem.org/Team:XMU-China/Team" class="buttonme"> | ||
Line 271: | Line 249: | ||
<span class="line line-left"></span> | <span class="line line-left"></span> | ||
Team</a> | Team</a> | ||
− | + | </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> | ||
+ | |||
+ | <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> | </div> | ||
− | <script> | + | <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 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() | function getOs() | ||
{ | { | ||
Line 315: | Line 375: | ||
}); | }); | ||
</script> | </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> | </body> | ||
</html> | </html> |
Latest revision as of 02:42, 20 October 2016