Difference between revisions of "Team:HZAU-China/Team"

 
(29 intermediate revisions by 4 users not shown)
Line 1: Line 1:
 +
{{HZAU-China/Bootstrap}}
 
<html>
 
<html>
  
Line 9: Line 10:
 
         #sideMenu,
 
         #sideMenu,
 
         #top_title,
 
         #top_title,
         #team_submenu,
+
         #team_submenu {
        #HQ_page p {
+
 
             display: none;
 
             display: none;
 +
        }
 +
 +
        #HQ_page p {
 +
            margin: 0 !important;
 
         }
 
         }
  
Line 64: Line 68:
 
             color: #ffffff;
 
             color: #ffffff;
 
             height: 64px;
 
             height: 64px;
 +
            top: -2px;
 
         }
 
         }
  
Line 86: Line 91:
 
             z-index: 1;
 
             z-index: 1;
 
             background-color: #EEEEEE;
 
             background-color: #EEEEEE;
            opacity: 0.96;
 
            filter: alpha(opacity=96);
 
 
             box-shadow: 0 5px 15px #CCCCCC;
 
             box-shadow: 0 5px 15px #CCCCCC;
 
             display: none;
 
             display: none;
Line 129: Line 132:
 
             color: #ffffff;
 
             color: #ffffff;
 
             font-size: 16px !important;
 
             font-size: 16px !important;
 +
        }
 +
 +
        .daohang .xsjPic {
 +
            display: inline-block;
 +
            width: 10px;
 +
            height: 10px;
 +
            vertical-align: middle;
 +
            background-size: 100% 100%;
 +
            background-image: url("https://static.igem.org/mediawiki/2018/6/63/T--HZAU-China--xsj.svg")
 
         }
 
         }
  
Line 138: Line 150:
 
             background-size: 100% 100%;
 
             background-size: 100% 100%;
 
             background-image: url("https://static.igem.org/mediawiki/2018/8/8d/T--HZAU-China--xjt.svg")
 
             background-image: url("https://static.igem.org/mediawiki/2018/8/8d/T--HZAU-China--xjt.svg")
 +
        }
 +
 +
        .daohang a:hover span {
 +
            transform: rotateY(180deg);
 +
            -webkit-transform: rotateY(180deg);
 +
            -moz-transform: rotateY(180deg);
 +
            -o-transform: rotateY(180deg);
 +
            -ms-transform: rotateY(180deg);
 +
            transition: all 0.5s ease-in-out;
 +
            -webkit-transition: all 0.5s ease-in-out;
 +
            -moz-transition: all 0.5s ease-in-out;
 +
            -o-transition: all 0.5s ease-in-out;
 
         }
 
         }
  
Line 184: Line 208:
 
             position: absolute;
 
             position: absolute;
 
             width: 80px;
 
             width: 80px;
             height: 3px;
+
             height: 2px;
 
             bottom: 5px;
 
             bottom: 5px;
 
             left: 15px;
 
             left: 15px;
Line 206: Line 230:
 
             position: absolute;
 
             position: absolute;
 
             width: 130px;
 
             width: 130px;
             height: 3px;
+
             height: 2px;
 
             bottom: 5px;
 
             bottom: 5px;
 
             left: 20px;
 
             left: 20px;
Line 212: Line 236:
 
         }
 
         }
  
         @media screen and (max-width: 1000px) {
+
         @media screen and (max-width: 1200px) {
 
             .logo-daohang {
 
             .logo-daohang {
                 left: 5%;
+
                 left: 3%;
 
             }
 
             }
  
             .daohang .caidan {
+
             .daohangyi {
                 right: 0;
+
                 font-size: 12px;
 
             }
 
             }
 
         }
 
         }
Line 225: Line 249:
  
 
             .daohang .caidan {
 
             .daohang .caidan {
 +
                right: 0;
 
                 width: 100%;
 
                 width: 100%;
 
             }
 
             }
Line 238: Line 263:
 
             .daohang .longName {
 
             .daohang .longName {
 
                 width: 25vw;
 
                 width: 25vw;
 +
            }
 +
 +
            .daohangyi img {
 +
                display: none;
 +
            }
 +
 +
            .daohang .longName .item:before {
 +
                width: 150px;
 +
                left: 20px;
 +
            }
 +
 +
            .daohang .longName .item:hover:after {
 +
                width: 150px;
 +
                left: 20px;
 
             }
 
             }
 
         }
 
         }
Line 261: Line 300:
 
             width: 80%;
 
             width: 80%;
 
             /* height: auto; */
 
             /* height: auto; */
             margin: 20px 20px 0 0;
+
             margin: 20px 40px 0 0;
 
             /* right: 2%; */
 
             /* right: 2%; */
 
             /* top: 90px; */
 
             /* top: 90px; */
