Difference between revisions of "Team:AHUT China/Attributions"

Line 314: Line 314:
 
.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-color:#000000 no-repeat; font-size:12px;font:Arial, Helvetica, sans-serif, "新宋体";}
 
.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-color:#000000 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-color:rgba(0,0,0,0.8)  no-repeat -160px 0; }
 
.brands-list li a .shine { z-index: 3; position: absolute; top: 0; left: 0; width: 160px; height: 104px; background-color:rgba(0,0,0,0.8)  no-repeat -160px 0; }
 +
 +
.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";}
  
  
Line 590: Line 598:
 
<p style="position:absolute;margin:10px;font-size:4em;font-family:Segoe UI;font-weight:100;position:relative;letter-spacing:0em;text-align:center">Instructions</p>
 
<p style="position:absolute;margin:10px;font-size:4em;font-family:Segoe UI;font-weight:100;position:relative;letter-spacing:0em;text-align:center">Instructions</p>
  
 +
<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>
 +
<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>
  
  

Revision as of 08:25, 14 October 2016

Document