Team:USTC-Software/team.html

From 2012.igem.org

(Difference between revisions)
(Created page with "{{Template:Team:USTC-Software/Header-c}} <html > <head> <link rel="stylesheet" type="text/css" href="https://2012.igem.org/Team:USTC-Software/photos-showing-css?action=raw&ctyp...")
Line 1: Line 1:
-
{{Template:Team:USTC-Software/Header-c}}
+
{{Template:Team:USTC-Software/hidden}}
-
<html >
+
{{Template:Team:USTC-Software/global_header}}
 +
<html>
<head>
<head>
-
 
+
    <title>USTC-Software Team</title>
-
 
+
    <link rel="stylesheet" href="https://2012.igem.org/Team:USTC-Software/css/style?action=raw&ctype=text/css" type="text/css"/>
-
<link rel="stylesheet" type="text/css" href="https://2012.igem.org/Team:USTC-Software/photos-showing-css?action=raw&ctype=text/css" />
+
    <link rel="stylesheet" href="https://2012.igem.org/Team:USTC-Software/css/team_style?action=raw&ctype=text/css" type="text/css" media="screen" title="no title" charset="utf-8">
-
 
+
    <link href='http://fonts.googleapis.com/css?family=Bubbler+One' rel='stylesheet' type='text/css'>
-
<script type="text/javascript" src="https://2012.igem.org/Team:USTC-Software/popup-jquery.js?action=raw&ctype=text/javascript"></script>
+
    <link href='http://fonts.googleapis.com/css?family=Petit+Formal+Script' rel='stylesheet' type='text/css'>
-
 
+
    <script src="https://2012.igem.org/Team:USTC-Software/js/jquery-1.7.1.min?action=raw&ctype=text/javascript" type="text/javascript" charset="utf-8"></script>
-
 
+
      
-
     <!----------the begin of popup-box javascript-------------->
+
     <script type="text/javascript">
     <script type="text/javascript">
-
$(document).ready( function(){
+
        $(document).ready(function(){
-
$('div.wrap_ps-box').hide();     // Hide all the wrap_ps Boxes
+
            $('div.member_details').hide();
-
$('span.wrap_ps-link').click(function() {
+
            $('div.member').click(function(){
-
var wrap_psBox = $(this).attr('rel');
+
                $('div.member_details').hide();
-
$('div'+wrap_psBox).fadeIn('slow');
+
                var detail = $(this).attr('id');
-
});       // Display left and right box when click
+
                $('div#'+detail+'-details').fadeIn('slow'); //  display the coresponding details
-
$('span.wrap_ps-close').click(function() {
+
            });
-
$(this).parents('div.wrap_ps-box').fadeOut('speed');
+
            $('div.detail_close').click(function(){
-
}); // close a wrap_ps Box
+
                $(this).parents('div.member_details').fadeOut('speed'); // close the coresponding details
-
  });
+
            });
-
</script><!----------the end of popup-box javascript-------------->
+
         });
-
 
+
     </script>
-
 
+
   
-
<style>
+
-
 
+
-
a.team_li{
+
-
  text-decoration:none;
+
-
color:#010101;
+
-
text-shadow: 0 1px 0px #333333;
+
-
}
+
-
#gn-team {
+
-
border-top:1px solid #333;
+
-
border-right:1px solid #000;
+
-
border-left:1px solid #333;
+
-
border-bottom:1px solid #000;
+
-
}
+
-
#gn-team .team_li:after,#gn-team .team_li:before {
+
-
-moz-transition:width 0.5s ease 0s;
+
-
height: 0px;
+
-
    width: 0px;
+
-
    position: absolute;
+
-
    content: ' ';
+
-
    display: block;
+
-
    opacity:0;
+
-
box-shadow: 0px 0px 5px #00c6ff;
+
-
background: -moz-linear-gradient(left, #0ad, #08b);
+
-
    top: 32px;
+
-
    width: 51%;
+
-
height: 1px;
+
-
    opacity:1;
+
-
         }
+
-
#gn-team .team_li:after {
+
-
left: 10px;
+
-
      }
+
-
#gn-team .team_li:before {
+
-
right:2px;
+
-
    } /*the shadow of header menu css*/
+
-
 
