|
|
| Line 25: |
Line 25: |
| | width:auto; | | width:auto; |
| | margin: 50px auto 150px; | | margin: 50px auto 150px; |
| | + | margin-left:50%; |
| | } | | } |
| | .nav-menu > li { | | .nav-menu > li { |
| Line 82: |
Line 83: |
| | -moz-transition: all .3s ease-out; | | -moz-transition: all .3s ease-out; |
| | -ms-transition: all .3s ease-out; | | -ms-transition: all .3s ease-out; |
| − | -o-transition: all .3s ease-out; | + | -o-transition: a |
| − | transition: all .3s ease-out;
| + | |
| − | -webkit-transform: translatez(-25px);
| + | |
| − | -moz-transform: translatez(-25px);
| + | |
| − | -ms-transform: translatez(-25px);
| + | |
| − | -o-transform: translatez(-25px);
| + | |
| − | transform: translatez(-25px);
| + | |
| − | -webkit-transform-style: preserve-3d;
| + | |
| − | -moz-transform-style: preserve-3d;
| + | |
| − | -ms-transform-style: preserve-3d;
| + | |
| − | -o-transform-style: preserve-3d;
| + | |
| − | transform-style: preserve-3d;
| + | |
| − | -webkit-pointer-events: none;
| + | |
| − | -moz-pointer-events: none;
| + | |
| − | -ms-pointer-events: none;
| + | |
| − | -o-pointer-events: none;
| + | |
| − | pointer-events: none;
| + | |
| − | position: absolute;
| + | |
| − | top: 0;
| + | |
| − | left: 0;
| + | |
| − | display: block;
| + | |
| − | width: 100%;
| + | |
| − | height: 100%;
| + | |
| − | }
| + | |
| − | /*任务七、给导航设置3D前，与3D后变形效果*/
| + | |
| − | .front {
| + | |
| − | -webkit-transform: rotatex(0deg) translatez(25px);
| + | |
| − | -moz-transform: rotatex(0deg) translatez(25px);
| + | |
| − | -ms-transform: rotatex(0deg) translatez(25px);
| + | |
| − | -o-transform: rotatex(0deg) translatez(25px);
| + | |
| − | transform: rotatex(0deg) translatez(25px);
| + | |
| − | }
| + | |
| − | .back {
| + | |
| − | -webkit-transform: rotatex(-90deg) translatez(25px);
| + | |
| − | -moz-transform: rotatex(-90deg) translatez(25px);
| + | |
| − | -ms-transform: rotatex(-90deg) translatez(25px);
| + | |
| − | -o-transform: rotatex(-90deg) translatez(25px);
| + | |
| − | transform: rotatex(-90deg) translatez(25px);
| + | |
| − | color: #FFE7C4;
| + | |
| − | }
| + | |
| − | .front, .back {
| + | |
| − | /* border:1px solid red;*/
| + | |
| − | display: block;
| + | |
| − | width: 100%;
| + | |
| − | height: 100%;
| + | |
| − | position: absolute;
| + | |
| − | top: 0;
| + | |
| − | left: 0;
| + | |
| − | background: #74adaa;
| + | |
| − | padding: 15px 30px 15px 31px;
| + | |
| − | color: white;
| + | |
| − | -webkit-pointer-events: none;
| + | |
| − | -moz-pointer-events: none;
| + | |
| − | -ms-pointer-events: none;
| + | |
| − | -o-pointer-events: none;
| + | |
| − | pointer-events: none;
| + | |
| − | -webkit-box-sizing: border-box;
| + | |
| − | box-sizing: border-box;
| + | |
| − | }
| + | |
| − | /*任务八、设置导航当前状态与悬浮状态下的背景效果*/
| + | |
| − | .nav-menu li .active .front, .nav-menu li .active .back, .nav-menu li a:hover .front, .nav-menu li a:hover .back {
| + | |
| − | background-color: #51938f;
| + | |
| − | -webkit-background-size: 5px 5px;
| + | |
| − | background-size: 5px 5px;
| + | |
| − | background-position: 0 0, 30px 30px;
| + | |
| − | background-image: -webit-linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480), linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480);
| + | |
| − | background-image: -moz-linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480), linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480);
| + | |
| − | background-image: -ms-linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480), linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480);
| + | |
| − | background-image: -o-linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480), linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480);
| + | |
| − | background-image: linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480), linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480);
| + | |
| − | }
| + | |
| − | .nav-menu ul {
| + | |
| − | position: absolute;
| + | |
| − | text-align: left;
| + | |
| − | line-height: 40px;
| + | |
| − | font-size: 14px;
| + | |
| − | width: 200px;
| + | |
| − | -webkit-transition: all 0.3s ease-in;
| + | |
| − | -moz-transition: all 0.3s ease-in;
| + | |
| − | -ms-transition: all 0.3s ease-in;
| + | |
| − | -o-transition: all 0.3s ease-in;
| + | |
| − | transition: all 0.3s ease-in;
| + | |
| − | -webkit-transform-origin: 0px 0px;
| + | |
| − | -moz-transform-origin: 0px 0px;
| + | |
| − | -ms-transform-origin: 0px 0px;
| + | |
| − | -o-transform-origin: 0px 0px;
| + | |
| − | transform-origin: 0px 0px;
| + | |
| − | -webkit-transform: rotateX(-90deg);
| + | |
| − | -moz-transform: rotateX(-90deg);
| + | |
| − | -ms-transform: rotateX(-90deg);
| + | |
| − | -o-transform: rotateX(-90deg);
| + | |
| − | transform: rotateX(-90deg);
| + | |
| − | -webkit-backface-visibility: hidden;
| + | |
| − | -moz-backface-visibility: hidden;
| + | |
| − | -ms-backface-visibility: hidden;
| + | |
| − | -o-backface-visibility: hidden;
| + | |
| − | backface-visibility: hidden;
| + | |
| − | }
| + | |
| − | /*任务九、显示下拉导航菜单，并其设置一个变形效果*/
| + | |
| − | .nav-menu > li:hover ul {
| + | |
| − | -webkit-transform: rotateX(0deg);
| + | |
| − | -moz-transform: rotateX(0deg);
| + | |
| − | -ms-transform: rotateX(0deg);
| + | |
| − | -o-transform: rotateX(0deg);
| + | |
| − | transform: rotateX(0deg);
| + | |
| − | }
| + | |
| − | /*-------------------------------------------daohang_over---------------------------*/
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | #logo{padding-top:0px;padding-left:50px;float:left}
| + | |
| − | #daohang ul{list-style:none;margin:0px;padding-top:30px;padding-left:30px;}
| + | |
| − | #daohang ul li{float:left;
| + | |
| − | padding:0 22px;
| + | |
| − | color:#0000ff;
| + | |
| − | font-weight:bold;
| + | |
| − | line-height: 0 20px;
| + | |
| − | display:inline;font-famliy:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
| + | |
| − | font-size:22px;
| + | |
| − | margin-right:2px;
| + | |
| − | text-ailgn:center;
| + | |
| − | }
| + | |
| − | | + | |
| − | #daohang ul li a:link{text-decoration:none;}
| + | |
| − | #home a:hover{color:#ff3333;}
| + | |
| − | | + | |
| − | #project a:hover{color:#ff3333;}
| + | |
| − | #project
| + | |
| − | #team a:hover{color:#ff3333;}
| + | |
| − | #team
| + | |
| − | #part a:hover{color:#ff3333;}
| + | |
| − | #part
| + | |
| − | #human a:hover{color:#ff3333;}
| + | |
| − | | + | |
| − | #safe a:hover{color:#ff3333;}
| + | |
| − | | + | |
| − | #note a:hover{color:#ff3333;}
| + | |
| − | | + | |
| − |
| + | |
| − | | + | |
| − | | + | |
| − | #banner{height:800px;width:100%;background:#99ff33;}
| + | |
| − | #banner {background:url(images/team/bannerBackGround.jpg) bottom left no-repeat; height=800px;
| + | |
| − | background-position: center;
| + | |
| − |
| + | |
| − |
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | #menbers{height:80px;width:100%;background:#3A3A3A;}
| + | |
| − | #menbers {
| + | |
| − | text-align:center;
| + | |
| − | font-famliy:"Lucida Sans Unicode", "Lucida Grande";
| + | |
| − | font-size:50px;
| + | |
| − | color:#ffffff;
| + | |
| − | line-height:80px;
| + | |
| − | height:80px;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | #text_01{height:1000px;width:100%;background:#ffffff;}
| + | |
| − | | + | |
| − | img{ border:0;}
| + | |
| − | .brands-list { width: 90%; height: 100%; overflow: hidden; margin: 20px auto 0 auto; }
| + | |
| − | .brands-list li { float: left; width: 155px; margin: 0 4px 7px 0; display: inline; }
| + | |
| − | .brands-list li a { position: relative; height: 250px; display: block; overflow: hidden; cursor: pointer; }
| + | |
| − | .brands-list li a .title { z-index: 2; position: absolute; bottom: 230px; left: -160px; width: 150px; height: 20px; padding: 0 0 0 10px; color:#ffffff; line-height: 17px; background: url(http://demo.lanrenzhijia.com/2014/pic0825/images/img_caption_bg.png) no-repeat; font-size:12px;font:Arial, Helvetica, sans-serif, "新宋体";}
| + | |
| − | .brands-list li a .shine { z-index: 3; position: absolute; top: 0; left: 0; width: 160px; height: 104px; background: url(http://demo.lanrenzhijia.com/2014/pic0825/images/shine_brands.png) no-repeat -160px 0; }
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | /*
| + | |
| − | .trans3d {-webkit-transform-style: preserve-3d; -webkit-transform: translate3d(0, 0, 0);-moz-transform-style: preserve-3d;-moz-transform: translate3d(0, 0, 0); -ms-transform-style:preserve-3d;-ms-transform: translate3d(0, 0, 0);transform-style:preserve-3d;
| + | |
| − | transform: translate3d(0, 0, 0);/*-webkit-backface-visibility: hidden; -moz-backface-visibility: hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;*/}
| + | |
| − | /**
| + | |
| − | #contentContainer {position:absolute;margin-left:-500px;margin-top:-500px;left:50%;top:50%; width:1000px;height:1000px;}
| + | |
| − | #carouselContainer {position:absolute;margin-left:-500px;margin-top:-500px;left:50%;top:50%;width:1000px;height:1000px;}
| + | |
| − | .carouselItem {width:320px; height:130px;position:absolute; left:50%;top:50%;margin-left:-160px;margin-top:-90px;visibility:hidden;}
| + | |
| − | .carouselItemInner {width:320px;height:130px;position:absolute; background-color:rgba(255, 255, 255, .75); border:10px solid rgba(255, 255, 255, .5);color:aqua;font-size:72px;left:50%;top:50%;margin-left:-160px;margin-top:-90px;text-align:center;padding-top:50px;}
| + | |
| − | | + | |
| − | **/
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | #instructions{height:100px;width:100%;}
| + | |
| − | #instructions p{
| + | |
| − | width:100%;
| + | |
| − | height:100px;
| + | |
| − | line-height:100px;
| + | |
| − | text-align:center;
| + | |
| − | background-color:#3A3A3A;
| + | |
| − | color:#efefef;
| + | |
| − | font-size:42px;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | #text_02{height:400px;width:100%;background:#ffffff;}
| + | |
| − | /*img{ border:0;}
| + | |
| − | body{ background:#5EBCFC;}*/
| + | |
| − | | + | |
| − | .teacher{width:1100px;height:360px;position:relative;margin:0 auto; overflow:hidden;}
| + | |
| − | .teacher .teacherPic{width:1100px;height:360px;}
| + | |
| − | .teacher .teacherPic .content{width:180px;height:360px;float:left;position:relative;overflow:hidden;margin-left:3px;}
| + | |
| − | .teacher .teacherPic .content .txt{width:156px;height:100px;background:rgba(18,21,44,0.7); position:absolute;left:0px;bottom:0px;padding:0 12px;border-top:2px solid #CB5412;}
| + | |
| − | .teacher .teacherPic .content .txt h3{color:#CB5412;font-size:20px;font-weight:100;margin:10px 0 6px 0;}
| + | |
| − | .teacher .teacherPic h4{color:#fff;font-size:14px;font-weight:100;}
| + | |
| − | .teacher .teacherPic .content .txt p{color:#fff;margin-top:5px;padding-top:12px;border-top:1px solid #CB5412;font-famliy:"Lucida Sans Unicode", "Lucida Grande";}
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | #attributions{height:100px;width:100%;background:#3A3A3A;}
| + | |
| − | #attributions p{
| + | |
| − | width:100%;
| + | |
| − | height:100px;
| + | |
| − | line-height:100px;
| + | |
| − | text-align:center;
| + | |
| − | background-color:#3A3A3A;
| + | |
| − | color:#efefef;
| + | |
| − | font-size:42px;
| + | |
| − | }
| + | |
| − | | + | |
| − | #text_03{height:500px;width:100%;background:#ffffff;}
| + | |
| − | #team_at_1,#team_at_2,#team_at_3{
| + | |
| − | float:left;
| + | |
| − | width:320px;
| + | |
| − | height:315px;
| + | |
| − | font-family: Arial,Helvetica,sans-serif;
| + | |
| − | text-align:center;
| + | |
| − | margin-left:4%;
| + | |
| − | }
| + | |
| − | | + | |
| − | #team_at_1_1,#team_at_1_2,#team_at_1_3,#team_at_2_1,#team_at_2_2,#team_at_2_3,#team_at_3_1,#team_at_3_2,#team_at_3_3{
| + | |
| − | float:left;
| + | |
| − | width:320px;
| + | |
| − | height:60px;
| + | |
| − | font-size:20px;
| + | |
| − | line-height:60px;
| + | |
| − | font-weight:600;
| + | |
| − | color:rgba(114,109,109,1.00);
| + | |
| − | }
| + | |
| − | | + | |
| − | #team_at_1_1_content,#team_at_1_2_content,#team_at_1_3_content,#team_at_2_1_content,#team_at_2_2_content,#team_at_2_3_content,#team_at_3_1_content,#team_at_3_2_content,#team_at_3_3_content{
| + | |
| − | float:left;
| + | |
| − | width:320px;
| + | |
| − | height:60px;
| + | |
| − | font-size:14px;
| + | |
| − | color:rgba(159,159,159,1.00);
| + | |
| − | }
| + | |
| − | | + | |
| − | #acknowledgement{height:80px;width:100%;background:#3A3A3A;}
| + | |
| − | #acknowledgement p{
| + | |
| − | width:100%;
| + | |
| − | height:100px;
| + | |
| − | line-height:100px;
| + | |
| − | text-align:center;
| + | |
| − | background-color:#3A3A3A;
| + | |
| − | color:#efefef;
| + | |
| − | font-size:42px;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | #text_04{height:600px;width:100%;background:#ffffff;}
| + | |
| − | #team_acknowledgement{
| + | |
| − | position:relative;
| + | |
| − | width:960px;
| + | |
| − | height:300px;
| + | |
| − | margin:0 auto;
| + | |
| − | }
| + | |
| − | | + | |
| − | #team_a_pre{
| + | |
| − | height:20px;
| + | |
| − | margin-top:30px;
| + | |
| − | font-family: Arial,Helvetica,sans-serif;
| + | |
| − | font-size:18px;
| + | |
| − | font-weight:600;
| + | |
| − | text-align:center;
| + | |
| − | line-height:20px;
| + | |
| − | color:rgba(114,109,109,1.00);
| + | |
| − | }
| + | |
| − | | + | |
| − | #team_a1,#team_a2,#team_a3,#team_a4,#team_a5{
| + | |
| − | position:absolute;
| + | |
| − | top:50px;
| + | |
| − | width:150px;
| + | |
| − | height:220px;
| + | |
| − | background-repeat:no-repeat;
| + | |
| − | background-size:contain;
| + | |
| − | }
| + | |
| − | | + | |
| − | #team_a1_name,#team_a2_name,#team_a3_name,#team_a4_name,#team_a5_name{
| + | |
| − | position:absolute;
| + | |
| − | top:170px;
| + | |
| − | height:50px;
| + | |
| − | margin-top:0px;
| + | |
| − | font-family: Arial,Helvetica,sans-serif;
| + | |
| − | font-size:12px;
| + | |
| − | font-weight:600;
| + | |
| − | text-align:center;
| + | |
| − | color:rgba(114,109,109,1.00);
| + | |
| − | }
| + | |
| − | | + | |
| − | #team_a1{
| + | |
| − | left:0px;
| + | |
| − | background-image:url(https://static.igem.org/mediawiki/2015/d/db/AHUT_CHINA_2015_team_jixie.jpg);
| + | |
| − | }
| + | |
| − | | + | |
| − | #team_a2{
| + | |
| − | left:195px;
| + | |
| − | background-image:url(https://static.igem.org/mediawiki/2015/9/97/AHUT_CHINA_2015_team_huagong.jpg);
| + | |
| − | }
| + | |
| − | | + | |
| − | #team_a3{
| + | |
| − | left:400px;
| + | |
| − | background-image:url(https://static.igem.org/mediawiki/2015/d/d5/AHUT_CHINA_2015_team_shuli.jpg);
| + | |
| − | }
| + | |
| − | | + | |
| − | #team_a4{
| + | |
| − | left:605px;
| + | |
| − | background-image:url(https://static.igem.org/mediawiki/2015/1/12/AHUT_CHINA_2015_team_waiguoyu.jpg);
| + | |
| − | }
| + | |
| − | | + | |
| − | #team_a5{
| + | |
| − | left:810px;
| + | |
| − | background-image:url(https://static.igem.org/mediawiki/2015/d/db/AHUT_CHINA_2015_team_yishe.png);
| + | |
| − | }
| + | |
| − | | + | |
| − | #team_a6{
| + | |
| − | left:810px;
| + | |
| − | background-image:url(<img src="images/team/cailiao.jpg" width="266" height="266" border="0" alt="">);
| + | |
| − | }
| + | |
| − | #team_a7{
| + | |
| − | left:810px;
| + | |
| − | background-image:url(https://static.igem.org/mediawiki/2015/d/db/AHUT_CHINA_2015_team_yishe.png);
| + | |
| − | }
| + | |
| − | | + | |
| − | /*-------------------footer-----------------------*/
| + | |
| − | | + | |
| − | #footer{
| + | |
| − | height:300px;
| + | |
| − | width:100%;
| + | |
| − | color:#ccc;
| + | |
| − | font-size:12px;
| + | |
| − | position:relative;
| + | |
| − | z-index:3;
| + | |
| − | background-color:#3c3e3f;
| + | |
| − | }
| + | |
| − | | + | |
| − | #footer .conent{
| + | |
| − | width:960px;
| + | |
| − |
| + | |
| − | left:50%;
| + | |
| − | bottom:0;
| + | |
| − | margin-left:14%;
| + | |
| − | z-index:2;
| + | |
| − | }
| + | |
| − | | + | |
| − | #foot_list {
| + | |
| − | width:759px;
| + | |
| − | height:175px;
| + | |
| − | float:left;
| + | |
| − | padding-top:5px;
| + | |
| − | margin:0;
| + | |
| − | }
| + | |
| − | #foot_list li{
| + | |
| − | float:left;
| + | |
| − | text-align:left;
| + | |
| − | width:115px;
| + | |
| − | margin-left:0;
| + | |
| − | margin-right:10px;
| + | |
| − | line-height:18px;
| + | |
| − | display:block;
| + | |
| − | color:#FFF;
| + | |
| − | font-size:16px;
| + | |
| − | text-decoration: none;
| + | |
| − | font-family:Arial, Helvetica, sans-serif;
| + | |
| − | }
| + | |
| − | #foot_list li ul li:first-child {
| + | |
| − | font-size:20px;
| + | |
| − | color:#b4b4b4;
| + | |
| − | line-height:28px;
| + | |
| − | }
| + | |
| − | | + | |
| − | #foot_list li ul li a {
| + | |
| − | font-size:12px;
| + | |
| − | color:#a1a1a1;
| + | |
| − | line-height:18px;
| + | |
| − | text-decoration:none;
| + | |
| − | }
| + | |
| − | | + | |
| − | #foot_list li ul li a:hover {
| + | |
| − | color:#fff;
| + | |
| − | transition: color 0.3s ease 0s;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | #foot_igem{
| + | |
| − | padding:38px 33px 24px 18px;
| + | |
| − | float:right;
| + | |
| − | }
| + | |
| − | #foot_igem > a {
| + | |
| − | width:150px;
| + | |
| − | height:118px;
| + | |
| − | display:block;
| + | |
| − | background-image:url(https://static.igem.org/mediawiki/2015/8/87/AHUT_CHINA_2015_index_igem_gray.jpg);
| + | |
| − | }
| + | |
| − | #foot_igem > a:hover {
| + | |
| − | background-image:url(https://static.igem.org/mediawiki/2015/d/d8/AHUT_CHINA_2015_index_igem_origin.jpg);
| + | |
| − | }
| + | |
| − | #foot_copyright {
| + | |
| − | clear:both;
| + | |
| − | width:960px;
| + | |
| − | line-height:36px;
| + | |
| − | text-align:center;
| + | |
| − | vertical-align:middle;
| + | |
| − | color:#777777;
| + | |
| − | font-size:12px;
| + | |
| − | font-family:Arial, Helvetica, sans-serif;
| + | |
| − | }
| + | |
| − | | + | |
| − | /*-------------------------------------------------footer_over---------------------------------
| + | |
| − | | + | |
| − | | + | |
| − | </style>
| + | |
| − | </head>
| + | |
| − | <body>
| + | |
| − |
| + | |
| − | <!--------------------------------------------------------------------------------------------------------->
| + | |
| − | <div id="nav">
| + | |
| − | <!----------menu------->
| + | |
| − | <div id="menu">
| + | |
| − | <ul class="nav-menu clearfix unstyled">
| + | |
| − |
| + | |
| − | <li><a href="AHUT_China_main.html" class="three-d active"> Home <span class="three-d-box"><span class="front">Home</span><span class="back">Home</span></span> </a></li>
| + | |
| − |
| + | |
| − | <li><a href="AHUT_China_team.html" class="three-d">Team <span class="three-d-box"><span class="front"> Team</span><span class="back"> Team</span></span> </a>
| + | |
| − | <ul class="clearfix unstyled drop-menu">
| + | |
| − | <li><a href="AHUT_China_team.hmtl" class="three-d";href="#menbers"> Menbers <span class="three-d-box"><span class="front">Menbers</span><span class="back">Menbers</span></span> </a></li>
| + | |
| − | <li><a href="#" class="three-d">Instructions <span class="three-d-box"><span class="front">Instructions</span><span class="back">Instructions</span></span> </a></li>
| + | |
| − | <li><a href="#" class="three-d"> Attributions <span class="three-d-box"><span class="front">Attributions</span><span class="back">Attributions</span></span> </a></li>
| + | |
| − | <li><a href="#" class="three-d"> Acknowledgement <span class="three-d-box"><span class="front"> Acknowledgement</span><span class="back">Acknowledgement</span></span> </a></li>
| + | |
| − | </ul>
| + | |
| − | <li><a href="AHUT_China_project.html" class="three-d"> Project <span class="three-d-box"><span class="front"> Project</span><span class="back"> Project</span></span> </a></li>
| + | |
| − | <li><a href="AHUT_China_parts.html" class="three-d"> Parts <span class="three-d-box"><span class="front"> Parts</span><span class="back"> Parts</span></span> </a></li>
| + | |
| − | <li><a href="AHUT_China_humanpractices.html" class="three-d"> Human Practices <span class="three-d-box"><span class="front">Human Practices</span><span class="back">Human Practices</span></span> </a></li>
| + | |
| − | <li><a href="#" class="three-d"> Safety <span class="three-d-box"><span class="front">Safety</span><span class="back">Safety</span></span></a>
| + | |
| − | <ul class="clearfix unstyled drop-menu">
| + | |
| − | <li><a href="#" class="three-d"> Html5 <span class="three-d-box"><span class="front">Html5</span><span class="back">Html5</span></span> </a></li>
| + | |
| − | <li><a href="#" class="three-d"> Css3 <span class="three-d-box"><span class="front">Css3</span><span class="back">Css3</span></span> </a></li>
| + | |
| − | <li><a href="#" class="three-d"> JavaScript <span class="three-d-box"><span class="front">JavaScript</span><span class="back">JavaScript</span></span> </a></li>
| + | |
| − | <li><a href="#" class="three-d"> Videogames <span class="three-d-box"><span class="front">Videogames</span><span class="back">Videogames</span></span> </a></li>
| + | |
| − | </ul>
| + | |
| − | </li>
| + | |
| − | <li><a href="AHUT_China_notebook.html" class="three-d">NoteBook <span class="three-d-box"><span class="front">NoteBook</span><span class="back">NoteBook</span></span> </a></li>
| + | |
| − | </ul>
| + | |
| − | </div>
| + | |
| − | <!--------menu_over---------->
| + | |
| − | | + | |
| − | <!------------------------------------------------->
| + | |
| − | | + | |
| − | <div id="banner">
| + | |
| − |
| + | |
| − | </div>
| + | |
| − | | + | |
| − | | + | |
| − | <!------------------------------------------------>
| + | |
| − | <div id="text_01">
| + | |
| − | <div name = "menbers" id="menbers">
| + | |
| − | <p><strong>MENBERS</strong></p>
| + | |
| − | </div>
| + | |
| − | | + | |
| − | | + | |
| − | <div id="text_01">
| + | |
| − | <!--menberlist--->
| + | |
| − | <div class="brands-list">
| + | |
| − | <ul>
| + | |
| − | <li><a href="javascript:;"><img src="images/team/夏天来 材料学院 材料科学与工程.jpg" /><span class="title">夏天来<br></span><span class="shine"></span></a></li>
| + | |
| − | <li><a href="javascript:;"><img src="images/team/丁昊杰 建工学院 给排水科学与工程.jpg" /><span class="title">丁昊杰<br></span><span class="shine"></span></a></li>
| + | |
| − | <li><a href="javascript:;"><img src="images/team/鹿才磊 数理学院 数学与应用数学.jpg" /><span class="title">鹿才磊</span><span class="shine"></span></a></li>
| + | |
| − | <li><a href="javascript:;"><img src="images/team/管豪俊 化学与化工学院 化学生物学.jpg" /><span class="title">管豪俊 </span><span class="shine"></span></a></li>
| + | |
| − | <li><a href="javascript:;"><img src="images/team/胡建军 化工学院 化学生物.jpg" /><span class="title">胡建军</span><span class="shine"></span></a></li>
| + | |
| − | <li><a href="javascript:;"><img src="images/team/许慧慧 艺设学院 视觉传达设计.jpg" /><span class="title">许慧慧</span><span class="shine"></span></a></li>
| + | |
| − | <li><a href="javascript:;"><img src="images/team/殷航 外国语学院 英语.jpg" /><span class="title">殷航</span><span class="shine"></span></a></li>
| + | |
| − | <li><a href="javascript:;"><img src="images/team/陈之童 外国语 英语.jpg" /><span class="title">陈之童</span><span class="shine"></span></a></li>
| + | |
| − | <li><a href="javascript:;"><img src="images/team/宣志伟 外国语学院 英语.jpg" /><span class="title">宣志伟 </span><span class="shine"></span></a></li>
| + | |
| − | <li><a href="javascript:;"><img src="images/team/魏玲玲 数理学院.jpg" /><span class="title">魏玲玲</span><span class="shine"></span></a></li>
| + | |
| − | <li><a href="javascript:;"><img src="images/team/徐硕 艺术设计学院 工业设计工程.jpg"/><span class="title">徐硕</span><span class="shine"></span></a></li>
| + | |
| − | <li><a href="javascript:;"><img src="images/team/王青圆 外国语学院 英语.jpg" /><span class="title">王青圆</span><span class="shine"></span></a></li>
| + | |
| − | <li><a href="javascript:;"><img src="images/team/闫心蕊 外国语 英语.jpg" /><span class="title">闫心蕊</span><span class="shine"></span></a></li>
| + | |
| − | <li><a href="javascript:;"><img src="images/team/叶弯弯 艺设学院 视觉传达设计.jpg" /><span class="title">叶弯弯 </span><span class="shine"></span></a></li>
| + | |
| − | <li><a href="javascript:;"><img src="images/team/张润泽 数理学院 信息与计算科学.jpg" /><span class="title">张润泽</span><span class="shine"></span></a></li>
| + | |
| − | <li><a href="javascript:;"><img src="images/team/蔡旭东 化学与化工学院 应用化学.jpg" /><span class="title">蔡旭东</span><span class="shine"></span></a></li>
| + | |
| − | <li><a href="javascript:;"><img src="images/team/陈光能 数理学院 信息与计算科学.jpg" /><span class="title">陈光能</span><span class="shine"></span></a></li>
| + | |
| − | <li><a href="javascript:;"><img src="images/team/朱俊 化工学院 化学生物学.jpg" /><span class="title">朱俊</span><span class="shine"></span></a></li>
| + | |
| − | <li><a href="javascript:;"><img src="images/team/钱诚 化学与化工学院 应用化学.jpg" /><span class="title">钱诚</span><span class="shine"></span></a></li>
| + | |
| − | <li><a href="javascript:;"><img src="images/team/党政 化学与化工学院 化学生物学.jpg" /><span class="title">党政</span><span class="shine"></span></a></li>
| + | |
| − | <li><a href="javascript:;"><img src="images/team/杜倩 化学与化工学院 化学生物学.jpg" /><span class="title">杜倩 </span><span class="shine"></span></a></li>
| + | |
| − | <li style= "margin-left:27%;"><a href="javascript:;"><img src="images/team/汪凤萍，外国语学院，英语.jpg" /><span class="title">汪凤萍</span><span class="shine"></span></a></li>
| + | |
| − | <li style= "margin-left:14%;"><a href="javascript:;"><img src="images/team/陈真轲 数理学院 光电.jpg" /><span class="title">陈真轲</span><span class="shine"></span></a></li>
| + | |
| − | | + | |
| − | </ul>
| + | |
| − | </div>
| + | |
| − | <!--menberlist_over------->
| + | |
| − | <script src="http://www.lanrenzhijia.com/ajaxjs/jquery.1.4.2-min.js"></script>
| + | |
| − | <script>
| + | |
| − | $(function(){
| + | |
| − | $(".brands-list li a").hover(function(){
| + | |
| − | $(this).find(".shine").stop();
| + | |
| − | $(this).find(".shine").css("background-position","-160px 0");
| + | |
| − | $(this).find(".shine").animate({backgroundPosition: '160px 0'},500);
| + | |
| − | $(this).find(".title").stop().animate({left:'0px'},{queue:false,duration:450});
| + | |
| − | },function(){
| + | |
| − | $(this).find(".title").stop().animate({left:'-160px'},{queue:false,duration:200});
| + | |
| − | });
| + | |
| − | });
| + | |
| − | </script>
| + | |
| − | | + | |
| − |
| + | |
| − | </div>
| + | |
| − | | + | |
| − | | + | |
| − |
| + | |
| − | <!------------------------------------------------->
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − |
| + | |
| − | | + | |
| − | | + | |
| − | <div id="text_02">
| + | |
| − | <div id="instructions">
| + | |
| − | <p><strong>INSTRUCTIONS</strong></p>
| + | |
| − |
| + | |
| − | </div>
| + | |
| − | | + | |
| − | <div id="text_02">
| + | |
| − | | + | |
| − | | + | |
| − | <div class="teacher">
| + | |
| − | <div class="teacherPic">
| + | |
| − | | + | |
| − | <div class="content">
| + | |
| − | <img src="images/team/AHUT_China_2016_nhj.jpg" width="180" height="360" />
| + | |
| − | <div class="txt">
| + | |
| − | <h3>huji leng</h3>
| + | |
| − | <h4>adviser</h4>
| + | |
| − | <p>Leng Huji, postdoctoral professor, master tutor. He is the vice chairman of CCSI (China Creative Studies Institute) and the director of Anhui Provincial Institute of Mechanical Engineering. He focuses the research and study on the mechatronics technology, the creative education and create engineering and the quality management and reliability.
| + | |
| − | He was the leading researcher of more than 20 scientific research projects and won the first prize of CCSI creative achievements. With his 50 academic papers and 45 patents, he is also the long-term instructor of patent applications and college students’ second class competition of science and technology, having won four national first prize, and six national second prize.</p>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <div class="content">
| + | |
| − | <img src="images/team/AHUT_CHINA_2015_team_xxr.png" width="180" height="360" />
| + | |
| − | <div class="txt">
| + | |
| − | <h3>xiangrong xv</h3>
| + | |
| − | <h4> adviser</h4>
| + | |
| − | <p>Prof. Xiangrong Xu currently is a professor of mechanical engineering.He completed his post-doctor research at the Purdue University, USA in 2002. He taught as a guest professor at the Changwon National University, South Korea in 1997-1999. He was also a visiting professor and researcher at the Purdue University, Indiana USA from 1999-2002. From 2002-2011, he worked as a researcher at the Florida State University, Tallahassee, FL USA. His research interests include biofilms modeling, biomechanics, and mechanical design. He has over 80 papers published in international journals</p>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <div class="content">
| + | |
| − | <img src="images/team/AHUT_CHINA_2015_team_xh.png" width="180" height="360" />
| + | |
| − | <div class="txt">
| + | |
| − | <h3>hao xu</h3>
| + | |
| − | <h4> adviser</h4>
| + | |
| − | <p>Research area:biofilm,mathematical model,computer simulation</p>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <div class="content">
| + | |
| − | <img src="images/team/AHUT_CHINA_2016_ml.jpg" width="180" height="360" />
| + | |
| − | <div class="txt">
| + | |
| − | <h3>liang ma</h3>
| + | |
| − | <h4> adviser</h4>
| + | |
| − | <p>Liang Ma received his Ph. D. degree of science from University of Science and Technology of China in 2011 and now serves as a master tutor in Anhui University of Technology. He implemented 1 project from Natural Science Foundation of China (NSFC) and participated in several research projects of NSFC, National Basic Research Program of China(973 Program) and Presidential Foundation of the Chinese Academy of Sciences, China, etc.
| + | |
| − | His research focuses on tumor pathogenesis, new drug targets discovery and validation for cancer therapy, anti-cancer compounds screening and mechanism research.</p>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <div class="content">
| + | |
| − | <img src="images/team/AHUT_CHINA_2015_team_shl.jpg" width="180" height="360" />
| + | |
| − | <div class="txt">
| + | |
| − | <h3>huili she</h3>
| + | |
| − | <h4> adviser</h4>
| + | |
| − | <p>Ms. Huili She currently is a lecturer of College of art and design at the Anhui University of Technology, Anhui, China. She teaches visual design for more than 11 years. She had the opportunity to learn with Mr. Gunter Rambow, the visual master, in Germany, 2012. She was the the national excellent teacher for the China Star Design Award. As the Instructor, her students had won domestic or international competition award for nearly 100 times, such as second-class award for iGEM international genetic engineering machine design competition, the best design award for the China Star Design Award and national second-class award for the sixth 3D competition of China.</p>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <div class="content">
| + | |
| − | <<img src="images/team/曹瑞斓-小二寸-白底.JPG" width="180" height="360" />
| + | |
| − | <div class="txt">
| + | |
| − | <h3>ruinan cao</h3>
| + | |
| − | <h4> adviser</h4>
| + | |
| − | <p> Cao Ruilan, an instructor of 2015 iGEM team of AHUT, focusing her study on translation, linguistics and applied linguistics, has received her Ph.D. degree when graduated from Nanjing University in 2010 after her stay in Cardiff University, UK as a visiting scholar from 2007 to 2008.
| + | |
| − | She is the leading researcher of 3 national and provincial research projects, participant of 10 other national and provincial ones.
| + | |
| − | She is now supporting 2016 iGEM team of AHUT with her expertise on translation and presentation, being happy with the young and enthusiastic students in this team.
| + | |
| − | </p>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | | + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <script src="js/jquery.min.js"></script>
| + | |
| − | <script>
| + | |
| − | $(function(){
| + | |
| − | $(".content").hover(function(){
| + | |
| − | $(this).children(".txt").stop().animate({height:"360px"},200);
| + | |
| − | $(this).find(".txt h3").stop().animate({paddingTop:"130"},550);
| + | |
| − | $(this).find(".txt p").stop().show();
| + | |
| − | },function(){
| + | |
| − | $(this).children(".txt").stop().animate({height:"100px"},200);
| + | |
| − | $(this).find(".txt h3").stop().animate({paddingTop:"0px"},550);
| + | |
| − | $(this).find(".txt p").stop().hide();
| + | |
| − | })
| + | |
| − | })
| + | |
| − | </script>
| + | |
| − |
| + | |
| − | </div>
| + | |
| − | | + | |
| − | <div id="text_03">
| + | |
| − | <div id="attributions">
| + | |
| − | <p><strong>ATTRIBUTIONS</strong></p>
| + | |
| − | </div>
| + | |
| − | <div id="team_attributions">
| + | |
| − | <div id="team_at_1">
| + | |
| − | <span id="team_at_1_1">Project name</span>
| + | |
| − | <span id="team_at_1_1_content">Nutrition Commander</span>
| + | |
| − | <span id="team_at_1_2">Team Leaders</span>
| + | |
| − | <span id="team_at_1_2_content">Runze Zhang , Xingkui Kou</span>
| + | |
| − | <span id="team_at_1_3">Laboratory Work</span>
| + | |
| − | <span id="team_at_1_3_content">Xingkui Kou , Tianlai Xia<br>Jian Ke , Lei Liu<br>Yushu Duan</span>
| + | |
| − | </div>
| + | |
| − | <div id="team_at_2">
| + | |
| − | <span id="team_at_2_1">Human Practice Work</span>
| + | |
| − | <span id="team_at_2_1_content">Keqiang Lv ，Tianlai Xia<br>Jun Zhan , Xianzhe Wu<br>Feixiang Gao , Guishang Pei</span>
| + | |
| − | <span id="team_at_2_2">Wiki Work</span>
| + | |
| − | <span id="team_at_2_2_content">Jianyu GAO , Yue WANG , Keqiang Lv<br>Jindong Mei , Chenchen Li , Yuanhao Gao<br>Hao Yang</span>
| + | |
| − | <span id="team_at_2_3">Art Design Work</span>
| + | |
| − | <span id="team_at_2_3_content">Rui SHI , Tingting Zhao<br>Han Qing , Yaxin Wu , Zhiqiang Shang<br>Handong Hu</span>
| + | |
| − | </div>
| + | |
| − | <div id="team_at_3">
| + | |
| − | <span id="team_at_3_1">Project design and Data analysis </span>
| + | |
| − | <span id="team_at_3_1_content">Xinkui Kou , Tianlai Xia<br>Lei Liu , Yushu Duan<br>Jian Ke</span>
| + | |
| − | <span id="team_at_3_2">Translate and propagate</span>
| + | |
| − | <span id="team_at_3_2_content">Shaokang Jin , Yali Zhou<br>Man Bao , Siyuan Chu</span>
| + | |
| − | <span id="team_at_3_3">Instructors</span>
| + | |
| − | <span id="team_at_3_3_content">Xiangrong Xu , Hao Xu , Jun Xie<br>Ruilan Cao , Huili She , Lijuan Long , Dehong Zhuang , Song Chongzhi , Mengfei Zhao</span>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | | + | |
| − | </div>
| + | |
| − | | + | |
| − | <div id="text_04">
| + | |
| − | <div id="acknowledgement">
| + | |
| − | <p><strong>ACKNOWLEDGEMENT</strong></p>
| + | |
| − | </div>
| + | |
| − | <div id="team_acknowledgement">
| + | |
| − | <div id="team_a_pre">Our team highly acknowledges the following institutes:</div>
| + | |
| − | <div id="team_a1"><p id="team_a1_name">School of Mechanical Engineering</p></div>
| + | |
| − | <div id="team_a2"><p id="team_a2_name">School of Chemistry and Chemical Engineering</p></div>
| + | |
| − | <div id="team_a3"><p id="team_a3_name">School of Mathematics & Physics</p></div>
| + | |
| − | <div id="team_a4"><p id="team_a4_name">Center of Foreign languages</p></div>
| + | |
| − | <div id="team_a5"><p id="team_a5_name">Academy of Art and Design</p></div>
| + | |
| − | </div>
| + | |
| − | | + | |
| − | </div>
| + | |
| − | | + | |
| − | <!----------------------footer------------------------->
| + | |
| − | <div id="footer">
| + | |
| − | <div class="conent">
| + | |
| − | <!--<div id="im_logo_link">
| + | |
| − | <ul>
| + | |
| − | <li id="twitter"><a href=""></a></li>
| + | |
| − | <li id="youtube"><a href=""></a></li>
| + | |
| − | <li id="webchat"><a href=""></a></li>
| + | |
| − | <li id="qq"><a href=""></a></li>
| + | |
| − | </ul>
| + | |
| − | </div>
| + | |
| − | <div style="height:1px;">
| + | |
| − | <img src="https://static.igem.org/mediawiki/2015/f/fe/AHUT_CHINA_2015_index_foot_line_white.jpg" width="960" height="1" alt=""/>
| + | |
| − | </div>-->
| + | |
| − | <ul id="foot_list">
| + | |
| − | <li id="team">
| + | |
| − | <ul>
| + | |
| − | <li>TEAM</li>
| + | |
| − | <li><a href="https://2015.igem.org/Team:AHUT_China/team#Members">Members</a></li>
| + | |
| − | <li><a href="https://2015.igem.org/Team:AHUT_China/team#Instructors">Instructors</a></li>
| + | |
| − | <li><a href="https://2015.igem.org/Team:AHUT_China/team#Attributions">Attributions</a></li>
| + | |
| − | <li><a href="https://2015.igem.org/Team:AHUT_China/team#Acknowledgement">Acknowledgement</a></li>
| + | |
| − | </ul>
| + | |
| − | </li>
| + | |
| − | <li id="project">
| + | |
| − | <ul>
| + | |
| − | <li>PROJECT</li>
| + | |
| − | <li><a href="https://2015.igem.org/Team:AHUT_China/project#Pathway and Design">Pathway and Design</a></li>
| + | |
| − | <li><a href="https://2015.igem.org/Team:AHUT_China/project#Result">Result</a></li>
| + | |
| − | <li><a href="https://2015.igem.org/Team:AHUT_China/project#Future">Future Work</a></li>
| + | |
| − | </ul>
| + | |
| − | </li>
| + | |
| − | <li id="parts">
| + | |
| − | <ul>
| + | |
| − | <li>PARTS</li>
| + | |
| − | <li><a href="https://2015.igem.org/Team:AHUT_China/parts#Biobrick">Biobrick</a></li>
| + | |
| − | <li><a href="https://2015.igem.org/Team:AHUT_China/parts#Protools">Protools</a></li>
| + | |
| − | </ul>
| + | |
| − | </li>
| + | |
| − | <li id="human_p">
| + | |
| − | <ul>
| + | |
| − | <li>HUMAN <br>PRACTICES</li>
| + | |
| − | <li><a href="https://2015.igem.org/Team:AHUT_China/Practices#Society">Society</a></li>
| + | |
| − | <li><a href="https://2015.igem.org/Team:AHUT_China/Practices#NewPower">New Power</a></li>
| + | |
| − | <li><a href="https://2015.igem.org/Team:AHUT_China/Practices#Questionnaire">Questionnaire</a></li>
| + | |
| − | <li><a href="https://2015.igem.org/Team:AHUT_China/Practices#MOOC">MOOC</a></li>
| + | |
| − | <li><a href="https://2015.igem.org/Team:AHUT_China/Practices#Art">Art</a></li>
| + | |
| − | </ul>
| + | |
| − | </li>
| + | |
| − | <li id="safety">
| + | |
| − | <ul>
| + | |
| − | <li>SAFETY</li>
| + | |
| − | <li><a href="https://2015.igem.org/Team:AHUT_China/Safety">Safety</a></li>
| + | |
| − | </ul>
| + | |
| − | </li>
| + | |
| − | <li id="notebook">
| + | |
| − | <ul>
| + | |
| − | <li>NOTEBOOK</li>
| + | |
| − | <li><a href="https://2015.igem.org/Team:AHUT_China/notebook#Notebook">Notebook</a></li>
| + | |
| − | <li><a href="https://2015.igem.org/Team:AHUT_China/notebook#Lab Pictures">Lab Pictures</a></li>
| + | |
| − | </ul>
| + | |
| − | </li>
| + | |
| − | </ul>
| + | |
| − | <div id="foot_igem">
| + | |
| − | <a href="https://2015.igem.org/Main_Page"></a>
| + | |
| − | </div>
| + | |
| − | <div style="clear:both;">
| + | |
| − | <img src="images/team/AHUT_CHINA_2015_index_igem_gray.jpg" width="960" height="3" alt="">
| + | |
| − | </div>
| + | |
| − | <p id="foot_copyright">Copyright 2016 © AHUT iGEM Team , All rights reserved . </p>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | | + | |
| − | <p></p>
| + | |
| − | </div> <div class="visualClear"></div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <!-------------------------------------------------------------------------------------------------------->
| + | |
| − | </div>
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | </body>
| + | |
| − | </html>
| + | |
