(Prototype team page) |
|||
Line 1: | Line 1: | ||
− | |||
− | |||
<html> | <html> | ||
+ | |||
+ | <head> | ||
+ | <meta charset="UTF-8"> | ||
+ | <meta http-equiv="X-UA-Compatible" content="IE=edge"> | ||
+ | <meta name="renderer" content="webkit"> | ||
+ | <title>Attributions</title> | ||
+ | <link rel="stylesheet" href="https://2017.igem.org/Team:HUST-China/css/bootstrap?action=raw&ctype=text/css"> | ||
+ | <script type="text/javascript" src="https://2017.igem.org/Team:HUST-China/js/bootstrap?action=raw&ctype=text/javascript"></script> | ||
+ | <script type="text/javascript" src="https://2017.igem.org/Team:HUST-China/js/jquery?action=raw&ctype=text/javascript"></script> | ||
+ | <link href="https://2017.igem.org/Team:HUST-China/css/return_top?action=raw&ctype=text/css" rel="stylesheet" type="text/css" /> | ||
+ | <script type="text/javascript" src="https://2017.igem.org/Team:HUST-China/js/return_top_jquery?action=raw&ctype=text/javascript"></script> | ||
+ | <script src="https://2017.igem.org/Team:HUST-China/js/return_top_script?action=raw&ctype=text/javascript" type="text/javascript"></script> | ||
+ | |||
+ | |||
+ | <style> | ||
+ | *{ padding:0px; margin:0px;} | ||
+ | img{ border:none;} | ||
+ | ul,li{ list-style:none;} | ||
+ | .box li{ width:190px; height:114px; margin-right:10px; float:left; overflow:hidden; position:relative;} | ||
+ | .toll_img{ width:190px; height:114px;} | ||
+ | .toll_info{ height:114px; background:#EEE; vertical-align:middle;display:table-cell;} | ||
+ | .box li p{ padding:10px; font:normal 13px/24px '微软雅黑'; cursor:pointer;} | ||
+ | .box li a{ color:#666; text-decoration:none; position:absolute; top:0; left:0;} | ||
+ | </style> | ||
+ | <script type="javascript/text"> | ||
+ | $(document).ready(function(){ | ||
+ | $('.box a').mouseover(function(){ | ||
+ | $(this).stop().animate({"top":"-114px"}, 200); | ||
+ | }) | ||
+ | $('.box a').mouseout(function(){ | ||
+ | $(this).stop().animate({"top":"0"}, 200); | ||
+ | }) | ||
+ | }) | ||
+ | |||
+ | |||
+ | |||
+ | </script> | ||
+ | <script> | ||
+ | if ($('.firstHeading')) $('.firstHeading').remove(); | ||
+ | </script> | ||
+ | <style> | ||
+ | html { | ||
+ | overflow-x: hidden; | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | .banner-top { | ||
+ | margin-left: 15%; | ||
+ | } | ||
+ | |||
+ | #igem_home_logo { | ||
+ | width: 100%; | ||
+ | margin-top: 80px; | ||
+ | } | ||
+ | |||
+ | @media (min-width: 992px) { | ||
+ | .work-content .col-md-4 { | ||
+ | width: 25%; | ||
+ | margin-right: 8%; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .carousel-control.left, | ||
+ | .carousel-control.right { | ||
+ | background-image: none; | ||
+ | padding-top: 18%; | ||
+ | } | ||
+ | |||
+ | .carousel-indicators li { | ||
+ | background-color: #fff; | ||
+ | border: 1px solid #a94442; | ||
+ | } | ||
+ | |||
+ | .carousel-indicators li.active { | ||
+ | background-color: #f0ad4e; | ||
+ | } | ||
+ | |||
+ | #contentSub, | ||
+ | #contentcontainer, | ||
+ | #footer-box, | ||
+ | #sitesub, | ||
+ | #catlinks, | ||
+ | #search-controls, | ||
+ | #p-logo, | ||
+ | .h3, | ||
+ | .printfooter, | ||
+ | .firstHeading, | ||
+ | .visualClear { | ||
+ | display: none; | ||
+ | box-sizing: content-box; | ||
+ | } | ||
+ | |||
+ | #sideMenu, | ||
+ | #top_title { | ||
+ | display: none; | ||
+ | box-sizing: content-box; | ||
+ | } | ||
+ | |||
+ | #sideMenu .mainMenu_toggle, | ||
+ | #sideMenu .mainMenu_Title, | ||
+ | #sideMenu .sideMenuTitle, | ||
+ | #sideMenu .expand_subMenus { | ||
+ | box-sizing: content-box; | ||
+ | } | ||
+ | |||
+ | #bodyContent h1, | ||
+ | #bodyContent h2, | ||
+ | #bodyContent h3, | ||
+ | #bodyContent h4, | ||
+ | #bodyContent h5 { | ||
+ | margin-bottom: 0px; | ||
+ | } | ||
+ | |||
+ | #search_text { | ||
+ | color: #000; | ||
+ | } | ||
+ | |||
+ | #globalWrapper, | ||
+ | #content { | ||
+ | position: absolute; | ||
+ | left: 0; | ||
+ | right: 0; | ||
+ | top: 0; | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | border: 0px; | ||
+ | background-color: transparent; | ||
+ | margin: 0px; | ||
+ | padding: 0px; | ||
+ | } | ||
+ | |||
+ | @media (min-width: 1200px) { | ||
+ | .container-fluid .container { | ||
+ | width: 969px; | ||
+ | /* margin-left: 300px; */ | ||
+ | } | ||
+ | .head-container { | ||
+ | width: 1170px; | ||
+ | } | ||
+ | } | ||
+ | /* article */ | ||
+ | |||
+ | .text-content article p { | ||
+ | text-indent: 20px; | ||
+ | margin: 10px 0; | ||
+ | font-size: 15px; | ||
+ | line-height: 24px; | ||
+ | } | ||
+ | |||
+ | .text-content article img { | ||
+ | width: 80%; | ||
+ | padding-left: 20%; | ||
+ | /* margin-left: 20%; */ | ||
+ | } | ||
+ | /* .mw-content-ltr ol{ | ||
+ | margin:0; | ||
+ | } */ | ||
+ | |||
+ | ol.carousel-indicators { | ||
+ | position: absolute; | ||
+ | bottom: 10px; | ||
+ | left: 50%; | ||
+ | z-index: 15; | ||
+ | width: 60%; | ||
+ | padding-left: 0; | ||
+ | margin-left: -30%; | ||
+ | text-align: center; | ||
+ | list-style: none; | ||
+ | } | ||
+ | |||
+ | |||
+ | @charset "utf-8"; | ||
+ | body { | ||
+ | font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei UI", "Microsoft YaHei", SimHei, "\5B8B\4F53", simsun, sans-serif; | ||
+ | color: #666; | ||
+ | width:100%; | ||
+ | } | ||
+ | .logo { | ||
+ | padding:0; | ||
+ | } | ||
+ | |||
+ | #myCarousel { | ||
+ | margin: 50px 0 0 0; | ||
+ | } | ||
+ | #navbar-collapse ul { | ||
+ | margin-top:0; | ||
+ | } | ||
+ | .carousel-inner img { | ||
+ | margin: 0 auto; | ||
+ | } | ||
+ | /*.carousel-control { | ||
+ | font-size: 100px; | ||
+ | }*/ | ||
+ | .tab-h1 { | ||
+ | width:100%; | ||
+ | font-size: 30px; | ||
+ | text-align: center; | ||
+ | letter-spacing: 1px; | ||
+ | color: #ffffff; | ||
+ | background-color:#97477c; | ||
+ | padding: 30px; | ||
+ | margin: 0; | ||
+ | } | ||
+ | |||
+ | .tab-p { | ||
+ | font-size: 20px; | ||
+ | text-align: center; | ||
+ | letter-spacing: 1px; | ||
+ | color: #999; | ||
+ | margin: 20px 0 40px 0; | ||
+ | } | ||
+ | |||
+ | .container-fluid{ | ||
+ | width:100%; | ||
+ | } | ||
+ | |||
+ | .tab1 { | ||
+ | width:100%; | ||
+ | margin: 0 0; | ||
+ | color: #666; | ||
+ | background:#333; | ||
+ | } | ||
+ | |||
+ | .tab1 .text-muted { | ||
+ | color: #999; | ||
+ | text-decoration: line-through; | ||
+ | } | ||
+ | .tab1 .media-heading { | ||
+ | margin: 5px 0 20px 0; | ||
+ | } | ||
+ | .tab1 .col { | ||
+ | padding: 20px; | ||
+ | } | ||
+ | |||
+ | .text span{ | ||
+ | color: #97477c; | ||
+ | } | ||
+ | .text p { | ||
+ | font-size: 14px; | ||
+ | } | ||
+ | #footer { | ||
+ | background-color: #eee; | ||
+ | border-top: 1px solid #ccc; | ||
+ | padding: 20px; | ||
+ | text-align: center; | ||
+ | } | ||
+ | .text h4{ | ||
+ | padding: 5px 10px; | ||
+ | } | ||
+ | .text p{ | ||
+ | padding: 2px 10px; | ||
+ | } | ||
+ | .text h5{ | ||
+ | padding: 3px 10px; | ||
+ | } | ||
+ | .dropdown button{ | ||
+ | margin: 2px 20px; | ||
+ | } | ||
+ | /*没有小于768px,是因为Bootstrap3以移动端优先设计*/ | ||
+ | |||
+ | /* 小屏幕(平板,大于等于768px) */ | ||
+ | @media (min-width: 768px) { | ||
+ | .tab-h1 { | ||
+ | font-size: 26px; | ||
+ | } | ||
+ | .tab-p { | ||
+ | font-size: 16px; | ||
+ | } | ||
+ | .text h3 { | ||
+ | font-size: 22px; | ||
+ | } | ||
+ | .text p { | ||
+ | font-size: 10px; | ||
+ | text-indent: 20px; | ||
+ | } | ||
+ | .tab2-text { | ||
+ | float: left; | ||
+ | } | ||
+ | .tab2-img { | ||
+ | float: right; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | /* 中等屏幕(桌面显示器,大于等于992px) */ | ||
+ | @media (min-width: 992px) { | ||
+ | .tab-h1 { | ||
+ | font-size: 28px; | ||
+ | } | ||
+ | .tab-p { | ||
+ | font-size: 17px; | ||
+ | } | ||
+ | .text h3 { | ||
+ | font-size: 24px; | ||
+ | } | ||
+ | .text p { | ||
+ | font-size: 12px; | ||
+ | text-indent: 24px; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | /* 大屏幕(大桌面显示器,大于等于1200px) */ | ||
+ | @media (min-width: 1200px) { | ||
+ | .tab-h1 { | ||
+ | font-size: 30px; | ||
+ | } | ||
+ | .tab-p { | ||
+ | font-size: 18px; | ||
+ | } | ||
+ | .text h3 { | ||
+ | font-size: 26px; | ||
+ | } | ||
+ | .text p { | ||
+ | font-size: 14px; | ||
+ | text-indent: 28px; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | |||
+ | body { | ||
+ | position: relative; | ||
+ | } | ||
+ | ul.nav-pills { | ||
+ | top: 200px; | ||
+ | position: fixed; | ||
+ | } | ||
+ | ul.nav-pills2 { | ||
+ | bottom:50px; | ||
+ | position: fixed; | ||
+ | } | ||
+ | div.col-sm-10 div { | ||
+ | min-height: 10px; | ||
+ | font-size: 14px; | ||
+ | text-indent: 28px; | ||
+ | color:#0f0f0f; | ||
+ | } | ||
+ | |||
+ | @media screen and (max-width: 810px) { | ||
+ | #section1, #section2, #section3, #section4, #section5 { | ||
+ | background-color: #eee; color:#171717; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | </style> | ||
+ | |||
+ | <style type="text/css"> | ||
+ | |||
+ | *{ padding:0px; margin:0px; } | ||
+ | body{ background:#D5DEE7; } | ||
+ | a{ color:#C8DCE5; } | ||
+ | h3{ margin: 10px 10px 0 10px; color:#FFF; font:18pt Arial, sans-serif; letter-spacing:-1px; font-weight: bold; } | ||
+ | |||
+ | |||
+ | .boxgrid{ | ||
+ | width: 240px; | ||
+ | height: 320px; | ||
+ | margin:14px; | ||
+ | float:left; | ||
+ | background:#161613; | ||
+ | border: solid 2px #8399AF; | ||
+ | overflow: hidden; | ||
+ | position: relative; | ||
+ | } | ||
+ | .boxgrid img{ | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | left: 0; | ||
+ | border: 0; | ||
+ | } | ||
+ | .boxgrid p{ | ||
+ | padding: 0 10px; | ||
+ | color:#afafaf; | ||
+ | font-weight:bold; | ||
+ | font:10pt "Lucida Grande", Arial, sans-serif; | ||
+ | } | ||
+ | |||
+ | .boxcaption{ | ||
+ | float: left; | ||
+ | position: absolute; | ||
+ | background: #000; | ||
+ | height: 120px; | ||
+ | width: 100%; | ||
+ | opacity: .8; | ||
+ | /* For IE 5-7 */ | ||
+ | filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); | ||
+ | /* For IE 8 */ | ||
+ | -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; | ||
+ | } | ||
+ | .captionfull .boxcaption { | ||
+ | top: 260; | ||
+ | left: 0; | ||
+ | } | ||
+ | .caption .boxcaption { | ||
+ | top: 220; | ||
+ | left: 0; | ||
+ | } | ||
+ | |||
+ | </style> | ||
+ | |||
+ | <script type="text/javascript" src="js/jquery-1.3.1.js"></script> | ||
+ | <script type="text/javascript"> | ||
+ | $(document).ready(function(){ | ||
+ | //To switch directions up/down and left/right just place a "-" in front of the top/left attribute | ||
+ | //Caption Sliding (Partially Hidden to Visible) | ||
+ | $('.boxgrid.caption').hover(function(){ | ||
+ | $(".cover", this).stop().animate({top:'200px'},{queue:false,duration:200}); | ||
+ | }, function() { | ||
+ | $(".cover", this).stop().animate({top:'280px'},{queue:false,duration:200}); | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
+ | |||
+ | |||
+ | </head> | ||
+ | |||
+ | <body data-spy="scroll" data-target="#myScrollspy" data-offset="20" style="height:auto;"> | ||
+ | <nav class="navbar navbar-default navbar-fixed-top" style="margin-top:15px"> | ||
+ | <div class="container"> | ||
+ | |||
+ | <div class="navbar-header"> | ||
+ | <a href="https://2017.igem.org/Team:HUST-China" class="navbar-brand logo" style="padding:0 5px;"><img src="https://static.igem.org/mediawiki/2017/6/64/Team_HUST_China_2017_logo.png" alt="HUST_iGEM_2017_logo"></a> | ||
+ | <a href="https://2017.igem.org" class="navbar-brand logo" style="padding:0 5px;"><img src="https://static.igem.org/mediawiki/2017/f/f6/IGEM_2017_logo.png" alt="HUST_iGEM_2017_logo"></a> | ||
+ | <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse"> | ||
+ | <span class="glyphicon glyphicon-list"></span> | ||
+ | </button> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <div class="collapse navbar-collapse" id="navbar-collapse"> | ||
+ | <ul class="nav navbar-nav navbar-right"> | ||
+ | |||
+ | |||
+ | |||
+ | <li><a href="https://2017.igem.org/Team:HUST-China">HOME</a></li> | ||
+ | <li class="dropdown"> | ||
+ | <a href="#" class="dropdown-toggle" data-toggle="dropdown"> | ||
+ | PROJECT <b class="caret"></b> | ||
+ | </a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li><a href="https://2017.igem.org/Team:HUST-China/project/background">Background</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:HUST-China/Description">Description</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:HUST-China/Safety">Safety</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="dropdown"> | ||
+ | <a href="#" class="dropdown-toggle" data-toggle="dropdown"> | ||
+ | WETLAB <b class="caret"></b> | ||
+ | </a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li><a href="https://2017.igem.org/Team:HUST-China/Experiments">Experiments</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:HUST-China/Results">Results</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:HUST-China/InterLab">Interlab</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:HUST-China/Notebook">Notebook</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:HUST-China/wetlab/protocols">Protocols</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="dropdown"> | ||
+ | <a href="https://2017.igem.org/Team:HUST-China/Modeling" > | ||
+ | MODELING | ||
+ | </a> | ||
+ | </li> | ||
+ | <li class="dropdown"> | ||
+ | <a href="https://2017.igem.org/Team:HUST-China/Parts"> | ||
+ | PARTS | ||
+ | </a> | ||
+ | </li> | ||
+ | <li class="dropdown"> | ||
+ | <a href="https://2017.igem.org/Team:HUST-China/Human_Practices"> | ||
+ | HUMAN PRACTICES | ||
+ | </a> | ||
+ | </li> | ||
+ | <li class="dropdown active"> | ||
+ | <a href="#" class="dropdown-toggle" data-toggle="dropdown"> | ||
+ | TEAM <b class="caret"></b> | ||
+ | </a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li><a href="https://2017.igem.org/Team:HUST-China/Team">Team Roster</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:HUST-China/Attributions">Attributions</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | |||
+ | |||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | </nav> | ||
+ | |||
+ | |||
+ | <div class="tab1" style="width:100%;margin-top: 65px;"> | ||
+ | <h1 class="tab-h1" ><strong>「Team Roster」</strong></h1> | ||
+ | </div> | ||
+ | |||
+ | <div class="container-fluid text"> | ||
+ | <div class="row"> | ||
+ | <nav class="col-sm-10 col-sm-offset-1" id="myScrollspy"> | ||
+ | <h3 style="color:#97477c ;border-bottom:solid 1px #333; padding:20px;letter-spacing:1px;margin-top:0;text-align: center;">Advisors</h3> | ||
+ | <div class="boxgrid caption"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/9/9c/2017_HUST_China_shaoyuanzhe.png"/ class="img-responsive center-block"> | ||
+ | <div class="cover boxcaption"> | ||
+ | <h3>Yuanzhe Shao</h3> | ||
+ | <p>student leader</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="boxgrid caption"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/9/9c/2017_HUST_China_shaoyuanzhe.png" class="img-responsive center-block"/> | ||
+ | <div class="cover boxcaption"> | ||
+ | <h3>Kamil Smala</h3> | ||
+ | <p>Artist<br/><a href="#" target="_BLANK">More Work</a></p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="boxgrid caption"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/9/9c/2017_HUST_China_shaoyuanzhe.png"/ class="img-responsive center-block"> | ||
+ | <div class="cover boxcaption"> | ||
+ | <h3>Yuanzhe Shao</h3> | ||
+ | <p>student leader</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="boxgrid caption"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/9/9c/2017_HUST_China_shaoyuanzhe.png" class="img-responsive center-block"/> | ||
+ | <div class="cover boxcaption"> | ||
+ | <h3>Kamil Smala</h3> | ||
+ | <p>Artist<br/><a href="#" target="_BLANK">More Work</a></p> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <h3 style="color:#97477c ;border-bottom:solid 1px #333; padding:10px;letter-spacing:1px;margin-top:0;text-align: center;">Our Team</h3> | ||
+ | |||
+ | |||
+ | <div class="boxgrid caption"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/9/9c/2017_HUST_China_shaoyuanzhe.png"/ class="img-responsive center-block"> | ||
+ | <div class="cover boxcaption"> | ||
+ | <h3>Yuanzhe Shao</h3> | ||
+ | <p>student leader</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="boxgrid caption"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/9/9c/2017_HUST_China_shaoyuanzhe.png" class="img-responsive center-block"/> | ||
+ | <div class="cover boxcaption"> | ||
+ | <h3>Kamil Smala</h3> | ||
+ | <p>Artist<br/><a href="#" target="_BLANK">More Work</a></p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="boxgrid caption"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/9/9c/2017_HUST_China_shaoyuanzhe.png"/ class="img-responsive center-block"> | ||
+ | <div class="cover boxcaption"> | ||
+ | <h3>Yuanzhe Shao</h3> | ||
+ | <p>student leader</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="boxgrid caption"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/9/9c/2017_HUST_China_shaoyuanzhe.png" class="img-responsive center-block"/> | ||
+ | <div class="cover boxcaption"> | ||
+ | <h3>Kamil Smala</h3> | ||
+ | <p>Artist<br/><a href="#" target="_BLANK">More Work</a></p> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <div class="boxgrid caption"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/9/9c/2017_HUST_China_shaoyuanzhe.png"/ class="img-responsive center-block"> | ||
+ | <div class="cover boxcaption"> | ||
+ | <h3>Yuanzhe Shao</h3> | ||
+ | <p>student leader</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="boxgrid caption"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/9/9c/2017_HUST_China_shaoyuanzhe.png" class="img-responsive center-block"/> | ||
+ | <div class="cover boxcaption"> | ||
+ | <h3>Kamil Smala</h3> | ||
+ | <p>Artist<br/><a href="#" target="_BLANK">More Work</a></p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="boxgrid caption"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/9/9c/2017_HUST_China_shaoyuanzhe.png"/ class="img-responsive center-block"> | ||
+ | <div class="cover boxcaption"> | ||
+ | <h3>Yuanzhe Shao</h3> | ||
+ | <p>student leader</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="boxgrid caption"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/9/9c/2017_HUST_China_shaoyuanzhe.png" class="img-responsive center-block"/> | ||
+ | <div class="cover boxcaption"> | ||
+ | <h3>Kamil Smala</h3> | ||
+ | <p>Artist<br/><a href="#" target="_BLANK">More Work</a></p> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <div class="boxgrid caption"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/9/9c/2017_HUST_China_shaoyuanzhe.png"/ class="img-responsive center-block"> | ||
+ | <div class="cover boxcaption"> | ||
+ | <h3>Yuanzhe Shao</h3> | ||
+ | <p>student leader</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="boxgrid caption"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/9/9c/2017_HUST_China_shaoyuanzhe.png" class="img-responsive center-block"/> | ||
+ | <div class="cover boxcaption"> | ||
+ | <h3>Kamil Smala</h3> | ||
+ | <p>Artist<br/><a href="#" target="_BLANK">More Work</a></p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="boxgrid caption"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/9/9c/2017_HUST_China_shaoyuanzhe.png"/ class="img-responsive center-block"> | ||
+ | <div class="cover boxcaption"> | ||
+ | <h3>Yuanzhe Shao</h3> | ||
+ | <p>student leader</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="boxgrid caption"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/9/9c/2017_HUST_China_shaoyuanzhe.png" class="img-responsive center-block"/> | ||
+ | <div class="cover boxcaption"> | ||
+ | <h3>Kamil Smala</h3> | ||
+ | <p>Artist<br/><a href="#" target="_BLANK">More Work</a></p> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | <div class="boxgrid caption"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/9/9c/2017_HUST_China_shaoyuanzhe.png"/ class="img-responsive center-block"> | ||
+ | <div class="cover boxcaption"> | ||
+ | <h3>Yuanzhe Shao</h3> | ||
+ | <p>student leader</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="boxgrid caption"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/9/9c/2017_HUST_China_shaoyuanzhe.png" class="img-responsive center-block"/> | ||
+ | <div class="cover boxcaption"> | ||
+ | <h3>Kamil Smala</h3> | ||
+ | <p>Artist<br/><a href="#" target="_BLANK">More Work</a></p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="boxgrid caption"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/9/9c/2017_HUST_China_shaoyuanzhe.png"/ class="img-responsive center-block"> | ||
+ | <div class="cover boxcaption"> | ||
+ | <h3>Yuanzhe Shao</h3> | ||
+ | <p>student leader</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="boxgrid caption"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/9/9c/2017_HUST_China_shaoyuanzhe.png" class="img-responsive center-block"/> | ||
+ | <div class="cover boxcaption"> | ||
+ | <h3>Kamil Smala</h3> | ||
+ | <p>Artist<br/><a href="#" target="_BLANK">More Work</a></p> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <div class="boxgrid caption"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/9/9c/2017_HUST_China_shaoyuanzhe.png"/ class="img-responsive center-block"> | ||
+ | <div class="cover boxcaption"> | ||
+ | <h3>Yuanzhe Shao</h3> | ||
+ | <p>student leader</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="boxgrid caption"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/9/9c/2017_HUST_China_shaoyuanzhe.png" class="img-responsive center-block"/> | ||
+ | <div class="cover boxcaption"> | ||
+ | <h3>Kamil Smala</h3> | ||
+ | <p>Artist<br/><a href="#" target="_BLANK">More Work</a></p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="boxgrid caption"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/9/9c/2017_HUST_China_shaoyuanzhe.png"/ class="img-responsive center-block"> | ||
+ | <div class="cover boxcaption"> | ||
+ | <h3>Yuanzhe Shao</h3> | ||
+ | <p>student leader</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="boxgrid caption"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/9/9c/2017_HUST_China_shaoyuanzhe.png" class="img-responsive center-block"/> | ||
+ | <div class="cover boxcaption"> | ||
+ | <h3>Kamil Smala</h3> | ||
+ | <p>Artist<br/><a href="#" target="_BLANK">More Work</a></p> | ||
+ | </div> | ||
+ | </div> | ||
− | < | + | <h3 style="color:#97477c ;border-bottom:solid 1px #333; padding:10px;letter-spacing:1px;margin-top:0;text-align: center;">We are together</h3> |
+ | <img style="width: 100%; height:auto; display: block; padding:20px; " src="https://static.igem.org/mediawiki/2017/4/44/Vedio_first_image.png" /> | ||
− | |||
− | |||
− | |||
− | + | </nav> | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | </div> | + | <nav class="col-sm-1" id="myScrollspy2.0"> |
+ | <div class="container-fluid"> | ||
+ | <div class="collapse navbar-collapse" id="navbar-collapse"> | ||
+ | <ul class="nav nav-pills2 nav-stacked"> | ||
+ | <li class="active"> | ||
+ | <div style="display:none;" id="rocket-to-top"> | ||
+ | <div style="opacity:0;display:block;" class="level-2"></div> | ||
+ | <div class="level-3"></div> | ||
+ | </div> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | </nav> | ||
− | <div | + | </div> |
− | + | </div> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | </div> | + | |
+ | <footer id="footer"> | ||
+ | <div class="container" style="text-align: left"> | ||
+ | <h3 style="color:#333"><strong>Acknowledgments:</strong></h3> | ||
+ | <img style="max-width: 100%; height:auto; display: block " src="https://static.igem.org/mediawiki/2017/8/88/2017_HUST_China_seven_logo.png" /> | ||
+ | </div> | ||
+ | </footer> | ||
+ | <script type="text/javascript"> | ||
+ | </script> | ||
+ | </body> | ||
− | |||
</html> | </html> |
Revision as of 03:38, 28 October 2017