Difference between revisions of "Team:HFUT-China/team"

(Created page with "<html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1"> <title>HFUT-China | Team</title>...")
 
 
(2 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
<html lang="en">
 
<html lang="en">
 +
 
<head>
 
<head>
<meta charset="UTF-8">
+
    <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1">
+
    <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1">
<title>HFUT-China | Team</title>
+
    <title>HFUT-China | Team</title>
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Team:HFUT-China/teamcss?action=raw&ctype=text/css">
+
    <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Team:HFUT-China/teamcss?action=raw&ctype=text/css">
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Team:HFUT-China/ghcss?action=raw&ctype=text/css">
+
    <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Team:HFUT-China/ghcss?action=raw&ctype=text/css">
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Team:HFUT-China/bootstrapcss?action=raw&ctype=text/css">
+
    <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Team:HFUT-China/bootstrapcss?action=raw&ctype=text/css">
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Team:HFUT-China/onepagecss?action=raw&ctype=text/css" >
+
    <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Team:HFUT-China/onepagecss?action=raw&ctype=text/css">
<script type="text/javascript" src="https://2015.igem.org/Team:HFUT-China/jqjs?action=raw&ctype=text/javascript"></script>
+
    <script type="text/javascript" src="https://2015.igem.org/Team:HFUT-China/jqjs?action=raw&ctype=text/javascript"></script>
<script type="text/javascript" src="https://2015.igem.org/Team:HFUT-China/btsjs?action=raw&ctype=text/javascript"></script>
+
    <script type="text/javascript" src="https://2015.igem.org/Team:HFUT-China/btsjs?action=raw&ctype=text/javascript"></script>
 
  <script>
 
  <script>
 
     if ($('.firstHeading')) $('.firstHeading').remove();
 
     if ($('.firstHeading')) $('.firstHeading').remove();
Line 62: Line 63:
 
     </style>
 
     </style>
 
</head>
 
</head>
 +
 
<body>
 
<body>
<nav id="globalheader" class="globalheader" role="navigation" aria-label="Global Navigation">
+
    <nav id="globalheader" class="globalheader" role="navigation" aria-label="Global Navigation">
 
         <div id="gh-content" class="gh-content">
 
         <div id="gh-content" class="gh-content">
 
             <ul class="gh-nav-list navbar-nav">
 
             <ul class="gh-nav-list navbar-nav">
 
                 <li class="gh-tab gh-tab-logo">
 
                 <li class="gh-tab gh-tab-logo">
 
                     <a href="/" class="gh-tab-link">
 
                     <a href="/" class="gh-tab-link">
                         <div class="gh-logo"><img src="img/logo_white_small.png" alt="35x35" class="img-rounded" style="width: 35px;height: 35px;"></div>
+
                         <div class="gh-logo">
 +
                                <img src="https://static.igem.org/mediawiki/2015/e/eb/Logo_white_small.png" alt="35x35" class="img-rounded" style="width: 35px;height: 35px;">
 +
                        </div>
 
                     </a>
 
                     </a>
 
                 </li>
 
                 </li>
 
                 <li class="gh-tab"><a href="/Software" class="gh-tab-link">Software</a></li>
 
                 <li class="gh-tab"><a href="/Software" class="gh-tab-link">Software</a></li>
<li class="gh-tab"><a href="/Design" class="gh-tab-link">Design</a></li>
+
                <li class="gh-tab"><a href="/Design" class="gh-tab-link">Design</a></li>
<li class="gh-tab"><a href="/Description" class="gh-tab-link">Project</a></li>
+
                <li class="gh-tab"><a href="/Description" class="gh-tab-link">Project</a></li>
<li class="gh-tab"><a href="/Documents" class="gh-tab-link">Documents</a></li>
+
                <li class="gh-tab"><a href="/Documents" class="gh-tab-link">Documents</a></li>
<li class="gh-tab"><a href="/Human Practices" class="gh-tab-link">Human Practices</a></li>
+
                <li class="gh-tab"><a href="/Human Practices" class="gh-tab-link">Human Practices</a></li>
<li class="gh-tab"><a href="/Collaborations" class="gh-tab-link">Collaborations</a></li>
+
                <li class="gh-tab"><a href="/Collaborations" class="gh-tab-link">Collaborations</a></li>
<li class="gh-tab"><a href="/Team" class="gh-tab-link">Team</a></li>
+
                <li class="gh-tab"><a href="/Team" class="gh-tab-link">Team</a></li>
<li class="gh-tab"><a href="/Attributors" class="gh-tab-link">Attributors</a></li>
+
                <li class="gh-tab"><a href="/Attributors" class="gh-tab-link">Attributors</a></li>
             </ul> <!-- ul.gh-nav-list -->
+
             </ul>
         </div> <!-- div#gh-content -->
+
            <!-- ul.gh-nav-list -->
     </nav> <!-- nav#globalheader -->
+
         </div>
<div class="container">
+
        <!-- div#gh-content -->
<div class="info-group">
+
     </nav>
<div class="sec-title">
+
    <!-- nav#globalheader -->
<h3 class="sec-head">Team Members</h3>
+
    <div class="container">
</div>
+
        <div class="info-group">
<div class="whole-photo" id="all"></div>
+
            <div class="sec-title">
<div class="clear"></div>
+
                <h3 class="sec-head">Team Members</h3>
<div class="members">
+
            </div>
<div class="member-info left">
+
            <div class="whole-photo" id="all"></div>
<div class="member-photo" id="Bowen"></div>
+
            <div class="clear"></div>
<div class="member-intro">
+
            <div class="members">
<h3 class="member-name">Bowen Gong - Team Leader & Developer</h3>
+
                <div class="member-info left">
<div class="member-desc">Lorem ipsum dolor sit amet, omnis torquatos prodesset ad quo, erat quando ridens te his, ipsum omnium sit id. Id eam solum eruditi. Exerci tempor posidonium mel cu, enim dolores consequuntur usu ea, te aeque mandamus vis. Pro in postulant partiendo. In his quis probo patrioque, feugiat sanctus sapientem sea cu, veri graece conclusionemque usu id</div>
+
                    <div class="member-photo" id="Bowen"></div>
</div>
+
                    <div class="member-intro">
</div>
+
                        <h3 class="member-name">Bowen Gong - Team Leader & Developer</h3>
<div class="member-info right">
+
                        <div class="member-desc">Lorem ipsum dolor sit amet, omnis torquatos prodesset ad quo, erat quando ridens te his, ipsum omnium sit id. Id eam solum eruditi. Exerci tempor posidonium mel cu, enim dolores consequuntur usu ea, te aeque mandamus vis. Pro in postulant partiendo. In his quis probo patrioque, feugiat sanctus sapientem sea cu, veri graece conclusionemque usu id</div>
<div class="member-photo" id="Ron"></div>
+
                    </div>
<div class="member-intro">
+
                </div>
<h3 class="member-name">Ron Duan - Developer</h3>
+
                <div class="member-info right">
<div class="member-desc">Lorem ipsum dolor sit amet, omnis torquatos prodesset ad quo, erat quando ridens te his, ipsum omnium sit id. Id eam solum eruditi. Exerci tempor posidonium mel cu, enim dolores consequuntur usu ea, te aeque mandamus vis. Pro in postulant partiendo. In his quis probo patrioque, feugiat sanctus sapientem sea cu, veri graece conclusionemque usu id</div>
+
                    <div class="member-photo" id="Ron"></div>
</div>
+
                    <div class="member-intro">
</div>
+
                        <h3 class="member-name">Ron Duan - Developer</h3>
<div class="member-info left">
+
                        <div class="member-desc">Lorem ipsum dolor sit amet, omnis torquatos prodesset ad quo, erat quando ridens te his, ipsum omnium sit id. Id eam solum eruditi. Exerci tempor posidonium mel cu, enim dolores consequuntur usu ea, te aeque mandamus vis. Pro in postulant partiendo. In his quis probo patrioque, feugiat sanctus sapientem sea cu, veri graece conclusionemque usu id</div>
<div class="member-photo" id="Rexar"></div>
+
                    </div>
<div class="member-intro">
+
                </div>
<h3 class="member-name">Rexar Zhang- Designer</h3>
+
                <div class="member-info left">
<div class="member-desc">As a UI designer in our team, I’m responsible for designing the UI of BioDesigner ,including interaction design and visual design. I need considering usability and user experience in any time, to make sure that the user have a comfortable felling during the design process. Of cause, our Logo, poster, banner, Team T-shirt and WiKi is also my responsibility. By the way, this is my first time to take part in iGEM.</div>
+
                    <div class="member-photo" id="Rexar"></div>
</div>
+
                    <div class="member-intro">
</div>
+
                        <h3 class="member-name">Rexar Zhang- Designer</h3>
<div class="member-info right">
+
                        <div class="member-desc">As a UI designer in our team, I’m responsible for designing the UI of BioDesigner ,including interaction design and visual design. I need considering usability and user experience in any time, to make sure that the user have a comfortable felling during the design process. Of cause, our Logo, poster, banner, Team T-shirt and WiKi is also my responsibility. By the way, this is my first time to take part in iGEM.</div>
<div class="member-photo" id="Bob"></div>
+
                    </div>
<div class="member-intro">
+
                </div>
<h3 class="member-name">Bob Pang - QA & Database Developer</h3>
+
                <div class="member-info right">
<div class="member-desc">I am a student of Hefei University of Technology and majoring in software
+
                    <div class="member-photo" id="Bob"></div>
Engineering. In my spare time ,I’d like to watching American TV Series. And I’m glad  
+
                    <div class="member-intro">
to have the opportunity to attend this competition.
+
                        <h3 class="member-name">Bob Pang - QA & Database Developer</h3>
    In our team, my main job is consist of the following parts. First is design and maintain the  
+
                        <div class="member-desc">I am a student of Hefei University of Technology and majoring in software Engineering. In my spare time ,I’d like to watching American TV Series. And I’m glad to have the opportunity to attend this competition. In our team, my main job is consist of the following parts. First is design and maintain the Database. The next one Is make the version control part of our background. Also I do unit testing for most of the functions in our system.</div>
Database. The next one Is make the version control part of our background. Also I do unit testing for most of the functions in our system.</div>
+
                    </div>
</div>
+
                </div>
</div>
+
                <div class="member-info left">
<div class="member-info left">
+
                    <div class="member-photo" id="Ray"></div>
<div class="member-photo" id="Ray"></div>
+
                    <div class="member-intro">
<div class="member-intro">
+
                        <h3 class="member-name">Ray Sun - Developer & QA</h3>
<h3 class="member-name">Ray Sun - Developer & QA</h3>
+
                        <div class="member-desc">Lorem ipsum dolor sit amet, omnis torquatos prodesset ad quo, erat quando ridens te his, ipsum omnium sit id. Id eam solum eruditi. Exerci tempor posidonium mel cu, enim dolores consequuntur usu ea, te aeque mandamus vis. Pro in postulant partiendo. In his quis probo patrioque, feugiat sanctus sapientem sea cu, veri graece conclusionemque usu id</div>
<div class="member-desc">Lorem ipsum dolor sit amet, omnis torquatos prodesset ad quo, erat quando ridens te his, ipsum omnium sit id. Id eam solum eruditi. Exerci tempor posidonium mel cu, enim dolores consequuntur usu ea, te aeque mandamus vis. Pro in postulant partiendo. In his quis probo patrioque, feugiat sanctus sapientem sea cu, veri graece conclusionemque usu id</div>
+
                    </div>
</div>
+
                </div>
</div>
+
                <div class="member-info right">
<div class="member-info right">
+
                    <div class="member-photo" id="Bing"></div>
<div class="member-photo" id="Bing"></div>
+
                    <div class="member-intro">
<div class="member-intro">
+
                        <h3 class="member-name">Bing Zhang - Front end Developer</h3>
<h3 class="member-name">Bing Zhang - Front end Developer</h3>
+
                        <div class="member-desc">Lorem ipsum dolor sit amet, omnis torquatos prodesset ad quo, erat quando ridens te his, ipsum omnium sit id. Id eam solum eruditi. Exerci tempor posidonium mel cu, enim dolores consequuntur usu ea, te aeque mandamus vis. Pro in postulant partiendo. In his quis probo patrioque, feugiat sanctus sapientem sea cu, veri graece conclusionemque usu id</div>
<div class="member-desc">Lorem ipsum dolor sit amet, omnis torquatos prodesset ad quo, erat quando ridens te his, ipsum omnium sit id. Id eam solum eruditi. Exerci tempor posidonium mel cu, enim dolores consequuntur usu ea, te aeque mandamus vis. Pro in postulant partiendo. In his quis probo patrioque, feugiat sanctus sapientem sea cu, veri graece conclusionemque usu id</div>
+
                    </div>
</div>
+
                </div>
</div>
+
            </div>
 
+
            <!-- div.members -->
</div><!-- div.members -->
+
        </div>
</div><!--div.info-group-->
+
        <!--div.info-group-->
<div class="clear"></div>
+
        <div class="clear"></div>
<div class="info-group">
+
        <div class="info-group">
<div class="sec-title">
+
            <div class="sec-title">
<h3 class="sec-head">Advisor</h3>
+
                <h3 class="sec-head">Advisor</h3>
</div>
+
            </div>
<div class="members">
+
            <div class="members">
<div class="member-info left">
+
                <div class="member-info left">
<div class="member-photo"></div>
+
                    <div class="member-photo"></div>
<div class="member-intro">
+
                    <div class="member-intro">
<h3 class="member-name">Ning An</h3>
+
                        <h3 class="member-name">Ning An</h3>
<div class="member-desc">Lorem ipsum dolor sit amet, omnis torquatos prodesset ad quo, erat quando ridens te his, ipsum omnium sit id. Id eam solum eruditi. Exerci tempor posidonium mel cu, enim dolores consequuntur usu ea, te aeque mandamus vis. Pro in postulant partiendo. In his quis probo patrioque, feugiat sanctus sapientem sea cu, veri graece conclusionemque usu id</div>
+
                        <div class="member-desc">Lorem ipsum dolor sit amet, omnis torquatos prodesset ad quo, erat quando ridens te his, ipsum omnium sit id. Id eam solum eruditi. Exerci tempor posidonium mel cu, enim dolores consequuntur usu ea, te aeque mandamus vis. Pro in postulant partiendo. In his quis probo patrioque, feugiat sanctus sapientem sea cu, veri graece conclusionemque usu id</div>
</div>
+
                    </div>
</div>
+
                </div>
<div class="member-info right">
+
                <div class="member-info right">
<div class="member-photo"></div>
+
                    <div class="member-photo"></div>
<div class="member-intro">
+
                    <div class="member-intro">
<h3 class="member-name">Jiaoyun Yang</h3>
+
                        <h3 class="member-name">Jiaoyun Yang</h3>
<div class="member-desc">Lorem ipsum dolor sit amet, omnis torquatos prodesset ad quo, erat quando ridens te his, ipsum omnium sit id. Id eam solum eruditi. Exerci tempor posidonium mel cu, enim dolores consequuntur usu ea, te aeque mandamus vis. Pro in postulant partiendo. In his quis probo patrioque, feugiat sanctus sapientem sea cu, veri graece conclusionemque usu id</div>
+
                        <div class="member-desc">Lorem ipsum dolor sit amet, omnis torquatos prodesset ad quo, erat quando ridens te his, ipsum omnium sit id. Id eam solum eruditi. Exerci tempor posidonium mel cu, enim dolores consequuntur usu ea, te aeque mandamus vis. Pro in postulant partiendo. In his quis probo patrioque, feugiat sanctus sapientem sea cu, veri graece conclusionemque usu id</div>
</div>
+
                    </div>
</div>
+
                </div>
</div><!--div.members -->
+
            </div>
</div><!--div.info-group-->
+
            <!--div.members -->
</div><!-- div.container -->
+
        </div>
 +
        <!--div.info-group-->
 +
    </div>
 +
    <!-- div.container -->
 
</body>
 
</body>
 +
 
</html>
 
</html>

Latest revision as of 08:13, 18 September 2015

HFUT-China | Team

Team Members

Bowen Gong - Team Leader & Developer

Lorem ipsum dolor sit amet, omnis torquatos prodesset ad quo, erat quando ridens te his, ipsum omnium sit id. Id eam solum eruditi. Exerci tempor posidonium mel cu, enim dolores consequuntur usu ea, te aeque mandamus vis. Pro in postulant partiendo. In his quis probo patrioque, feugiat sanctus sapientem sea cu, veri graece conclusionemque usu id

Ron Duan - Developer

Lorem ipsum dolor sit amet, omnis torquatos prodesset ad quo, erat quando ridens te his, ipsum omnium sit id. Id eam solum eruditi. Exerci tempor posidonium mel cu, enim dolores consequuntur usu ea, te aeque mandamus vis. Pro in postulant partiendo. In his quis probo patrioque, feugiat sanctus sapientem sea cu, veri graece conclusionemque usu id

Rexar Zhang- Designer

As a UI designer in our team, I’m responsible for designing the UI of BioDesigner ,including interaction design and visual design. I need considering usability and user experience in any time, to make sure that the user have a comfortable felling during the design process. Of cause, our Logo, poster, banner, Team T-shirt and WiKi is also my responsibility. By the way, this is my first time to take part in iGEM.

Bob Pang - QA & Database Developer

I am a student of Hefei University of Technology and majoring in software Engineering. In my spare time ,I’d like to watching American TV Series. And I’m glad to have the opportunity to attend this competition. In our team, my main job is consist of the following parts. First is design and maintain the Database. The next one Is make the version control part of our background. Also I do unit testing for most of the functions in our system.

Ray Sun - Developer & QA

Lorem ipsum dolor sit amet, omnis torquatos prodesset ad quo, erat quando ridens te his, ipsum omnium sit id. Id eam solum eruditi. Exerci tempor posidonium mel cu, enim dolores consequuntur usu ea, te aeque mandamus vis. Pro in postulant partiendo. In his quis probo patrioque, feugiat sanctus sapientem sea cu, veri graece conclusionemque usu id

Bing Zhang - Front end Developer

Lorem ipsum dolor sit amet, omnis torquatos prodesset ad quo, erat quando ridens te his, ipsum omnium sit id. Id eam solum eruditi. Exerci tempor posidonium mel cu, enim dolores consequuntur usu ea, te aeque mandamus vis. Pro in postulant partiendo. In his quis probo patrioque, feugiat sanctus sapientem sea cu, veri graece conclusionemque usu id

Advisor

Ning An

Lorem ipsum dolor sit amet, omnis torquatos prodesset ad quo, erat quando ridens te his, ipsum omnium sit id. Id eam solum eruditi. Exerci tempor posidonium mel cu, enim dolores consequuntur usu ea, te aeque mandamus vis. Pro in postulant partiendo. In his quis probo patrioque, feugiat sanctus sapientem sea cu, veri graece conclusionemque usu id

Jiaoyun Yang

Lorem ipsum dolor sit amet, omnis torquatos prodesset ad quo, erat quando ridens te his, ipsum omnium sit id. Id eam solum eruditi. Exerci tempor posidonium mel cu, enim dolores consequuntur usu ea, te aeque mandamus vis. Pro in postulant partiendo. In his quis probo patrioque, feugiat sanctus sapientem sea cu, veri graece conclusionemque usu id