Line 277: Line 316:
  
 
         .cebian {
 
         .cebian {
             width: 15%;
+
             width: 180px;
 
             /* height: 80vh; */
 
             /* height: 80vh; */
 
             float: left;
 
             float: left;
 
             /* left: 1vw; */
 
             /* left: 1vw; */
             top: 130px;
+
             top: 150px;
 
             position: fixed;
 
             position: fixed;
 
             box-shadow: 0 1px 3px #676767;
 
             box-shadow: 0 1px 3px #676767;
Line 406: Line 445:
  
 
         .duiyuan .jieshao .saohua {
 
         .duiyuan .jieshao .saohua {
             padding: 10 3 0 3;
+
             padding: 10px 4px 0px 4px !important;
 
             color: black;
 
             color: black;
 
             font-family: Arial;
 
             font-family: Arial;
 
             font-style: italic;
 
             font-style: italic;
             font-size: 14px;
+
             font-size: 15px !important;
 
             list-style-type: none;
 
             list-style-type: none;
 
             text-align: justify;
 
             text-align: justify;
 
             line-height: 18px;
 
             line-height: 18px;
 +
        }
 +
       
 +
        @media screen and (max-width: 880px) {
 +
 +
            .laoshi img {
 +
            height: 40vh;
 +
            }
 
         }
 
         }
 
     </style>
 
     </style>
 
     <!-- 滚动菜单栏CSS -->
 
     <!-- 滚动菜单栏CSS -->
 
     <style>
 
     <style>
        #float01 {}
+
            #float01 {}
 
+
   
        #float02 {}
+
            #float02 {}
 
+
   
        #float03 {}
+
            div.floatCtro {
 
+
                width: 100%;
        div.floatCtro {
+
                /* height: auto; */
            width: 100%;
+
                margin: 0;
            height: 250px;
+
                position: relative;
            margin: 0;
+
                background: #fff;
            position: relative;
+
   
            background: #fff;
+
            }
 
+
   
        }
+
            .daohangyi {
 
+
                display: block;
        .daohangyi {
+
                width: 100%;
            display: block;
+
                /* height: auto; */
            width: 100%;
+
                /* text-align: left !important; */
            height: 45px;
+
                color: #ffffff !important;
            color: #ffffff !important;
+
                font-size: 16px;
            font-size: 16px;
+
                padding:0;
            background-color: #323643;
+
                background-color: #323643;
            border-bottom: 1px solid black;
+
                border-bottom: 1px solid black;
            /* border-radius: 5px; */
+
                padding:0 3%;
            text-decoration: none !important;
+
                text-decoration: none !important;
        }
+
            }
 
+
   
        div.floatCtro .daohanger {
+
            div.floatCtro .daohanger {
            width: 100%;
+
                width: 100%;
            text-align: justify !important;
+
                text-align: left !important;
            height: 45px;
+
                height: auto;
            line-height: 45px;
+
                line-height: 25px;
            font-family: Arial;
+
                font-family: Arial;
            font-size: 14px;
+
                font-size: 16px !important;
            color: #676767;
+
                color: #676767;
            margin: 0;
+
                margin: 0;
            padding-left: 8%;
+
                padding:10px 8%;
            cursor: pointer;
+
                cursor: pointer;
            background: #fff;
+
                background: #fff;
        }
+
            }
 
+
   
        div.floatCtro a {
+
            div.floatCtro a {
            display: inline-block;
+
                display: inline-block;
            display: none;
+
                display: none;
            width: 100%;
+
                width: 100%;
            height: 40px;
+
                height: 40px;
            /* margin: 10px 0 0 0; */
+
                padding:10px 8%;
            background: #FFF;
+
                /* margin: 10px 0 0 0; */
            color: #000 !important;
+
                background: #FFF;
            vertical-align: middle;
+
                color: #000 !important;
            cursor: pointer;
+
                vertical-align: middle;
        }
+
                cursor: pointer;
 
+
            }
        div.floatCtro a span {
+
   
            display: block;
+
            div.floatCtro a span {
            height: 44px;
+
                display: block;
            line-height: 44px;
+
                height: auto;
            font-family: Arial;
+
                text-align: left !important;
            font-size: 16px;
+
                line-height: 20px;
             padding-left: 8%;
+
                font-family: Arial;
        }
+
                font-size: 16px;
 
+
             }
        div.floatCtro a:hover {
+
   
            /* background: #76b39d; */
+
            div.floatCtro a:hover {
            color: #EA0D04 !important;
+
                /* background: #76b39d; */
            zoom: 1;
+
                color: #EA0D04 !important;
        }
+
                zoom: 1;
 
+
            }
        div.floatCtro .daohanger:hover {
+
   
            /* background: #76b39d; */
+
            /* .cebian a:hover {
            color: #1fa67a;
+
                color: #f6eee0 !important;
            text-decoration: underline !important;
+
            } */
        }
+
   
 
+
            div.floatCtro .daohanger:hover {
        div.floatCtro .daohanger.cur {
+
                /* background: #76b39d; */
            /* background: #1fa67a; */
+
                color: #1fa67a;
            color: #1fa67a;
+
                text-decoration: underline !important;
        }
+
            }
 
+
   
        .biaoti {
+
            div.floatCtro .daohanger.cur {
            line-height: 40px;
+
                /* background: #1fa67a; */
            width: 50%;
+
                color: #1fa67a;
            margin-left: 6%;
+
            }
            text-align: center;
+
   
            text-decoration: none !important;
+
            .biaoti {
        }
+
                line-height: 40px;
 
+
                width: 50%;
        .daohangyi img {
+
                /* margin-left: 6%; */
            display: inline-block;
+
                text-align: center;
            width: 12px;
+
                text-decoration: none !important;
            height: 12px;
+
            }
            vertical-align: middle;
+
   
            background-size: 100% 100%;
+
            .daohangyi img {
             ;
+
                display: inline-block;
        }
+
                width: 12px;
     </style>
+
                height: 12px;
 +
                vertical-align: middle;
 +
                background-size: 100% 100%;
 +
   
 +
             }
 +
            .cebian div:hover img{
 +
                transform: rotateY(180deg);          
 +
                -webkit-transform: rotateY(180deg);           
 +
                -moz-transform: rotateY(180deg);           
 +
                -o-transform: rotateY(180deg);           
 +
                -ms-transform: rotateY(180deg);
 +
                transition: all 0.5s ease-in-out;           
 +
                -webkit-transition: all 0.5s ease-in-out;           
 +
                -moz-transition: all 0.5s ease-in-out;           
 +
                -o-transition: all 0.5s ease-in-out;
 +
            }
 +
            .cebian a:hover img{
 +
                transform: rotate(360deg);           
 +
                -webkit-transform: rotate(360deg);           
 +
                -moz-transform: rotate(360deg);           
 +
                -o-transform: rotate(360deg);           
 +
                -ms-transform: rotate(360deg);
 +
                transition: all 0.5s ease-in-out;           
 +
                -webkit-transition: all 0.5s ease-in-out;           
 +
                -moz-transition: all 0.5s ease-in-out;           
 +
                -o-transition: all 0.5s ease-in-out;
 +
            }
 +
      
 +
            @media screen and (max-width: 1200px) {           
 +
             
 +
                .cebian {
 +
                width: 15%;
 +
                }
 +
   
 +
                .zhengwen {
 +
                margin: 20px 20px 0 0;
 +
   
 +
                .daohangyi {
 +
                    font-size: 14px;
 +
                }
 +
                .daohangyi img {
 +
                    display: none;
 +
                } 
 +
            }
 +
   
 +
            @media screen and (max-width: 900px) {
 +
   
 +
                .daohangyi img {
 +
                    display: none;
 +
                } 
 +
               
 +
                .laoshi img {
 +
                    height: 30vh;
 +
                }
 +
            }
 +
        </style>
  
  
Line 521: Line 622:
 
     <!-- 导航栏 -->
 
     <!-- 导航栏 -->
 
     <nav class="daohang">
 
     <nav class="daohang">
        <a href="https://2018.igem.org/Team:HZAU-China"><img src="https://static.igem.org/mediawiki/2018/7/75/T--HZAU-China--logo-nav.png"
+
            <a href="https://2018.igem.org/Team:HZAU-China"><img src="https://static.igem.org/mediawiki/2018/7/75/T--HZAU-China--logo-nav.png"
                class="logo-daohang"></a>
+
                    class="logo-daohang"></a>
        <ul class="caidan">
+
            <ul class="caidan">
            <li class="hiLight shortName">
+
                <li class="hiLight shortName">
                <a class="nav_head" href="#">
+
                    <a class="nav_head" href="https://2018.igem.org/Team:HZAU-China">
                    <span>Project</span>
+
                        <span>Project</span>
                    <span class="xjtPic"></span>
+
                        <span class="xsjPic"></span>
                </a>
+
                    </a>
                <a class="item" href="https://2018.igem.org/Team:HZAU-China/Description">Description</a>
+
                    <a class="item" href="https://2018.igem.org/Team:HZAU-China/Description">Description</a>
                <a class="item" href="https://2018.igem.org/Team:HZAU-China/Design">Design</a>
+
                    <a class="item" href="https://2018.igem.org/Team:HZAU-China/Design">Design</a>
                <a class="item" href="https://2018.igem.org/Team:HZAU-China/Results">Results</a>
+
                    <a class="item" href="https://2018.igem.org/Team:HZAU-China/Results">Results</a>
                <a class="item" href="https://2018.igem.org/Team:HZAU-China/Demonstrate">Demonstrate</a>
+
                    <a class="item" href="https://2018.igem.org/Team:HZAU-China/Demonstrate">Demonstrate</a>
            </li>
+
                </li>
            <li class="hiLight shortName">
+
                <li class="hiLight shortName">
                <a class="nav_head" href="#">
+
                    <a class="nav_head" href="#">
                    <span>Wetlab</span>
+
                        <span>Wetlab</span>
                    <span class="xjtPic"></span>
+
                        <span class="xjtPic"></span>
                </a>
+
                    </a>
                <a class="item" href="https://2018.igem.org/Team:HZAU-China/Experiments">Experiments</a>
+
                    <a class="item" href="https://2018.igem.org/Team:HZAU-China/Experiments">Experiments</a>
                <a class="item" href="https://2018.igem.org/Team:HZAU-China/Improve">Improve</a>
+
                    <a class="item" href="https://2018.igem.org/Team:HZAU-China/Improve">Improve</a>
                <a class="item" href="https://2018.igem.org/Team:HZAU-China/InterLab">Interlab</a>
+
                    <a class="item" href="https://2018.igem.org/Team:HZAU-China/InterLab">InterLab</a>
            </li>
+
                    <a class="item" href="https://2018.igem.org/Team:HZAU-China/Notebook">Notebook</a>
            <li class="hiLight shortName">
+
   
                <a class="nav_head" href="#">
+
                </li>
                    <span>Drylab</span>
+
                <li class="hiLight shortName">
                    <span class="xjtPic"></span>
+
                    <a class="nav_head" href="#">
                </a>
+
                        <span>Drylab</span>
                <a class="item" href="https://2018.igem.org/Team:HZAU-China/Model">Model</a>
+
                        <span class="xjtPic"></span>
                <a class="item" href="https://2018.igem.org/Team:HZAU-China/Software">Software</a>
+
                    </a>
            </li>
+
                    <a class="item" href="https://2018.igem.org/Team:HZAU-China/Model">Model</a>
            <li class="hiLight longName">
+
                    <a class="item" href="https://2018.igem.org/Team:HZAU-China/Software">Software</a>
                <a class="nav_head" href="#">
+
                </li>
                    <span>Human&nbsp;Practices</span>
+
                <li class="hiLight longName">
                    <span class="xjtPic"></span>
+
                    <a class="nav_head" href="#">
                </a>
+
                        <span>Human&nbsp;Practices</span>
                <a class="item" href="https://2018.igem.org/Team:HZAU-China/Safety">Safty</a>
+
                        <span class="xjtPic"></span>
                <a class="item" href="https://2018.igem.org/Team:HZAU-China/Human_Practices">Human Practices</a>
+
                    </a>
                <a class="item" href="https://2018.igem.org/Team:HZAU-China/Public_Engagement">Public Engagement</a>
+
                    <a class="item" href="https://2018.igem.org/Team:HZAU-China/Safety">Safety</a>
            </li>
+
                    <a class="item" href="https://2018.igem.org/Team:HZAU-China/Human_Practices">Human Practices</a>
            <li class="hiLight shortName">
+
                    <a class="item" href="https://2018.igem.org/Team:HZAU-China/Public_Engagement">Public Engagement</a>
                <a class="nav_head" href="#">
+
                </li>
                    <span>About Us</span>
+
                <li class="hiLight shortName">
                    <span class="xjtPic"></span>
+
                    <a class="nav_head" href="#">
                </a>
+
                        <span>About Us</span>
                <a class="item" href="https://2018.igem.org/Team:HZAU-China/Team">Team</a>
+
                        <span class="xjtPic"></span>
                <a class="item" href="https://2018.igem.org/Team:HZAU-China/Attributions">Attributions</a>
+
                    </a>
                <a class="item" href="https://2018.igem.org/Team:HZAU-China/Collaborations">Collaborations</a>
+
                    <a class="item" href="https://2018.igem.org/Team:HZAU-China/Team">Team</a>
            </li>
+
                    <a class="item" href="https://2018.igem.org/Team:HZAU-China/Attributions">Attributions</a>
            <li class="shortName">
+
                    <a class="item" href="https://2018.igem.org/Team:HZAU-China/Collaborations">Collaborations</a>
                <a class="nav_head" href="https://2018.igem.org/Team:HZAU-China/Parts">
+
                </li>
                     <span>Parts</span>
+
                <li class="hiLight shortName">
                </a>
+
                    <a class="nav_head" href="#">
            </li>
+
                        <span>Parts</span>
        </ul>
+
                        <span class="xjtPic"></span>
        <div class="shade"></div>
+
                    </a>
 +
                    <a class="item" href="https://2018.igem.org/Team:HZAU-China/Basic_Part">Basic</a>
 +
                     <a class="item" href="https://2018.igem.org/Team:HZAU-China/Composite_Part">Composite</a>
 +
                </li>
 +
            </ul>
 +
            <div class="shade"></div>
 
     </nav>
 
     </nav>
 
     <!-- 内容 -->
 
     <!-- 内容 -->
Line 585: Line 691:
 
                 <div class="h1">MEMBERS</div>
 
                 <div class="h1">MEMBERS</div>
 
                 <div class="row">
 
                 <div class="row">
                     <div class="col-xs-6 col-sm-4 col-md-4 col-lg-3">
+
                     <div class="col-xs-6 col-sm-6 col-md-4 col-lg-3">
 
                         <div class="duiyuan">
 
                         <div class="duiyuan">
 
                             <img src="https://static.igem.org/mediawiki/2018/b/b3/T--HZAU-China--zhujun.jpg" alt="">
 
                             <img src="https://static.igem.org/mediawiki/2018/b/b3/T--HZAU-China--zhujun.jpg" alt="">
 
                             <div class="xingming">Zhujun Xia</div>
 
                             <div class="xingming">Zhujun Xia</div>
 
                             <div class="jieshao">
 
                             <div class="jieshao">
                                 <p class="saohua">This year,I'm captain of the HZAU-China. I hope I can be a brilliant
+
                                 <p class="saohua">This year,I'm the captain of HZAU-China. I hope I can be a brilliant
 
                                     person
 
                                     person
 
                                     like
 
                                     like
Line 598: Line 704:
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                     <div class="col-xs-6 col-sm-4 col-md-4 col-lg-3">
+
                     <div class="col-xs-6 col-sm-6 col-md-4 col-lg-3">
 
                         <div class="duiyuan">
 
                         <div class="duiyuan">
 
                             <img src="https://static.igem.org/mediawiki/2018/2/20/T--HZAU-China--yinqing.jpg" alt="">
 
                             <img src="https://static.igem.org/mediawiki/2018/2/20/T--HZAU-China--yinqing.jpg" alt="">
Line 612: Line 718:
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                     <div class="col-xs-6 col-sm-4 col-md-4 col-lg-3">
+
                     <div class="col-xs-6 col-sm-6 col-md-4 col-lg-3">
 
                         <div class="duiyuan">
 
                         <div class="duiyuan">
                             <img src="https://static.igem.org/mediawiki/2018/4/42/T--HZAU-China--yini.jpg" alt="">
+
                             <img src="https://static.igem.org/mediawiki/2018/a/ab/T--HZAU-China--yanghe.jpg" alt="">
                             <div class="xingming">Yini Miao</div>
+
                             <div class="xingming">He Yang</div>
 
                             <div class="jieshao">
 
                             <div class="jieshao">
                                 <p class="saohua">Yini Miao, one of the model group, who are intrigued with modeling
+
                                 <p class="saohua">My name is He Yang, It's my second year in HZAU-China team. I am
                                    last year
+
                                     curious and
                                     and
+
                                     ambitious. However, plentiful in ideal yet skiny in reality. I will easy to screw
                                     always try
+
                                     everything up if neglect any detail. So, it time to be a precise man.</p>
                                     her best to think and reflect.</p>
+
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                     <div class="col-xs-6 col-sm-4 col-md-4 col-lg-3">
+
                     <div class="col-xs-6 col-sm-6 col-md-4 col-lg-3">
 
                         <div class="duiyuan">
 
                         <div class="duiyuan">
                             <img src="https://static.igem.org/mediawiki/2018/1/16/T--HZAU-China--xichen.jpg" alt="">
+
                             <img src="https://static.igem.org/mediawiki/2018/9/90/T--HZAU-China--qiqin.jpg" alt="">
                             <div class="xingming">Tom Rao</div>
+
                             <div class="xingming">Mo Qiqin</div>
 
                             <div class="jieshao">
 
                             <div class="jieshao">
                                 <p class="saohua">This is Tom Rao, an anime lover, a movie fan, a fat otaku and a man
+
                                 <p class="saohua">This is Mo Qiqin, fan of KSP. I love building space crafts and I
                                     who is
+
                                     launch them
                                     willing to devote his life into biology research. He’s one of the modelling group
+
                                    successfuly. iGEM is more like a sand box game, for people can combine every parts
                                     and built
+
                                    they own
                                     up the ATc model of our project. He also took charge in the interLab and
+
                                     to fulfill their Fantasies♂. In the passed years, I fulfilled my fantasies and got
                                     successfully pass
+
                                     friendships in our iGEM team. Oh, that’s good!</p>
                                     the data check.</p>
+
                            </div>
 +
                        </div>
 +
                    </div>
 +
                    <div class="col-xs-6 col-sm-6 col-md-4 col-lg-3">
 +
                        <div class="duiyuan">
 +
                            <img src="https://static.igem.org/mediawiki/2018/f/f9/T--HZAU-China--lingyu.jpg" alt="">
 +
                            <div class="xingming">Lingyu Zhong</div>
 +
                            <div class="jieshao">
 +
                                <p class="saohua">My name is Lingyu Zhong and you may call me Xue Zhang, which means
 +
                                     senior in
 +
                                    English. Although I don’t know why they call me so. It’s my second year to be an
 +
                                    iGEMer,
 +
                                    and I'm one of the key members of wet experiment group. I love our team, I love our team
 +
                                     members. It’s
 +
                                     very lucky to meet you all.</p>
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                     <div class="col-xs-6 col-sm-4 col-md-4 col-lg-3">
+
                     <div class="col-xs-6 col-sm-6 col-md-4 col-lg-3">
 
                         <div class="duiyuan">
 
                         <div class="duiyuan">
 
                             <img src="https://static.igem.org/mediawiki/2018/e/e0/T--HZAU-China--zhijin.jpg" alt="">
 
                             <img src="https://static.igem.org/mediawiki/2018/e/e0/T--HZAU-China--zhijin.jpg" alt="">
Line 655: Line 774:
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                     <div class="col-xs-6 col-sm-4 col-md-4 col-lg-3">
+
                     <div class="col-xs-6 col-sm-6 col-md-4 col-lg-3">
 
                         <div class="duiyuan">
 
                         <div class="duiyuan">
                             <img src="https://static.igem.org/mediawiki/2018/f/f9/T--HZAU-China--lingyu.jpg" alt="">
+
                             <img src="https://static.igem.org/mediawiki/2018/9/98/T--HZAU-China--songtao.jpg" alt="">
                             <div class="xingming">Lingyu Zhong</div>
+
                             <div class="xingming">Songtao Cheng</div>
 
                             <div class="jieshao">
 
                             <div class="jieshao">
                                 <p class="saohua">My name is Lingyu Zhong and you may call me Xue Zhang, which means
+
                                 <p class="saohua">Hello! My name is Songtao Cheng. It's my second year to be an iGEMer.
                                    senior in
+
                                     During
                                    English. Although I don’t know why they call me so. It’s my second year to be an
+
                                     the iGEM project I found that synthetic biology is so charming. Joining iGEM is a
                                     iGEMer,
+
                                     good
                                     and I also a member of wet experiment group. I love our team, I love our team
+
                                     chance for me to learn knowledge and communicate with creative people to broaden my
                                     members. It’s
+
                                    horizon. In short, I enjoy it!</p>
                                     very lucky to meet you all.</p>
+
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                     <div class="col-xs-6 col-sm-4 col-md-4 col-lg-3">
+
                     <div class="col-xs-6 col-sm-6 col-md-4 col-lg-3">
 
                         <div class="duiyuan">
 
                         <div class="duiyuan">
                             <img src="https://static.igem.org/mediawiki/2018/7/77/T--HZAU-China--hengheng.jpg" alt="">
+
                             <img src="https://static.igem.org/mediawiki/2018/4/42/T--HZAU-China--yini.jpg" alt="">
                             <div class="xingming">Heng Heng</div>
+
                             <div class="xingming">Yini Miao</div>
 
                             <div class="jieshao">
 
                             <div class="jieshao">
                                 <p class="saohua">I‘m Heng Heng. This is my first year in HZAU-iGEM team. I'm eager for
+
                                 <p class="saohua">Yini Miao, one of the model group, who are intrigued with modeling
                                     knowledge, and iGEM is the place I want.</p>
+
                                    last year
 +
                                     and
 +
                                    always try
 +
                                    her best to think and reflect.</p>
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                     <div class="col-xs-6 col-sm-4 col-md-4 col-lg-3">
+
                     <div class="col-xs-6 col-sm-6 col-md-4 col-lg-3">
 
                         <div class="duiyuan">
 
                         <div class="duiyuan">
 
                             <img src="https://static.igem.org/mediawiki/2018/e/ed/T--HZAU-China--zhuoqi.jpg" alt="">
 
                             <img src="https://static.igem.org/mediawiki/2018/e/ed/T--HZAU-China--zhuoqi.jpg" alt="">
 
                             <div class="xingming">Zhuoqi Huang</div>
 
                             <div class="xingming">Zhuoqi Huang</div>
 
                             <div class="jieshao">
 
                             <div class="jieshao">
                                 <p class="saohua">Hello, my name is Zhuoqi Huang, a boy who come from a beautiful city
+
                                 <p class="saohua">Zhuoqi Huang, a boy who come from a beautiful city
 
                                     called
 
                                     called
                                     Jieyang. It is my honour to join in the iGEM as a member of wetlab. Although
+
                                     Jieyang. It is my honour to join the iGEM as a member of wetlab. Although
 
                                     bioinformatics
 
                                     bioinformatics
 
                                     is my major, I am addicted to experiments of organism but not the program on
 
                                     is my major, I am addicted to experiments of organism but not the program on
                                     computer. In
+
                                     computer. Next year, I hope I can make contribution to the drylab.</p>
                                    next year , I hope I can make contribution to the drylab.</p>
+
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                     <div class="col-xs-6 col-sm-4 col-md-4 col-lg-3">
+
                     <div class="col-xs-6 col-sm-6 col-md-4 col-lg-3">
 
                         <div class="duiyuan">
 
                         <div class="duiyuan">
                             <img src="https://static.igem.org/mediawiki/2018/8/84/T--HZAU-China--hangxi.jpg" alt="">
+
                             <img src="https://static.igem.org/mediawiki/2018/1/16/T--HZAU-China--xichen.jpg" alt="">
                             <div class="xingming">Hangxi Fu</div>
+
                             <div class="xingming">Tom Rao</div>
 
                             <div class="jieshao">
 
                             <div class="jieshao">
                                 <p class="saohua">This is Hangxi Fu,and you can call me Awesome Fu.I come from Yunnan
+
                                 <p class="saohua">This is Tom Rao, an anime lover, a movie fan, a fat otaku and a man
                                     and I am
+
                                     who is
                                     proud of my rich hometown.I am crazy about philosophy and psychology.Also,I am busy
+
                                     willing to devote his life into biology research. He’s one of the modelling group
                                     with
+
                                     and built
                                     biology just because it's my business.I am engaging in wet lab in iGEM though I
+
                                     up the ATc model of our project. He also took charge in the interLab and
                                     wanna study
+
                                     successfully pass
                                     modeling.</p>
+
                                     the data check.</p>
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                     <div class="col-xs-6 col-sm-4 col-md-4 col-lg-3">
+
                     <div class="col-xs-6 col-sm-6 col-md-4 col-lg-3">
 
                         <div class="duiyuan">
 
                         <div class="duiyuan">
                             <img src="https://static.igem.org/mediawiki/2018/9/90/T--HZAU-China--qiqin.jpg" alt="">
+
                             <img src="https://static.igem.org/mediawiki/2018/3/34/T--HZAU-China--wenxin.jpg" alt="">
                             <div class="xingming">Mo Qiqin</div>
+
                             <div class="xingming">Wenxin Hu</div>
 
                             <div class="jieshao">
 
                             <div class="jieshao">
                                 <p class="saohua">This is Mo Qiqin, fan of KSP. I love building space crafts and I
+
                                 <p class="saohua">Hi! I’m Wenxin Hu, you can call me Stephanie! I’m a girl who have
                                     launch them
+
                                     great
                                     successfuly. iGEM is more like a sand box game, for people can combine every parts
+
                                     passion in science and always dream to save the world! It’s my first year in team
                                     they own
+
                                     HZAU-China
                                     to fulfill their Fantasies♂. In the passed years, I fulfilled my fantasies and got
+
                                     and iGEM provides me a platform to achieve my dream. Everyone is nice here and I’m
                                     friendships in our iGEM team. Oh, that’s good!</p>
+
                                     really
 +
                                    happy to meet you all!</p>
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                     <div class="col-xs-6 col-sm-4 col-md-4 col-lg-3">
+
                     <div class="col-xs-6 col-sm-6 col-md-4 col-lg-3">
 
                         <div class="duiyuan">
 
                         <div class="duiyuan">
                             <img src="https://static.igem.org/mediawiki/2018/9/98/T--HZAU-China--songtao.jpg" alt="">
+
                             <img src="https://static.igem.org/mediawiki/2018/8/84/T--HZAU-China--hangxi.jpg" alt="">
                             <div class="xingming">Songtao Cheng</div>
+
                             <div class="xingming">Hangxi Fu</div>
 
                             <div class="jieshao">
 
                             <div class="jieshao">
                                 <p class="saohua">Hello! My name is Songtao Cheng. It's my second year to be an iGEMer.
+
                                 <p class="saohua">This is Hangxi Fu,and you can call me Awesome Fu.I come from Yunnan
                                     During
+
                                     and I am
                                     the iGEM project I found that synthetic biology is so charming. Joining iGEM is a
+
                                     proud of my rich hometown.I am crazy about philosophy and psychology.Also,I am busy
                                     good
+
                                     with
                                     chance for me to learn knowledge and communicate with creative people to broaden my
+
                                     biology just because it's my business.I am engaging in wet lab in iGEM though I
                                     horizon. In short, I enjoy it!</p>
+
                                    wanna study
 +
                                     modeling.</p>
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                     <div class="col-xs-6 col-sm-4 col-md-4 col-lg-3">
+
                     <div class="col-xs-6 col-sm-6 col-md-4 col-lg-3">
 
                         <div class="duiyuan">
 
                         <div class="duiyuan">
 
                             <img src="https://static.igem.org/mediawiki/2018/b/ba/T--HZAU-China--ruonan.jpg" alt="">
 
                             <img src="https://static.igem.org/mediawiki/2018/b/ba/T--HZAU-China--ruonan.jpg" alt="">
Line 751: Line 873:
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                     <div class="col-xs-6 col-sm-4 col-md-4 col-lg-3">
+
                     <div class="col-xs-6 col-sm-6 col-md-4 col-lg-3">
 
                         <div class="duiyuan">
 
                         <div class="duiyuan">
                             <img src="https://static.igem.org/mediawiki/2018/3/34/T--HZAU-China--wenxin.jpg" alt="">
+
                             <img src="https://static.igem.org/mediawiki/2018/7/77/T--HZAU-China--hengheng.jpg" alt="">
                             <div class="xingming">Wenxin Hu</div>
+
                             <div class="xingming">Heng Heng</div>
 
                             <div class="jieshao">
 
                             <div class="jieshao">
                                 <p class="saohua">Hi! I’m Wenxin Hu, you can call me Stephanie! I’m a girl who have
+
                                 <p class="saohua">I‘m Heng Heng. This is my first year in HZAU-China team. I'm eager for
                                    great
+
                                     knowledge, and iGEM is the place I want.</p>
                                    passion in science and always dream to save the world! It’s my first year in team
+
                                    HZAU-iGEM
+
                                    and iGEM provides me a platform to achieve my dream. Everyone is nice here and I’m
+
                                    really
+
                                    happy to meet you all!</p>
+
                            </div>
+
                        </div>
+
                    </div>
+
                    <div class="col-xs-6 col-sm-4 col-md-4 col-lg-3">
+
                        <div class="duiyuan">
+
                            <img src="https://static.igem.org/mediawiki/2018/a/ab/T--HZAU-China--yanghe.jpg" alt="">
+
                            <div class="xingming">He Yang</div>
+
                            <div class="jieshao">
+
                                <p class="saohua">My name is He Yang, It's my second year in HZAU-iGEM team. I am
+
                                     curious and
+
                                    ambitious. However, plentiful in ideal yet skiny in reality. I will easy to screw
+
                                    everything up if neglect any detail. So, it time to be a precise man.</p>
+
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                     <div class="col-xs-6 col-sm-4 col-md-4 col-lg-3">
+
                     <div class="col-xs-6 col-sm-6 col-md-4 col-lg-3">
 
                         <div class="duiyuan">
 
                         <div class="duiyuan">
 
                             <img src="https://static.igem.org/mediawiki/2018/a/ae/T--HZAU-China--yuying.jpg" alt="">
 
                             <img src="https://static.igem.org/mediawiki/2018/a/ae/T--HZAU-China--yuying.jpg" alt="">
Line 784: Line 889:
 
                             <div class="jieshao">
 
                             <div class="jieshao">
 
                                 <p class="saohua">My name is Aries.It is a great pleasure for me to be a member of
 
                                 <p class="saohua">My name is Aries.It is a great pleasure for me to be a member of
                                     HZAU-IGEM
+
                                     HZAU-China
 
                                     experiment group.My major contribution is in the related design work.Joining IGEM
 
                                     experiment group.My major contribution is in the related design work.Joining IGEM
 
                                     is a good
 
                                     is a good
Line 793: Line 898:
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                     <div class="col-xs-6 col-sm-4 col-md-4 col-lg-3">
+
                     <div class="col-xs-6 col-sm-6 col-md-4 col-lg-3">
 
                         <div class="duiyuan">
 
                         <div class="duiyuan">
 
                             <img src="https://static.igem.org/mediawiki/2018/2/20/T--HZAU-China--shuguang.jpg" alt="">
 
                             <img src="https://static.igem.org/mediawiki/2018/2/20/T--HZAU-China--shuguang.jpg" alt="">
Line 809: Line 914:
 
                 <div class="h1">ADVISORS</div>
 
                 <div class="h1">ADVISORS</div>
 
                 <div class="row">
 
                 <div class="row">
                     <div class="col-xs-6 col-sm-4 col-md-4 col-lg-3">
+
                     <div class="col-xs-6 col-sm-6 col-md-4 col-lg-3">
 
                         <div class="laoshi">
 
                         <div class="laoshi">
 
                             <img src="https://static.igem.org/mediawiki/2018/8/83/T--HZAU-China--kening.jpg" alt="">
 
                             <img src="https://static.igem.org/mediawiki/2018/8/83/T--HZAU-China--kening.jpg" alt="">
Line 815: Line 920:
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                     <div class="col-xs-6 col-sm-4 col-md-4 col-lg-3">
+
                     <div class="col-xs-6 col-sm-6 col-md-4 col-lg-3">
 
                         <div class="laoshi">
 
                         <div class="laoshi">
 
                             <img src="https://static.igem.org/mediawiki/2018/c/c0/T--HZAU-China--jinyu.jpg" alt="">
 
                             <img src="https://static.igem.org/mediawiki/2018/c/c0/T--HZAU-China--jinyu.jpg" alt="">
Line 821: Line 926:
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                     <div class="col-xs-6 col-sm-4 col-md-4 col-lg-3">
+
                     <div class="col-xs-6 col-sm-6 col-md-4 col-lg-3">
 
                         <div class="laoshi">
 
                         <div class="laoshi">
 
                             <img src="https://static.igem.org/mediawiki/2018/5/56/T--HZAU-China--gang.jpg" alt="">
 
                             <img src="https://static.igem.org/mediawiki/2018/5/56/T--HZAU-China--gang.jpg" alt="">
Line 827: Line 932:
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                     <div class="col-xs-6 col-sm-4 col-md-4 col-lg-3">
+
                     <div class="col-xs-6 col-sm-6 col-md-4 col-lg-3">
 
                         <div class="laoshi">
 
                         <div class="laoshi">
 
                             <img src="https://static.igem.org/mediawiki/2018/7/7b/T--HZAU-China--hongyu.jpg" alt="">
 
                             <img src="https://static.igem.org/mediawiki/2018/7/7b/T--HZAU-China--hongyu.jpg" alt="">
Line 833: Line 938:
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                     <div class="col-xs-6 col-sm-4 col-md-4 col-lg-3">
+
                     <div class="col-xs-6 col-sm-6 col-md-4 col-lg-3">
 
                         <div class="laoshi">
 
                         <div class="laoshi">
 
                             <img src="https://static.igem.org/mediawiki/2018/2/2a/T--HZAU-China--donghai.jpg" alt="">
 
                             <img src="https://static.igem.org/mediawiki/2018/2/2a/T--HZAU-China--donghai.jpg" alt="">
Line 839: Line 944:
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                     <div class="col-xs-6 col-sm-4 col-md-4 col-lg-3">
+
                     <div class="col-xs-6 col-sm-6 col-md-4 col-lg-3">
 
                         <div class="laoshi">
 
                         <div class="laoshi">
 
                             <img src="https://static.igem.org/mediawiki/2018/b/bd/T--HZAU-China--zhen.jpg" alt="">
 
                             <img src="https://static.igem.org/mediawiki/2018/b/bd/T--HZAU-China--zhen.jpg" alt="">
Line 850: Line 955:
 
                 <div class="h1">INSTRUCTORS</div>
 
                 <div class="h1">INSTRUCTORS</div>
 
                 <div class="row">
 
                 <div class="row">
                     <div class="col-xs-6 col-sm-4 col-md-4 col-lg-3">
+
                     <div class="col-xs-6 col-sm-6 col-md-4 col-lg-3">
 
                         <div class="laoshi">
 
                         <div class="laoshi">
 
                             <img src="https://static.igem.org/mediawiki/2018/e/e6/T--HZAU-China--binguang.jpg" alt="">
 
                             <img src="https://static.igem.org/mediawiki/2018/e/e6/T--HZAU-China--binguang.jpg" alt="">
Line 856: Line 961:
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                     <div class="col-xs-6 col-sm-4 col-md-4 col-lg-3">
+
                     <div class="col-xs-6 col-sm-6 col-md-4 col-lg-3">
 
                         <div class="laoshi">
 
                         <div class="laoshi">
 
                             <img src="https://static.igem.org/mediawiki/2018/b/b4/T--HZAU-China--jin.jpg" alt="">
 
                             <img src="https://static.igem.org/mediawiki/2018/b/b4/T--HZAU-China--jin.jpg" alt="">
Line 862: Line 967:
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                     <div class="col-xs-6 col-sm-4 col-md-4 col-lg-3">
+
                     <div class="col-xs-6 col-sm-6 col-md-4 col-lg-3">
 
                         <div class="laoshi">
 
                         <div class="laoshi">
 
                             <img src="https://static.igem.org/mediawiki/2018/4/40/T--HZAU-China--shan.png" alt="">
 
                             <img src="https://static.igem.org/mediawiki/2018/4/40/T--HZAU-China--shan.png" alt="">
Line 887: Line 992:
 
             </div>
 
             </div>
 
             <!-- <div class="daohangyi"> -->
 
             <!-- <div class="daohangyi"> -->
                <a class="daohangyi" href="https://2018.igem.org/Team:HZAU-China/Attributions">
+
            <a class="daohangyi" href="https://2018.igem.org/Team:HZAU-China/Attributions">
                    <span class="biaoti">Attributions</span>
+
                <span class="biaoti">Attributions</span>
                    <span class="xsjPic"><img src="https://static.igem.org/mediawiki/2018/7/7c/T--HZAU-China--ysj.svg" alt=""></span>
+
                <span class="xsjPic"><img src="https://static.igem.org/mediawiki/2018/7/7c/T--HZAU-China--ysj.svg" alt=""></span>
                </a>
+
            </a>
 
             <!-- </div> -->
 
             <!-- </div> -->
 
             <!-- <div class="daohangyi"> -->
 
             <!-- <div class="daohangyi"> -->
                <a class="daohangyi" href="https://2018.igem.org/Team:HZAU-China/Collaborations">
+
            <a class="daohangyi" href="https://2018.igem.org/Team:HZAU-China/Collaborations">
                    <span class="biaoti">Collaborations</span>
+
                <span class="biaoti">Collaborations</span>
                    <span class="xsjPic"><img src="https://static.igem.org/mediawiki/2018/7/7c/T--HZAU-China--ysj.svg" alt=""></span>
+
                <span class="xsjPic"><img src="https://static.igem.org/mediawiki/2018/7/7c/T--HZAU-China--ysj.svg" alt=""></span>
                </a>
+
            </a>
 
             <!-- </div> -->
 
             <!-- </div> -->
 
             <!-- 滚动菜单栏 -->
 
             <!-- 滚动菜单栏 -->

Latest revision as of 20:25, 17 October 2018

MEMBERS
Zhujun Xia

This year,I'm the captain of HZAU-China. I hope I can be a brilliant person like professor Li who is my goddess.

YinQing Zeng

I'm YinQing Zeng. This year, I'm the student leaders of HZAU-China too. I love rap(especially EMINEM's songs) and making handicraft. In fact, I want to have a dessert shop in the future even though I don't like dessert.

He Yang

My name is He Yang, It's my second year in HZAU-China team. I am curious and ambitious. However, plentiful in ideal yet skiny in reality. I will easy to screw everything up if neglect any detail. So, it time to be a precise man.

Mo Qiqin

This is Mo Qiqin, fan of KSP. I love building space crafts and I launch them successfuly. iGEM is more like a sand box game, for people can combine every parts they own to fulfill their Fantasies♂. In the passed years, I fulfilled my fantasies and got friendships in our iGEM team. Oh, that’s good!

Lingyu Zhong

My name is Lingyu Zhong and you may call me Xue Zhang, which means senior in English. Although I don’t know why they call me so. It’s my second year to be an iGEMer, and I'm one of the key members of wet experiment group. I love our team, I love our team members. It’s very lucky to meet you all.

Zhiqing Guo

My name is Zhiqing Guo,and you also can call me Farlina.It is my second year to attend iGEM.I made a lot of friends here who company me all the time.iGEMers let me know what persistence is and never toss in when I confront barriers.So I want to say I am into you guys.

Songtao Cheng

Hello! My name is Songtao Cheng. It's my second year to be an iGEMer. During the iGEM project I found that synthetic biology is so charming. Joining iGEM is a good chance for me to learn knowledge and communicate with creative people to broaden my horizon. In short, I enjoy it!

Yini Miao

Yini Miao, one of the model group, who are intrigued with modeling last year and always try her best to think and reflect.

Zhuoqi Huang

Zhuoqi Huang, a boy who come from a beautiful city called Jieyang. It is my honour to join the iGEM as a member of wetlab. Although bioinformatics is my major, I am addicted to experiments of organism but not the program on computer. Next year, I hope I can make contribution to the drylab.

Tom Rao

This is Tom Rao, an anime lover, a movie fan, a fat otaku and a man who is willing to devote his life into biology research. He’s one of the modelling group and built up the ATc model of our project. He also took charge in the interLab and successfully pass the data check.

Wenxin Hu

Hi! I’m Wenxin Hu, you can call me Stephanie! I’m a girl who have great passion in science and always dream to save the world! It’s my first year in team HZAU-China and iGEM provides me a platform to achieve my dream. Everyone is nice here and I’m really happy to meet you all!

Hangxi Fu

This is Hangxi Fu,and you can call me Awesome Fu.I come from Yunnan and I am proud of my rich hometown.I am crazy about philosophy and psychology.Also,I am busy with biology just because it's my business.I am engaging in wet lab in iGEM though I wanna study modeling.

Ruonan Tian

My name is Ruonan Tian, I am now studying bioinformatics at HZAU. I have a wide range of interests, such as sports, reading and watching movies. However, I especially love igem, because I learn concentration from it.

Heng Heng

I‘m Heng Heng. This is my first year in HZAU-China team. I'm eager for knowledge, and iGEM is the place I want.

Yuying Xiang

My name is Aries.It is a great pleasure for me to be a member of HZAU-China experiment group.My major contribution is in the related design work.Joining IGEM is a good chance for me to learn knowledge and make friends with others.I believe we'll achieve good results this time!

Shuguang Wang

I majored in bioinformatics, a member of our model group. Designer of the Bacterial Colony Counter and coder of our wiki.

ADVISORS
Kening Chen
Jinyu Wang
Gang Cao
Hongyu Zhang
Donghai Peng
Zhen Cao
INSTRUCTORS
Binguang Ma
Jin He
Shan Li
Team

Memebers

Advisors

Instructors

Back to Top
Attributions Collaborations