+
-
+
-
#wrap_team{
+
-
display: block;
+
-
position:relative;
+
-
margin-left:auto;
+
-
margin-right:auto;
+
-
width:980px;
+
-
height:auto;
+
-
position:relative;
+
-
 
+
-
margin-top:30px;
+
-
margin-bottom:20px;
+
-
    border-color:black;
+
-
border-style:solid;
+
-
border-width:1px;
+
-
    }
+
-
 
+
-
#wrap_left_column,#wrap_right_column{
+
-
position:relative;
+
-
margin-bottom:40px;
+
-
width:699px;
+
-
height:188px;
+
-
+
-
background-color:black;
+
-
border-color:gray;
+
-
border-style:solid;
+
-
border-width:1px;
+
-
}
+
-
+
-
#wrap_right_column{
+
-
float:right;
+
-
}
+
-
+
-
#wrap_right_column.the_last_column{
+
-
margin-bottom:5px;
+
-
}
+
-
 
+
-
 
+
-
#wrap_team .wrap_photo_left,#wrap_team .wrap_photo_right{
+
-
position:relative;
+
-
float:left;
+
-
width:190px;
+
-
height:188px;
+
-
background:gray;
+
-
margin-top:0px;
+
-
padding:0px;
+
-
/* border-color:blue;
+
-
border-style:solid;
+
-
border-width:2px; */
+
-
}
+
-
+
-
#wrap_team .wrap_photo_right{
+
-
float:right;
+
-
}
+
-
#wrap_team .wrap_text_description,#wrap_team .wrap_text_description_right{
+
-
position:relative;
+
-
float:left;
+
-
width:500px;
+
-
height:180px;
+
-
background:#333;
+
-
margin-top:0px;
+
-
padding:4px;
+
-
/* border-color:orange;
+
-
border-style:solid;
+
-
border-width:2px;*/
+
-
}
+
-
#wrap_team .wrap_text_description_right{
+
-
float:right;
+
-
}
+
-
 
+
-
.circle_shadow {
+
-
padding:3px 5px 4px 5px;
+
-
font-weight:normal;
+
-
font-family:Georgia, "Times New Roman", Times, serif;
+
-
line-height:1;
+
-
text-decoration:none;
+
-
font-size:14px;
+
-
color:#fff;
+
-
background:#636466;
+
-
-webkit-border-radius:10px;
+
-
-moz-border-radius:10px;
+
-
border-radius:10px;
+
-
}
+
-
 
+
-
.text_description {
+
-
color: #BBBDC0;
+
-
font-family: Helvetica, Arial, sans-serif;
+
-
font-size: 14px;
+
-
line-height: 1.4em;
+
-
text-decoration:none;
+
-
margin:8px
+
-
}
+
-
 
+
-
 
+
-
#wrap_team .circle_shadow a{
+
-
-webkit-transition: color 0.15s linear 0s, text-shadow 0.17s linear 0s;
+
-
}
+
-
#wrap_team .circle_shadow a:hover{
+
-
text-shadow:#dcf 0 0 5px;
+
-
color: #300;
+
-
text-decoration:none;
+
-
}
+
-
 
+
-
 
+
-
#wrap_cirle_left,#wrap_cirle_right{
+
-
position:relative;
+
-
width:75px;
+
-
height:auto;
+
-
padding:3px 3px 4px 3px;
+
-
background-image:url(#);
+
-
text-align:center;
+
-
margin-left:40px;
+
-
margin-top:12px;
+
-
}
+
-
#wrap_cirle_right{
+
-
float:right;
+
-
margin-right:40px;
+
-
}/*the end of our team number introduction  css*/
+
-
+
-
 
+
-
 
+
-
/*the begin of popup-box css*/
+
-
span.wrap_ps-link {cursor: pointer;}
+
-
span.wrap_ps-link:hover {
+
-
text-shadow:#dcf 0 0 5px;
+
-
     color: #300;
+
-
    text-decoration:none;
+
-
              }
+
-
/* Each Box's specified width: Requied so that they're showing in the middle of the page */ 
+
-
div.wrap_ps-box.wrapper-L,div.wrap_ps-box.wrapper-R {    
+
-
background-image:url(dlbj.jpg);
+
-
background-repeat:repeat-x;
+
-
border:2px solid #614A43;
+
-
font: 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
+
-
text-align: left;left: 25%;right: 25%;
+
-
background-color: #666;
+
-
border-radius:5px;-moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px;
+
-
padding:1px;
+
-
z-index:20;
+
-
width: 500px;
+
-
height: auto;
+
-
left:40%;/*FF IE7*/
+
-
top:41%;/*FF IE7*/
+
-
margin-left:-150px!important;/*FF IE7 half */
+
-
margin-top:-60px!important;/*FF IE7 */
+
-
margin-top:0px;
+
-
position:fixed!important;/*FF IE7 half*/
+
-
position:absolute;/*IE6*/      
+
-
}
+
-
div.wrap_ps-box.wrapper-R{
+
-
left:42%;/*FF IE7*/
+
-
top:42%;/*FF IE7*/
+
-
margin-left:-150px!important;/*FF IE7 half */
+
-
margin-top:-60px!important;/*FF IE7 */
+
-
margin-top:0px;
+
-
}
+
-
div.wrap_ps-box div.inside {margin: 3px;padding: 10px;overflow: visible;z-index: 20;}
+
-
div.wrap_ps-box div.inside.gray-r,div.wrap_ps-box div.inside.gray-l {background: #333;}
+
-
 
+
-
 
+
-
/* Close Buttons */
+
-
div.wrap_ps-box span.wrap_ps-close {
+
-
position: absolute;top: -13px;right: -13px;width: 35px;height: 35px;
+
-
+
-
background: url('https://static.igem.org/mediawiki/2012/d/db/Close-buttons-choices.85.png') no-repeat;
+
-
}
+
-
div.wrap_ps-box span.wrap_ps-close {background-position: -36px 0px;}
+
-
div.wrap_ps-box span.wrap_ps-close:hover {background-position: -36px -36px;cursor: pointer;}
+
-
div.wrap_ps-box span.wrap_ps-close.left {top: -13px;left: -13px;}
+
-
div.wrap_ps-box span.wrap_ps-close.gray-l {background-position: -36px 0px;}
+
-
div.wrap_ps-box span.wrap_ps-close.gray-l:hover {background-position: -36px -36px;}
+
-
 
+
-
 
+
-
/*the text content style*/
+
-
div.wrap_ps-box h3 {font-size: 23px;font-weight: bold;margin: 0px;color: #888888;letter-spacing: -1px;}
+
-
div.wrap_ps-box .gray-l h3,{color: #fffeff;margin-top: 0px;}
+
-
div.wrap_ps-box p {color: #7a7a7a;margin: 0px;}
+
-
 
+
-
 
+
-
/* Image Styles */
+
-
div.wrap_ps-box img{float: left;margin-right: 16px;
+
-
                  }
+
-
div.wrap_ps-box img.pop-out {margin-top: -42px;z-index: 2001;position: absolute;left: 94px;}
+
-
/******************************the end of popup-box css********************/
+
-
 
+
-
 
+
-
</style>
+
</head>
</head>
<body>
<body>
-
 
+
   
-
 
+
    <!-- members' thumbnails -->
-
<div id="page_wrapper">
+
    <div id="member_feature_wrapper">
-
 
+
        <div id="members">
-
    <!-----the begin of photo-showing div---->
+
            <div id="meet-team"></div>
-
    <div class="clr"></div>
+
           
-
    <div id="warp_of_vivid_photo_showing">
+
            <div class="member" id="member-kai">     <div class="member-name"><h5>Kai Kang</h5></div>    </div>
-
 
+
            <div class="member" id="member-kaifeng"> <div class="member-name"><h5>Kaifeng Chen</h5></div>   </div>
-
      <ul-p>
+
            <div class="member" id="member-chao">   <div class="member-name"><h5>Chao Xu</h5></div>   </div>
-
<li-p>
+
            <div class="member" id="member-litong"> <div class="member-name"><h5>Litong Jiang</h5></div>    </div>
-
<div class="oneDemo">
+
            <div class="member" id="member-kaishuai"><div class="member-name"><h5>Kaishuai Yang</h5></div>   </div>
-
<img class="transform" src="https://static.igem.org/mediawiki/2012/7/71/P020110714504890857164.jpg" width="320" height="200" alt=""/>
+
            <div class="member" id="member-sen">     <div class="member-name"><h5>Sen Jiang</h5></div>   </div>
-
<div class="mask mask-top"></div>
+
            <div class="member" id="member-qi">     <div class="member-name"><h5>Qi Hu</h5></div>   </div>
-
<div class="mask mask-bottom"></div>
+
            <div class="member" id="member-wenjuan"> <div class="member-name"><h5>Wenjuan Zhang</h5></div>   </div>
-
<div class="content">
+
            <div class="member" id="member-yunlong"> <div class="member-name"><h5>Yunlong Zheng</h5></div>   </div>
-
<text-h3>Everything is yours!</text-h3>
+
-
 
+
-
<p>Science is organized knowledge. Wisdom is organized life.Making excellence a habit.</p>
+
-
</div>
+
-
</div>
+
-
</li-p>
+
-
<li-p>
+
-
<div class="twoDemo">
+
-
<img class="transform" src="https://static.igem.org/mediawiki/2012/0/0d/W020110714513921540263.jpg" width="320" height="200" alt=""/>
+
-
<div class="content">
+
-
 
+
-
<text-h3>写给未来——我的Mr right</text-h3>
+
-
<p>我不知道你会在什么时间 什么地点 什么场合&shy;出现可是 我想你遇到我的时候可以一眼就把我认出来,就像我一直坚信我会在见到你的第一眼就认出你一样。</p>
+
-
<a href="#">Mr right</a>
+
-
</div>
+
-
</div>
+
-
</li-p>
+
-
<li-p>
+
-
 
+
-
<div class="threeDemo">
+
-
<img class="transform" src="https://static.igem.org/mediawiki/2012/8/8f/W020120412629917392487.jpg" width="320" height="200px" alt=""/>
+
-
<div class="content">
+
-
<text-h3>Olympic-2012</text-h3>
+
-
<p>舍不得你离开，但是不得不离开。这不是无奈，这是竞技体育的残酷。英雄般的倒下让我更加难过，但是很欣慰，哎哟喂，太矛盾了。精彩的比赛，我却不敢看上一遍，只怕。。。”</p>
+
-
<a href="#">EURO</a>
+
-
</div>
+
-
 
+
-
</div>
+
-
</li-p>
+
-
</ul-p>
+
-
+
-
    </div> <!-----the end of photo-showing div---->
+
-
       
+
-
 
+
-
 
+
-
<div class="clr"></div>
+
-
<div id="wrap_team">
+
-
     
+
-
    <!----the begin of team mumber div----->
+
-
       
+
          
          
-
          <!-----------the begin of popup-box div ---------->
+
            <!-- team logo -->
-
<div id="left-box-ps" class="wrap_ps-box wrapper-L">
+
            <div id="slogon"></div>
-
  <div class="inside gray-l"> <span class="wrap_ps-close gray-l left"></span>  
+
        </div>  
-
  <img src="https://static.igem.org/mediawiki/2012/9/98/Yksh.jpg" width="200" height="280"/> <!--the left photo------>
+
-
    <h3>About Me</h3>
+
-
    <p>I feel very lucky that I could study at University of Science and Technology of China for one full year, and that's the reason I have the chance to become one number of USTC-Software team, I made so many best friends learned so much in the iGEM lab. My main work is for our team's wiki designing, so I hope you could love it. </p>
+
-
<p/>Motto: Science is organized knowledge. Wisdom is organized life.
+
-
<p/>E-mail: yks1987@mail.ustc.edu.cn</p>
+
-
 
+
     </div>
     </div>
-
</div>
+
     <!-- end of members' thumbnails -->
-
 
+
-
<div id="right-box-ps" class="wrap_ps-box wrapper-R">
+
-
  <div class="inside gray-r"> <span class="wrap_ps-close"></span> <img src="images/medialoot-box.png" /> <!--the right photo----->
+
-
     <h3>About Me</h3>
+
-
    <p>Hello,everyone! My name is .......,  I made so many best friends learned so much in the iGEM lab. My main work is for our team's wiki designing, so I hope you could love it. </p>
+
-
<p/>Contact info:
+
-
<p/>E-mail:....@mail.ustc.edu.cn</p>
+
-
 
+
-
    </div>
+
-
</div>
+
-
      <!-----------the end of popup-box div -one circle--------->
+
-
 
+
-
 
+
-
     
+
-
          <div class="clr"></div>
+
-
        <div id="wrap_left_column">
+
-
       
+
-
                        <div class="wrap_photo_left">   
+
-
<img src="https://static.igem.org/mediawiki/2012/d/d0/Dyks.jpg" width="190" height="188" alt=""/>
+
-
                        </div>
+
-
                     
+
-
                <div class="wrap_text_description">
+
-
            <p class="text_description"> Hello,everyone! My name is Kaishuai Yang, an graduate student from Institute of Solid state Physics CAS. My major is computational physics, and I also interested in coding and biology. I made so many best friends learned so much in the iGEM lab. My main work is for our team's wiki designing, so I hope you could love it.  </p>       
+
-
<p class="text_description">E-mail: yks1987@mail.ustc.edu.cn</p>       
+
-
                      <div id="wrap_cirle_left" class="circle_shadow">
+
-
                            <span rel="#left-box-ps" class="wrap_ps-link"><span>Touch Me</span></span><!--the left popup-box------>
+
-
                      </div>
+
-
                </div>             
+
-
       
+
-
          </div><!---end of wrap left column---->
+
-
           
+
-
           
+
-
        <div id="wrap_right_column">
+
-
                <div class="clr"></div>
+
-
            <div class="wrap_photo_right">
+
-
                <a href="#"><img src="images/water.jpg" width="210" height="188" alt="team number" /></a> 
+
-
            </div>
+
-
           
+
-
              <div class="wrap_text_description_right">
+
-
            <p class="text_description"> Kane Constructions was appointed in 2010 to deliver&nbsp;this new&nbsp;facility for the&nbsp;Department of Defence&nbsp;at HMAS&nbsp;Creswell in Jervis Bay, New South Wales.facility for the&nbsp;Department of Defence&nbsp;at HMAS&nbsp;facility for the&nbsp;Department of Defence&nbsp;at HMAS&nbsp; The new building is located&#8230;</p>   
+
-
                  <div id="wrap_cirle_right" class="circle_shadow">
+
-
                      <span rel="#right-box-ps" class="wrap_ps-link">Read More</span><!--the right popup-box------>
+
-
                  </div>
+
-
              </div>
+
-
             
+
-
          </div><!---end of wrap right column---->
+
-
         
+
-
               
+
-
          <!-------------------the end of team mumber  one cirle- including popup---------------------->
+
-
           
+
      
      
-
     <div class="clr"></div>
+
     <!-- members' details -->
-
     <div id="wrap_left_column">
+
     <div id="member_details_wrapper">
-
          
+
         <div class="member_details" id="member-kai-details">
-
          <div class="wrap_photo_left">
+
            <div class="detail_close"></div>
-
                <img src="images/water.jpg" width="210" height="188" alt="team number" />  
+
            <div class="details_member_name">
 +
                <h1>Kai Kang</h1>
             </div>
             </div>
-
                     
+
             <div class="member_photo" id="photo_kai"></div>
-
                <div class="wrap_text_description">
+
             <div class="resume">
-
             <p class="text_description"> Kane Constructions was appointed in 2010 to deliver&nbsp;this new&nbsp;facility for the&nbsp;Department of Defence&nbsp;at HMAS&nbsp;facility for the&nbsp;Department of Defence&nbsp;at HMAS&nbsp;facility for the&nbsp;Department of Defence&nbsp;at HMAS&nbsp;Creswell in Jervis Bay, New South Wales. The new building is located&#8230; </p>
+
                 <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
-
                    <div id="wrap_cirle_left" class="circle_shadow">
+
-
                      <span rel="#left-box-ps" class="wrap_ps-link"><span>Read More</span></span><br/><!--the left popup-box------>
+
-
                    </div>
+
-
                </div>                 
+
-
        </div><!---end of wrap left column---->
+
-
           
+
-
           
+
-
        <div id="wrap_right_column">
+
-
                <div class="clr"></div>
+
-
             <div class="wrap_photo_right">
+
-
                 <a href="#"><img src="images/water.jpg" width="190" height="188" alt="team number" /></a>  
+
             </div>
             </div>
-
           
+
        </div>
-
              <div class="wrap_text_description_right">
+
         <div class="member_details" id="member-kaifeng-details">
-
            <p class="text_description"> Kane Constructions was appointed in 2010 to deliver&nbsp;this new&nbsp;facility for the&nbsp;Department of Defence&nbsp;at HMAS&nbsp;Creswell in Jervis Bay, New South Wales.facility for the&nbsp;Department of Defence&nbsp;at HMAS&nbsp;facility for the&nbsp;Department of Defence&nbsp;at HMAS&nbsp; The new building is located&#8230;</p>
+
            <div class="detail_close"></div>
-
                  <div id="wrap_cirle_right" class="circle_shadow">
+
             <div class="details_member_name">
-
                      <span rel="#right-box-ps" class="wrap_ps-link">Read More</span><!--the right popup-box------>
+
                 <h1>Kaifeng Chen</h1>
-
                  </div>
+
-
              </div>
+
-
          </div><!---end of wrap right column---->
+
-
         
+
-
         
+
-
         
+
-
          <div class="clr"></div>
+
-
         <div id="wrap_left_column">
+
-
              <div class="wrap_photo_left">
+
-
                <img src="images/water.jpg" width="190" height="188" alt="team number" /> 
+
-
              </div>
+
-
                     
+
-
                <div class="wrap_text_description">
+
-
            <p class="text_description"> Kane Constructions was appointed in 2010 to deliver&nbsp;this new&nbsp;facility for the&nbsp;Department of Defence&nbsp;at HMAS&nbsp;facility for the&nbsp;Department of Defence&nbsp;at HMAS&nbsp;facility for the&nbsp;Department of Defence&nbsp;at HMAS&nbsp;Creswell in Jervis Bay, New South Wales. The new building is located&#8230; </p>
+
-
          <p><a href="#"><div id="wrap_cirle_left" class="circle_shadow">Read More</div></a></p>
+
-
                </div>                   
+
-
      </div><!---end of wrap left column---->
+
-
           
+
-
           
+
-
        <div id="wrap_right_column">
+
-
                <div class="clr"></div>
+
-
             <div class="wrap_photo_right">
+
-
                 <a href="#"><img src="images/water.jpg" width="210" height="188" alt="team number" /></a>  
+
             </div>
             </div>
-
              
+
             <div class="member_photo" id="photo_kaifeng"> </div>  
-
              <div class="wrap_text_description_right">
+
            <div class="resume">
-
            <p class="text_description"> Kane Constructions was appointed in 2010 to deliver&nbsp;this new&nbsp;facility for the&nbsp;Department of Defence&nbsp;at HMAS&nbsp;Creswell in Jervis Bay, New South Wales.facility for the&nbsp;Department of Defence&nbsp;at HMAS&nbsp;facility for the&nbsp;Department of Defence&nbsp;at HMAS&nbsp; The new building is located&#8230;</p>
+
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
-
          <p><a href="#"><div id="wrap_cirle_right" class="circle_shadow">Read More</div></a></p>
+
-
              </div>
+
-
             
+
-
          </div><!---end of wrap right column---->
+
-
         
+
-
         
+
-
          <div class="clr"></div>
+
-
          <div id="wrap_left_column">
+
-
       
+
-
          <div class="wrap_photo_left">
+
-
                <img src="images/water.jpg" width="190" height="188" alt="team number" />  
+
             </div>
             </div>
-
                     
+
        </div>
-
                <div class="wrap_text_description">
+
        <div class="member_details" id="member-chao-details">
-
            <p class="text_description"> Kane Constructions was appointed in 2010 to deliver&nbsp;this new&nbsp;facility for the&nbsp;Department of Defence&nbsp;at HMAS&nbsp;facility for the&nbsp;Department of Defence&nbsp;at HMAS&nbsp;facility for the&nbsp;Department of Defence&nbsp;at HMAS&nbsp;Creswell in Jervis Bay, New South Wales. The new building is located&#8230; </p>
+
            <div class="detail_close"></div>
-
          <p><a href="#"><div id="wrap_cirle_left" class="circle_shadow">Read More</div></a></p>
+
             <div class="details_member_name">
-
                </div>             
+
                 <h1>Chao Xu</h1>
-
       
+
-
        </div><!---end of wrap left column---->
+
-
           
+
-
           
+
-
        <div id="wrap_right_column" class="the_last_column">
+
-
                <div class="clr"></div>
+
-
             <div class="wrap_photo_right">
+
-
                 <a href="#"><img src="images/water.jpg" width="190" height="188" alt="team number" /></a>  
+
             </div>
             </div>
-
              
+
             <div class="member_photo" id="photo_chao"></div>
-
              <div class="wrap_text_description_right">
+
             <div class="resume">
-
             <p class="text_description"> Kane Constructions was appointed in 2010 to deliver&nbsp;this new&nbsp;facility for the&nbsp;Department of Defence&nbsp;at HMAS&nbsp;Creswell in Jervis Bay, New South Wales.facility for the&nbsp;Department of Defence&nbsp;at HMAS&nbsp;facility for the&nbsp;Department of Defence&nbsp;at HMAS&nbsp; The new building is located&#8230;</p>
+
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
-
             <p><a href="#"><div id="wrap_cirle_right" class="circle_shadow">Read More</div></a></p>
+
             </div>
-
              </div>
+
        </div>
-
             
+
        <div class="member_details" id="member-litong-details">
-
          </div><!---end of wrap right column---->
+
            <div class="detail_close"></div>
-
 
+
            <div class="details_member_name">
-
   
+
                <h1>Litong Jiang</h1>
-
             
+
            </div>
-
    <div class="clr"></div>
+
            <div class="member_photo" id="photo_litong"> </div>
-
 
+
            <div class="resume">
-
  </div><!----the end of wrap_team----->
+
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
-
 
+
            </div>
-
</div><!-----the end of page_wrap div---->
+
        </div>
-
 
+
        <div class="member_details" id="member-kaishuai-details">
-
</body>
+
            <div class="detail_close"></div>
-
<html>
+
            <div class="details_member_name">
-
 
+
                <h1>Kaishuai Yang</h1>
 +
            </div>
 +
            <div class="member_photo" id="photo_kaishuai"></div>
 +
            <div class="resume">
 +
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
 +
            </div>
 +
        </div>
 +
        <div class="member_details" id="member-sen-details">
 +
            <div class="detail_close"></div>
 +
            <div class="details_member_name">
 +
                <h1>Sen Jiang</h1>
 +
            </div>
 +
            <div class="member_photo" id="photo_sen"></div>
 +
            <div class="resume">
 +
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
 +
            </div>
 +
        </div>
 +
        <div class="member_details" id="member-qi-details">
 +
            <div class="detail_close"></div>
 +
            <div class="details_member_name">
 +
                <h1>Qi Hu</h1>
 +
            </div>
 +
            <div class="member_photo" id="photo_qi"></div>
 +
            <div class="resume">
 +
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
 +
            </div>
 +
        </div>
 +
        <div class="member_details" id="member-wenjuan-details">
 +
            <div class="detail_close"></div>
 +
            <div class="details_member_name">
 +
                <h1>Wenjuan Zhang</h1>
 +
            </div>
 +
            <div class="member_photo" id="photo_wenjuan"></div>
 +
            <div class="resume">
 +
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
 +
            </div>
 +
        </div>
 +
        <div class="member_details" id="member-yunlong-details">
 +
            <div class="detail_close"></div>
 +
            <div class="details_member_name">
 +
                <h1>Yunlong Zheng</h1>
 +
            </div>
 +
            <div class="member_photo" id="photo_yunlong"></div>
 +
            <div class="resume">
 +
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
 +
            </div>
 +
        </div>
 +
    </div>
          
          
-
 
+
    </div>
 +
   
 +
    <div id="thanks"></div>
 +
    <div id="links"></div>
</body>
</body>
</html>
</html>

Revision as of 06:04, 23 September 2012

global_header

igem
USTC-Software Team
Kai Kang
Kaifeng Chen
Chao Xu
Litong Jiang
Kaishuai Yang
Sen Jiang
Qi Hu
Wenjuan Zhang
Yunlong Zheng

Kai Kang

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Kaifeng Chen

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Chao Xu

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Litong Jiang

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Kaishuai Yang

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Sen Jiang

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Qi Hu

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Wenjuan Zhang

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Yunlong Zheng

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Retrieved from "http://2012.igem.org/Team:USTC-Software/team.html"